@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
.nahaomoromachi-page #sub-navi ul li.active > a {
  line-height: 1.2;
}
.nahaomoromachi-page #sub-navi ul li.active > a span {
  display: block;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1pt;
  line-height: 1;
}
.nahaomoromachi-page #sub-navi ul li .nolink {
  color:#000;
  text-decoration:none;
  padding:10px 0;
  display:block;
}

/* plan ------------------------------------------------*/
.nahaomoromachi-page .plan-section img{
	max-width:100%;
}

.nahaomoromachi-page .plan-section > h2 {
	margin:0 0 30px;
}
@media screen and (max-width: 640px) {
	.nahaomoromachi-page .plan-section > h2 {
		font-size:20px;
	}
}

.nahaomoromachi-page .plan-section .wrap-1col > div{
	text-align:center;
}
@media screen and (max-width: 640px) {
  .nahaomoromachi-page .plan-section .wrap-1col > div{
	  
  }
}

.nahaomoromachi-page .plan-section .wrap-2size{
	display:flex;
	align-items:flex-start;
	gap:40px;
	width:100%;
}
@media screen and (max-width: 640px) {
  .nahaomoromachi-page .plan-section .wrap-2size{
	  flex-wrap:wrap;
  }
}
.nahaomoromachi-page .plan-section .wrap-2size > div {
	float:none;
  text-align:center;
}
@media screen and (max-width: 640px) {
  .nahaomoromachi-page .plan-section .wrap-2size > div {
	  width:auto;
  }
}
.nahaomoromachi-page .plan-section .wrap-2size > div.big {
  width:auto;
  flex:1;
}
@media screen and (max-width: 640px) {
  .nahaomoromachi-page .plan-section .wrap-2size > div.big {
	  width:auto;
  }
}
.nahaomoromachi-page .plan-section .wrap-2size > div.small {
  width:330px;
}
@media screen and (max-width: 640px) {
  .nahaomoromachi-page .plan-section .wrap-2size > div.small {
	  width:auto;
  }
}

.nahaomoromachi-page .plan-section .wrap-2size > div > h2 {
	margin:0 0 20px;
  text-align:left;
}


.nahaomoromachi-page .plan-section .wrap-rooftop{
	display:flex;
	align-items:flex-start;
	/*gap:100px;*/
	width:100%;
}
@media screen and (max-width: 640px) {
  .nahaomoromachi-page .plan-section .wrap-rooftop{
	  flex-wrap:wrap;
		gap:50px;
  }
}
.nahaomoromachi-page .plan-section .fp-image{
	flex:1;
	text-align:center;
}
@media screen and (max-width: 640px) {
  .nahaomoromachi-page .plan-section .fp-image{
	  flex:unset;
  	margin:0 auto;
	  width:70vw;
  }
}
.nahaomoromachi-page .plan-section .reference-photo{
	width:400px;
}
@media screen and (max-width: 640px) {
  .nahaomoromachi-page .plan-section .reference-photo{
  	margin:0 auto;
	  width:70vw;
  }
}
.nahaomoromachi-page .plan-section .reference-photo figure:nth-child(n+2){
	margin: 30px 0 0;
}

.nahaomoromachi-page .plan-section .reference-photo figcaption{
	margin:5px 0 0;
	font-size:12px;
}

.nahaomoromachi-page .plan-section > .att{
	margin:30px 0 0;
	padding-left:1em;
	text-indent:-1em;
	font-size:14px;
	line-height:1.5;
}

/* spec-service ------------------------------------------------*/

.nahaomoromachi-page .spec-section .akasaka-spec-block .att{
	margin:15px 0 0;
	padding-left:1em;
	text-indent:-1em;
	font-size:14px;
	text-align:left;
}

.nahaomoromachi-page .spec-section .wrap-2block{
	display:flex;
	gap:30px;
}
@media screen and (max-width: 640px) {
  .nahaomoromachi-page .spec-section .wrap-2block{
  	flex-wrap:wrap;
  }
}
.nahaomoromachi-page .spec-section .wrap-2block .text p{
    margin: 20px 0 0;
}
.nahaomoromachi-page .spec-section .wrap-2block img{
	max-width:600px;
}

.nahaomoromachi-page .spec-section .img03{
	
}
@media screen and (max-width: 640px) {
  .nahaomoromachi-page .spec-section .img03{
  	max-width: 40vw;
  	margin: 0 auto;
  }
}

.box {
  margin-bottom: 20px;
  padding: 20px;
  border: 1px solid #c9c9c9;
}
.box-col02 .box_item {
  width: calc((100% - 25px) / 2);
}
.box_heading {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 10px;
  border-bottom: 1px solid #c9c9c9;
}
.box_inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 25px;
}
.box_item {
  display: flex;
  flex-direction: row;
  gap: 0 10px;
}
.box_item_imgwrap {
  flex: 1;
}
.box_item_imgwrap > img {
  display: block;
  width: 100%;
}
.box_item_txt {
  width: 50%;
  font-size: 15px;
  line-height: 1.5;
}



/* spの設定 */
@media screen and (max-width:640px) {
  /* 全体の設定 */
  .nahaomoromachi-page .akihabana_box {
    width: 100%;
  }
  
  /* spec-service */
  .box-col02 .box_item {
    width: 100%;
  }
  .box_inner {
    flex-direction: column;
    gap: 25px 0;
  }
  .box_item {
    flex-direction: column;
    gap: 10px 0;
  }
  .box_item_txt {
    width: 100%;
  }
}