:root {
  --sans: "Noto Sans JP", sans-serif;
  --serif: "Noto Serif JP", serif;
  --fz10: 10px;
  --fz11: 11px;
  --fz12: 12px;
  --fz13: 13px;
  --fz14: 14px;
  --fz15: 15px;
  --fz16: 16px;
  --fz18: 18px;
  --fz20: 20px;
  --fz22: 22px;
  --fz24: 24px;
  --fz25: 25px;
  --fz27: 27px;
  --fz28: 28px;
  --fz30: 30px;
  --fz32: 32px;
  --fz35: 35px;
  --fz36: 36px;
  --fz39: 39px;
  --fz40: 40px;
  --fz45: 45px;
  --fz50: 50px;
  --fz55: 55px;
  --grn: #0f3630;
}
html,
body {
  overflow-x: hidden;
  width: 100%;
  margin:0;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration:none;
}
h2 {
  font-family: var(--serif);
  margin-bottom: 0.5em;
}
h2.line {
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}
@keyframes top-mv-zoomup {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
    transform: scale(1.25);
  }
}
@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
  ol, ul {
    box-sizing: border-box;
  }
  header {
    min-width: 360px;
    width: 100%;
    height: 100px;
    padding: 0 10px 0 20px;
    background: rgba(255, 255, 255, 0.9);
    position: fixed;
    padding:  0px;
    top: 0;
    left: 0;
    z-index: 9999;
    /*box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);*/
  }
  header .flex {
    height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
  }
  header .title.flex.icenter {
	padding: 20px 40px;
    display: flex;
    align-items: center;
	justify-content: space-around;
    gap: 6%;
  }
	header .title.flex.icenter .logo{
		width: 220px;
	}
	header .title.flex.icenter .logo img{
		width: 100%;
		display: block;
	}
	header .title.flex.icenter .anniversary{
		width: 40px;
		vertical-align: middle;
	}
	header .title.flex.icenter .anniversary img{
		width: 100%;
		display: block;
	}
 .title_left{
    display: flex;
    gap: 10px;
  }	
  header .menu {
    max-width: 400px;
  }
  header .nav {
    display: none;
  }
  header .menu.flex {
    border-left: 1px solid #d8d7d7;
    height: 60px;
	margin-top: 12px;
    padding-left: 40px;
  }
  header.navigation {
    display: block !important;
  }
  header .navigation {
    padding-right: 1%;
    max-width: 100%;
    height:100%;
    display: flex;
    align-items: flex-end;
  }
  header .navigation > ul {
    max-width: 100%;
    height:100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    list-style: none;
    padding-top: 20px;
    gap: 8px;
  }
  .navigation li {
    white-space: nowrap;
    /* position: relative; */
  }
  header .navigation li.break {
    flex-basis: 100%;
    height: 0;
    margin: 0;
    padding: 0;
  }

  .navigation a {
    text-decoration: none;
    color: #333;
    font-weight: 400;
    font-size: var(--fz14);
    padding: 4px 5px;
    transition: color 0.3s;
  }
	
	.navigation li:nth-child(-n+5) a{
		font-size: var(--fz12);
	}

  header .navigation li:not(.break) a {
    color: grey;
  }
  header .navigation li:not(.break) a:hover {
    color: #0073aa;
  }
  header .navigation li.break ~ li a {
    color: #000000;
    font-weight:400;
    font-size: var(--fz14);
    font-family:'Hiragino Sans';
  }
  header .navigation li:has(.submenu){
    height:50%;
  }

  .navigation ul li ul.submenu {
    position: absolute;
    top: 100%;
    right: 0;
    background: #0f3630;
    padding: 16px 0;
    width: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    list-style-type: none;
    /* transform: translateX(-20%); */
    display: flex;
    justify-content: center;
    align-items: center;
    gap:1em;
  }
  .navigation ul li ul.submenu a {
    color:#fff;
    font-size:var(--fz14);
  }

  .navigation ul li ul.submenu li {
    padding: 5px 10px;
  }

  .navigation ul li.has-submenu:hover ul.submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .side-buttons.pc {
    position: fixed;
    min-height: 380px;
    width: 60px;
    right: 0;
    top: 22%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    z-index: 9999;
    background-color: #0f3630;
  }
  .inner {
    max-width: 1800px;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    margin: 80px auto;
    position: relative;
  }
  .side-buttons.pc > div a {
    writing-mode: vertical-rl;
    text-decoration: none;
    padding: 40px 7px 20px;
    color: #fff;
    font-size: var(--fz15);
letter-spacing: .25em;
display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
    margin-top: 30px;
  }
  .side-buttons.pc > .flex > div > a {
    font-size: var(--fz14);
  }
  .side-buttons.pc > .flex > div > a > img {
	margin-bottom: 15px;
    display: inline-block;
  }
  .side-buttons.pc > .flex > div:not(:last-child) a {
    border-bottom: 1px solid white;
  }

  .side-buttons.pc a .icon {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 2;
  }
  .side-buttons.pc a span {
    z-index: 1;
    text-align: center;
  }
  .top_bg {
    width: 100%;
    height: 800px;
    position: relative;
  }
  footer .bg1 {
    background: var(--grn);
    color: #fff;
    padding: 60px 0 20px;
  }
  footer .bg1 .inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
	footer .bg1 .inner .logo{
		width: 220px;
	}
	footer .bg1 .inner .logo img{
		width: 100%;
		display: block;
	}
  .white-line {
    border: none;
    height: 1px;
    width: 55%;
    background-color: white;
    margin: 20px auto;
  }
  footer .white-line {
    width: 90%;
	max-width: 980px;
	margin-top: 30px;
  }

  .foot-menu {
    /* border-top: 1px solid #fff; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 30px;
  }
  .foot-menu .main.flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
  }
  .foot-menu .main a {
    color: #fff;
    padding: 12px 10px;
    position: relative;
	font-size: 16px;
    text-decoration: none;
  }
  .foot-menu .main.flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    margin: 30px 40px;
    padding: 0 auto;
    gap: inherit;
  }
  .main a {
    white-space: nowrap;
  }
  .foot-menu .main a:hover {
    color: #0073aa;
  }
  .foot-menu .main a.break {
    flex-basis: 100%;
    height: 0;
    margin: 0;
    padding: 0;
  }
  .foot-menu .btn {
    width: 90%;
	max-width: 850px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .foot-menu .btn a {
	width: 32%;
	display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.8);
    font-size: var(--fz18);
    font-weight: 400;
    text-decoration: none;
    color: #fff;
    padding: 15px;
    position: relative;
	text-align: left;
  }
  .foot-menu .btn a::after {
    content: "❯";
    font-size: var(--fz20);
    position: absolute;
    margin: 0 10px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .foot-menu .bnr {
	width: 90%;
	max-width: 850px;
    margin-top: 12px;
  }
  .foot-menu .bnr a {
    background: #fff;
    font-size: var(--fz18);
    font-weight: 500;
    color: var(--grn);
    padding: 15px;
    text-decoration: none;
    position: relative;
  }
  .foot-menu .bnr a::after {
    content: "";
    display: block;
    background: url(../img/icon-link.svg) center center / cover no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
  }
  .foot-menu .little {
    margin-top: 30px;
  }
  .foot-menu .little a {
    margin: 0 0.5em;
    color: #fff;
	font-size: 18px;
    text-decoration: none;
  }
  .foot-menu .sns {
    margin-top: 20px;
  }
  .foot-menu .sns a {
    width: 32px;
    margin: 0 auto;
	display: block;
  }
  .foot-menu .sns a > img {
	width: 32px;
	display: block;
    filter: brightness(0) invert(1);
  }
  .bottom_add {
    width: 100%;
	max-width: 980px;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .bottom_add .add_left {
    height: auto;
    font-size: var(--fz13) !important;
  }
  .bottom_add .add_right > p,
  .bottom_add .add_right > a {
    padding: 10px 0;
    line-height: 2.5;
    text-decoration: none;
	text-align: right;
	color:white;
  }
  .bottom_add .add_left > p {
    padding: 10px 0;
	font-size: 14px;
	text-align: left;
    line-height: 1.75;
  }
  .bottom_add .add_right {
    height: auto;
	text-align: right;
  }
	.bottom_add .add_right > p{
		font-size: 18px
	}
	.bottom_add .add_right > a{
		font-size: 24px
	}
  footer .bg2 {
    background: #0f3630;
    color: #fff;
    text-align: center;
    font-size: var(--fz12);
    padding: 30px 0 15px;
  }

  /* ---------------------------------------------------------------------------
//  page
--------------------------------------------------------------------------- */
  .page--top .wrap {
    padding-top: 0;
  }

  .top-mv {
    width: 100%;
    height: 780px;
    position: relative;
    overflow: hidden;
  }
  .red_txt {
    padding: 10px 20px;
    text-align: center;
    bottom: 48.4px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: var(--fz18);
    position: absolute;
    width: 310px;
    font-weight: bold;
    border: solid 2px #d74514;
    background: rgba(255, 255, 255, 0.8);
    color: #d74514;
  }
  .top-mv .main-catch-wrap {
    width:min(1100px, 94%);
    height:75%;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap:1rem;
  }
  .top-mv h1 {
    /* width: 100%; */
    /* text-align: center; */
    /* position: absolute; */
    /* top: 40%; */
    /* left: 0; */
    /* transform: translateY(-50%); */
    font-family: var(--serif);
    font-size: 40px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0.1em;
    text-shadow: 1px 0 5px rgba(0, 0, 0, 0.5), -1px 0 5px rgba(0, 0, 0, 0.5),
      0 1px 5px rgba(0, 0, 0, 0.5), 0 -1px 5px rgba(0, 0, 0, 0.5);
  }
  .top-mv h2 {
    /* width: 100%; */
    /* text-align: center; */
    /* position: absolute; */
    /* top: calc(40% + 100px); */
    /* left: 0; */
    /* transform: translateY(-50%); */
    font-family: var(--serif);
    font-size: var(--fz35);
    color: #fff;
    letter-spacing: 0.08em;
    text-shadow: 1px 0 5px rgba(0, 0, 0, 0.5), -1px 0 5px rgba(0, 0, 0, 0.5),
      0 1px 5px rgba(0, 0, 0, 0.5), 0 -1px 5px rgba(0, 0, 0, 0.5);
  }
  .top-mv h2 span {
    border: solid 1px;
    padding: 8px 16px;
    display: inline-block;
    line-height: 1.5;
    font-size: var(--fz16); 
    font-weight: 400; 
  }
  .top-mv div img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    display: block;
  }
.top-mv .slick-current  {
animation: top-mv-zoomup 10s linear 0s normal both;
}
.brand-movie {
    position: fixed;
    bottom: 20px;
    width: 214px;
    overflow: hidden;
    z-index: 9999;
    font-family: sans-serif;
    right: 5%;
  }
  .brand-movie .brand {
    margin-top: 50px;
    margin-right: 20px;
    position: relative;
  }

  .brand-movie a {
    display: block;
  }

  .brand-movie img {
    width: 100%;
    display: block;
  }

  .brand-movie span {
    display: block;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    background: #fff;
    font-weight: 700;
  }

  .brand-movie .play-button {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 30px;
    color: white;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    pointer-events: none;
  }
  .brand-movie-close {
    position: absolute;
    top: -20px;
    right: -15px;
    background: none;
    border: none;
    font-size: 33px;
	line-height: 1;
    color: #000;
    cursor: pointer;
    z-index: 1000;
    background-color: #d9d9d9;
    border-radius: 15px;
    width: 30px;
    height: 30px;
  }
	
  /*------award bnr--------*/
	.modelhouse-single.sec-section{
		max-width: 100%;
	}
	.sec-section .inner.top-award-bnr{
		width: 90%;
		max-width: 1100px;
		margin: 80px auto 0;
		padding: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: inherit;
	}
	.sec-section .inner.top-award-bnr .award-bnr{
		width: 31%;
	}
	.sec-section .inner.top-award-bnr .award-bnr > a > img{
		width: 100%;
		height: auto;
		object-fit: contain;
	}
	
	
  /*------event slide--------*/

  .top-section {
    position: relative;
    background-color: #fff;
    overflow: visible;
  }
	.top-event-hl{
		width: 90%;
		margin: 80px auto 20px;
		padding: 0 30px;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
  .top-event .top-event-hl h2 {
    font-size: var(--fz17);
	font-weight: 500 !important;
  }
	.top-event .top-event-link{
		color: #000;
		font-size: 16px;
	}
	.top-event .top-event-link::after{
		content: "❯";
		display: inline-block;
		margin-left: 10px;
		font-weight: 600;
	}
  .event-list {
    width: 80%;
    padding-bottom: 0;
    margin-bottom: 50px !important;
    margin: 0 auto;
    overflow-x: auto;
  }
  #event-slide {
    position: relative;
    overflow: visible;
  }

  #event-slide.slick-initialized {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  #event-slide_pc {
    position: relative;
    overflow: visible;
  }

  #event-slide_pc.slick-initialized {
    display: block;
    width: 90%;
    margin: 0 auto;
	padding-bottom: 0;
  }

  #event-slide_pc .slick-track {
    display: flex;
  }
	
  #event-slide_pc .slick-slide {
    height: auto !important;
  }
	
  #event-slide_pc .slick-dots{
	bottom: -45px !important;
  }
	
#event-slide_pc .slick-dots li button{
  width: 8px !important;
  height: 8px !important;
}
	
  .event-list h3 {
    font-size: var(--fz16);
    margin: 15px 0 10px;
    color: #333;
  }
  .event-list dl {
    margin: 0;
	font-size: var(--fz14);
  }
  .event-list dt {
    float: left;
    clear: left;
    width: 3em;
    font-weight: bold;
  }
  .event-list dd {
    margin: 0 0 5px 3em;
  }
  .event-list .item img {
    width: 100%;
    height: auto;
    display: block;
  }
  .event-list .item {
    flex: 0 0 auto;
    width: 300px;
    overflow: hidden;
    text-align: left;
    background-color: #fff;
    text-decoration: none;
    color: inherit;
    margin: 0 30px;
  }
  .more-round {
    display: table;
    margin: 65px auto 0;
    border: 1px solid #5a5a5a;
    font-size: var(--fz14);
    padding: 10px 50px;
    border-radius: 100px;
    position: relative;
    text-decoration: none;
	color:black;
  }
  .more-round::after {
    content: "❯";
    position: absolute;
    top: 50%;
    right: 10%;
    font-weight: 300;
    transform: translateY(-50%);
  }
  .more-round.white {
    border: 1px solid #fff;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
  }
	.cmn-txtlink{
		display: inline-block;
		position: relative;
		padding-right: 10%;
		color: #000;
	}
	.cmn-txtlink::after{
		content: "❯";
    display: inline-block;
		margin-left: 10px;
	}
	.cmn-btnlink{
		margin: 0 auto;
		padding: 12px;
		display: block;
		position: relative;
		background-color: var(--grn);
		color: #fff;
		text-align: center;
	}
	.cmn-btnlink.w400 {
    width:400px;
	}
	.cmn-btnlink::after{
		content: "❯";
    display: inline-block;
		margin-left: 10px;
		color: #fff;
		font-size: 16px;
	}
  /*----------------------pick-up slide-------------------------------*/
	.top-pickup.top-section{
		margin-top: 100px;
	}
  .top-pickup a {
    display: block;
  }
  .top-pickup .inner > h2 {
	width: 90%;
    margin: 0 auto;
    font-size: var(--fz20);
  }
  .top-pickup .pickup-list .item .title {
    font-weight: 500;
    font-size: var(--fz14);
    text-align: center;
    margin-top: 0.8em;
    color: #222;
  }
  .top-pickup .pickup-list .item a {
    text-decoration: none;
  }
  .pickup-list {
    margin: 20px auto !important;
    padding-bottom: 50px;
    position: relative;
    width: 90% !important;
  }
  .pickup-list .item {
    padding: 0 10px;
    box-sizing: border-box;
    margin: 5px 10px;
  }
  .pickup-list .item img {
    width: 100%;
    height: auto;
	margin: 0 auto;
    display: block;
  }
	#pickup-slide .slick-dots li button{
		width: 8px !important;
		height: 8px !important;
	}
  /*----------top lifestyle-----------*/
	.top-concept{
		width: 87.5%;
		margin-top: 100px;
		margin-left: 12.5%;
	}
	.top-concept-pic{
		width: 100%;
    aspect-ratio: 130 / 53;
    overflow: hidden;
	}
	.top-concept-pic img {
		width: 100%;
    height:100%;
    object-fit: cover;
    object-position: center;
	}
	.top-concept-cont{
		margin-top: 60px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.top-concept-cont h2{
		width: 40%;
		font-size: 24px;
		font-weight: 500;
		line-height: 2.25;
	}
	.top-concept-txt{
		width: 50%;
	}
	.top-concept-txt p{
		font-family: var(--serif);
		font-size: 14px;
		line-height: 3;
	}
	.top-concept-txtlink-wrap{
		text-align: right;
	}
	.top-concept-txtlink-wrap .cmn-txtlink{
		margin-top: 30px;
		font-size: 14px;
	}
  /*----------top-lifestyle--------------*/
	.top-lifestyle{
		margin-top: 80px;
	}
	.top-lifestyle .inner{
		max-width: initial;
	}
  h2.top-head {
    font-size: var(--fz20);
    text-align: center;
    color: var(--grn);
    font-weight: 600 !important;
    margin-bottom: 2em;
    line-height: 1;
  }
  .top-lifestyle h2 + p {
    text-align: center;
    color: var(--grn);
    margin: -1em 0 30px;
	font-size: 16px;
    font-weight: 500;
  }
  .top-lifestyle .lifestyle-tabs {
    width: 87.5%;
    margin-right: 12.5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    height: 600px;
  }
  /* #lifestyle-tabs {
    border: 1px solid #d8d8d8;
  } */
	.top-lifestyle .top-dream{
    text-align: center;
    font-family: var(--serif);
  }
  .top-lifestyle .top-dream >p{
    margin: 12px 0 2px !important;
    font-weight: 500;
    font-size: var(--fz16);
    line-height: 1;
    color: #0f3630;
  }
  .top-lifestyle .top-dream>img{
    width: 7%;
  }
  .top-lifestyle h2.top-head{
    margin-top: 5px;
    margin-bottom: 1em;
    font-size: var(--fz24);
    font-family: var(--serif);
    font-weight: 500 !important;
  }

  .top-lifestyle .lifestyle-cnt {
    width: 80%;
    height: auto;
  }
  .top-lifestyle .lifestyle-nav {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
    width: 20%;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
	.top-lifestyle .lifestyle-nav.fwrap{
		justify-content: inherit;
        gap: inherit;
	}
  .lifestyle-cnt .item {
    position: relative;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
  }
  .lifestyle-cnt .item h3 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 30px;
    position: absolute;
    top: 0;
    left: 0;
    font-family: var(--serif);
    font-size: var(--fz20);
	font-weight: 500;
	letter-spacing: .1em;
    color: #fff;
    z-index: 3;
  }
  .lifestyle-cnt h3::before {
    content: "";
    margin-right: 5px;
    width: 60px;
    height: 48px;
  }
  .lifestyle-cnt #ls-cnt1 h3::before {
    background: url(../img/lifestyle-icon01w.png) center center / contain
      no-repeat;
    filter: brightness(0) invert(1);
    display: inline-block;
    width: 50px;
    height: 75px;
  }
  .lifestyle-cnt #ls-cnt2 h3::before {
    background: url(../img/lifestyle-icon02w.png) center center / contain
      no-repeat;
    filter: brightness(0) invert(1);
    display: inline-block;
    width: 100px;
    height: 100px;
  }
  .lifestyle-cnt #ls-cnt3 h3::before {
    background: url(../img/lifestyle-icon03w.png) center center / contain
      no-repeat;
    filter: brightness(0) invert(1);
    display: inline-block;
    width: 100px;
    height: 100px;
  }
  .lifestyle-cnt #ls-cnt4 h3::before {
    background: url(../img/lifestyle-icon04w.png) center center / contain
      no-repeat;
    filter: brightness(0) invert(1);
    display: inline-block;
    width: 100px;
    height: 100px;
  }
  .lifestyle-cnt #ls-cnt5 h3::before {
    background: url(../img/lifestyle-icon05w.png) center center / contain
      no-repeat;
    filter: brightness(0) invert(1);
    display: inline-block;
    width: 100px;
    height: 100px;
  }

  .lifestyle-cnt .photo {
    position: relative;
  }
  .lifestyle-cnt .photo img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    display: block;
  }

  .lifestyle-cnt .photo::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.25);
    z-index: 2;
  }

  .lifestyle-cnt .more-round {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
  }
  .lifestyle-nav .btn {
    text-align: center;
    font-size: var(--fz20);
    height: 119px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    font-size: 15px;
    font-weight: 400;
  }
  .lifestyle-nav.flex #ls-btn1 {
    width: 100%;
    display: flex;
    gap: 1em;
    border-image: linear-gradient(
        to right,
        #fff 6%,
        #d8d8d8 6%,
        #d8d8d8 94%,
        #fff 94%
      )
      1;
  }
  .lifestyle-nav.flex #ls-btn2 {
    display: flex;
    gap: 2em;
    border-top: 1px solid;
    border-image: linear-gradient(
        to right,
        #fff 6%,
        #d8d8d8 6%,
        #d8d8d8 94%,
        #fff 94%
      )
      1;
  }
  .lifestyle-nav.flex #ls-btn3 {
    display: flex;
    gap: 2em;
    border-top: 1px solid;
    border-image: linear-gradient(
        to right,
        #fff 6%,
        #d8d8d8 6%,
        #d8d8d8 94%,
        #fff 94%
      )
      1;
  }
  .lifestyle-nav.flex #ls-btn4 {
    display: flex;
    gap: 1em;
    border-top: 1px solid;
    border-image: linear-gradient(
        to right,
        #fff 6%,
        #d8d8d8 6%,
        #d8d8d8 94%,
        #fff 94%
      )
      1;
  }
  .lifestyle-nav.flex #ls-btn5 {
    display: flex;
    gap: 1em;
    border-top: 1px solid;
    border-image: linear-gradient(
        to right,
        #fff 6%,
        #d8d8d8 6%,
        #d8d8d8 94%,
        #fff 94%
      )
      1;
  }

  .lifestyle-nav .btn::before {
    content: "";
    margin-right: 5px;
    width: 60px !important;
  }
  .lifestyle-nav #ls-btn1::before {
    background: url(../img/lifestyle-icon01.png) center center / contain
      no-repeat;
    width: 80px;
    height: 80px;
  }
  .lifestyle-nav #ls-btn2::before {
    background: url(../img/lifestyle-icon02.png) center center / contain
      no-repeat;
    width: 80px;
    height: 80px;
  }
  .lifestyle-nav #ls-btn3::before {
    background: url(../img/lifestyle-icon03.png) center center / contain
      no-repeat;
    width: 80px;
    height: 80px;
  }
  .lifestyle-nav #ls-btn4::before {
    background: url(../img/lifestyle-icon04.png) center center / contain
      no-repeat;
    width: 80px;
    height: 80px;
  }
  .lifestyle-nav #ls-btn5::before {
    background: url(../img/lifestyle-icon05.png) center center / contain
      no-repeat;
    width: 80px;
    height: 80px;
  }

  .lifestyle-nav .btn::after {
    content: "";
    width: 0;
    height: 10px;
    background: var(--grn);
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all 0.3s;
    transform-origin: right;
  }
  .lifestyle-nav .btn.tab-active::after {
    height: 100%;
    width: 5%;
  }
  .lifestyle-nav .btn#ls-btn1.tab-active::after {
    height: 100%;
    width: 5%;
  }
  /*-------------top-example--------------*/

  .top-example .icon {
    width: 40px;
    margin: 20px auto 10px;
  }
  .top-example .icon > img {
    width: 100%;
    height: auto;
  }
  .example-list .container {
    display: flex;
    width: 90%;
    margin: 0 auto;
  }
	.top-example h2.top-head{
		font-size: var(--fz24);
		font-weight: 500 !important;
	}

  .example-list .item {
    display: block;
    /* margin: 0 10px; */
    max-width: 500px;
    /* margin: 0 3px 6px; */
    /* border-radius: 10px; */
    /* overflow: hidden; */
  }

	.example-list .item .box {
    position: relative;
    width: 100%;
    padding-top: 0;
    height: 0;
    padding-top: 158%;
  }
  .top-example .example-list .item .box {
    padding-top: 70%;
  }
  .search .example-list .item .box,
  .tax-example-cat .example-list .item .box,
  .post-type-archive-example .example-list .item .box {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 0;
  }
	
.example-list .item .photo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    object-fit: cover;
    overflow: hidden;
  }
	
  .search .example-list .item .photo,
  .tax-example-cat .example-list .item .photo,
  .post-type-archive-example .example-list .item .photo {
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 2;
    position: relative;
    top: auto;
    left: auto;
    object-fit: cover;
    overflow: hidden;
  }

  .example-list .item .photo::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
    transition: all 0.3s ease-out;
  }
  .top-example .example-list .item .photo::after{
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

	.search .example-list .item .photo::after,
	.tax-example-cat .example-list .item .photo::after,
	.post-type-archive-example .example-list .item .photo::after {
		content: none;
	}
	
  .example-list .item .photo img.cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
	
.example-list .item .text {
  width: 100%;
  padding-inline:8px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 3;
}
.top-example .example-list .item .text {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-out;
}

.search .example-list .item .text,
.tax-example-cat .example-list .item .text,
.post-type-archive-example .example-list .item .text {
  width: 100%;
  position: relative;
  top: auto;
	left: auto;
	transform: none;
}
.example-list .item h3 {
  font-family: var(--serif);
  font-size: var(--fz16);
  font-weight: 500;
  text-align: center;
  color: #fff;
  margin-bottom: 8px;
  padding: 8px 16px;
  line-height: 1.5;
}
.example-list .item .cat {
  margin: 0.5em auto 0;
  text-align: center;
}
  
.example-list .item .cat li {
  display: inline-block;
  font-family: var(--serif);
  font-size: var(--fz13);
  color: #fff;
  background: #101010;
  padding: 4px 16px;
  margin: 0 4px 8px;
}

h2.search{
  font-family: var(--sans);
  font-size: 20px;
  font-weight: 400;
}
.search .sec-example.sec-section.pc .inner{
      margin-top: 0 !important;
}

.top-example .more-round {
  margin: 85px auto 0;
	color:black;
}
.top-example {
	margin-top: 100px;
  padding: 5px auto;
}

#example-slide-pc {
  display: flex;
  flex-direction: column;
  gap:16px;
}
#example-slide-pc .slick-dots{
  right: 0 !important;
}
.top-example .example-list{
  width: 1300px;
  margin: 0 auto;
  /* display: flex;
  justify-content: center; */
}
.top-example .example-list .slick-list{
  width:100%;
}
.top-example .slick-slider{
  width:100%;
  margin: 0 -8px;
}
.top-example .slick-initialized .slick-slide{
    margin: 0 8px;
}
.top-example .slick-initialized .slick-slide:hover .photo::after,
.top-example .slick-initialized .slick-slide:hover .text {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
#example-slide-pc .slick-dots li button{
  width: 8px !important;
  height: 8px !important;
}
.top-style .cmn-btnlink{
  width: 400px;
  margin-top: 20px;
  margin-bottom: 100px;
}

/*------------------top-style-----------------*/
.top-style {
  margin: 80px auto 40px;
}
.top-style h2.top-head {
  margin-bottom: 5px !important;
  color: black !important;
font-family: var(--serif);
font-weight: 500 !important;
text-align: left;
}
.top-style .container {
  display: flex;
  width: 100%;
  height: 200px;
  margin: 0 auto;
}
.category-buttons {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 3% auto;
  justify-content: space-between;
  align-items: normal;
  /*     padding: 20px auto; */
	gap:16px;
}
.category-button {
  flex: 0 1 calc(25% - 12px);
  box-sizing: border-box;
  height: 60px;
  text-align: center;
  padding: 10px 24px;
  border: 1px solid #2b5e58;
  color: #2b5e58;
  text-decoration: none;
  font-size: var(--fz15);
  border-radius: 2px;
  background-color: #fff;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-button:hover {
  background-color: #2b5e58;
  color: #fff;
}


/*-------------top-guide--------------*/
.top-guide {
  background-color: #f5f5f5;
  width: 100%;
  height: auto;
  border: 1px solid #f5f5f5;
}
.top-guide .container {
  width: 85%;
  height: auto;
  margin: 100px auto;
	padding: 60px 100px 80px;
  background-color: white;
}
.top-guide h2.top-head {
  border-bottom: 1px solid #c0c0c0;
  color: black !important;
	font-size: 24px;
	font-weight: 500 !important;
	text-align: left;
	line-height: 3.125 !important;
}
.top-guide .guide-mid {
  display: flex;
	flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.top-guide .guide-mid > img {
  width: 57.5%;
	max-width: 481px;
  object-fit: cover;
}
.top-guide .guide-mid .guide-content {
  width: calc( 100% - 15px - 57.5%);
}
.top-guide .guide-mid .guide-content > p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  padding: 0;
}
.top-guide .guide-content .guide-btn .more-round {
	width: 45%;
	margin: 0;
  padding: 10px !important;
  border-color: #0f3630 !important;
  color: #0f3630 !important;
  font-weight: 500;
	text-align: center;
}
.top-guide .guide-btn{
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 30px;
}

/*--------------top-modelhouse------------*/
.top-modelhouse {
  background: var(--grn);
  color: #fff;
  padding: 100px 20px;
  text-align: center;
}
.top-modelhouse .inner h2 {
	font-family: var(--serif);
  font-size: var(--fz24);
	font-weight: 500 !important;
  text-align: center;
  margin-bottom: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-modelhouse h2::before {
  content: "";
  display: block;
  background: url(../img/icon-modelhouse.png) center center / contain
    no-repeat;
  width: 40px;
  height: 36px;
  margin-right: 15px;
}
.top-modelhouse .inner > p {
  text-align: center;
  font-size: var(--fz14);
  line-height: 2.25;
  margin-bottom: 40px;
}
.modelhouse-cnt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:1rem;
  width: 90%;
  margin: 0 auto;
	gap: 15px;
}
.modelhouse-cnt .item {
  background-color: var(--grn);
  color: #333;
  width: 100%;
  max-width: 570px;
  overflow: hidden;
  position: relative;
}
.modelhouse-link {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.modelhouse-cnt .item:hover .text-box  {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.modelhouse-cnt .photo {
  width:100%;
  aspect-ratio: 2/1;
  overflow: hidden;
  position: relative;
}
.modelhouse-cnt .photo .text-box {
  width:100%;
  height:100%;
  padding:2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap:1rem;
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease-out;
}
.modelhouse-cnt .photo .text-box .catch {
  font-family: var(--serif);
  font-size: var(--fz24);
  font-weight: 500;
  text-align: center;
  color: #fff;
  margin-bottom: 8px;
  padding: 8px 16px;
  line-height: 1.5;
}
.modelhouse-cnt .photo .text-box .meta-info-wrap {
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  gap:.5rem;
}
.modelhouse-cnt .photo .text-box .meta-info-wrap .meta-info {
  width:max-content;
  padding:6px 16px;
  background:#101010;
  color:#fff;
  font-family: var(--serif);
  font-size: var(--fz16);
  text-align: center;
}
.modelhouse-cnt .photo .text-box .meta-info-wrap .meta-info:first-of-type {
  /* width:80%; */
}
.modelhouse-cnt .photo img {
  width: 100%;
  height:100%;
  object-fit:cover;
  display: block;
}
.modelhouse-cnt .btn {
  padding: 20px 16px;
  text-align: center;
}

.modelhouse-cnt h3 {
  font-family: var(--serif);
  font-size: var(--fz14);
  font-weight: normal !important;
  margin-bottom: 10px;
  color: white;
}

.modelhouse-cnt p {
  font-size: var(--fz14);
  color: #c0c0c0;
}
#modelhouse-tabs .item {
  display: block !important;
}
.top-modelhouse .more-round.white{
  margin-top: 20px;
  padding: 10px 80px;
}


/*------------pagelink-------------*/
.pagelink.top-page {
  width: 100%;
  margin: 0 auto;
  padding: 100px 20px;
  font-family: sans-serif;
  text-align: center;
/*     background: #f5f5f5; */
}

.pagelink.top-page .grid2 {
  width: 90%;
  display: grid;
  grid-template-columns:1fr 1fr;
  gap: 20px;
  margin: 0 auto 20px;
}

.pagelink.top-page .grid2 a {
  margin-top: 0 !important;
  background-color: #fff;
  color: #000;
  text-decoration: none;
  padding: 30px 40px 20px;
  box-sizing: border-box;
  display: flex;
  border: solid 1px #000;
  flex-direction: column;
  justify-content: center;
  transition: background-color 0.3s ease;
  min-width: 220px;
}
.pagelink.top-page .grid2 a:hover {
  background-color: #eee;
}
.pagelink.top-page dt {
  font-weight: bold;
  font-size: var(--fz18);
  margin-bottom: 20px;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #000;
}
.pagelink.top-page dd {
  font-size: var(--fz14);
  line-height: 1.4;
  margin-top: 12px;
  white-space: pre-line;
	margin-inline-start: 0px !important;
}
.zeh-bnr {
  display: inline-block;
	width:90%;
  border: 1px solid var(--grn);
  padding-top: 25px !important;
	padding-bottom: 25px !important;
  color: var(--grn) !important;
  text-decoration: none;
  font-weight: 500;
  font-size: var(--fz18);
  border-radius: 2px;
  transition: background-color 0.3s ease, color 0.3s ease;
  }
.zeh-bnr:hover {
  background-color: var(--grn);
  color: white !important;
  }

/*-----------top-message-----------*/
.top-message {
  background: #e1e1e1;
  padding: 100px 0;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.top-message .inner{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.top-message h2.top-head{
  font-size: var(--fz32);
  font-weight: 500 !important;
  margin-bottom: 1.5em;
}
.top-message h3 {
  font-family: var(--serif);
  font-size: var(--fz22);
  font-weight: 600;
  text-align: center;
  line-height: 1.75;
  margin-bottom: 1.75em;
}
.top-message p {
  width: 100%;
  font-family: var(--serif);
  font-size: var(--fz16);
  margin: 0 auto;
  line-height: 2.1;
}
.top-message p + p {
  margin-top: 1.5em;
}

.top-news.top-section > .inner {
  display: flex;
  flex-direction: column;
  gap:0;
}
.top-news h2 {
  font-family: var(--sans);
  font-size: var(--fz20);
  font-weight: 400;
  text-align: center;
  letter-spacing: 0.2em;
  color: var(--grn);
  margin-bottom: 1em;
}
/*----------contact---------------*/
.contact-box {
  background-color: #777;
  padding: 100px 0;
  max-width: 100%;
  margin: 0 auto;
  font-family: "Noto Sans JP", sans-serif;
}

.contact-box .contact {
	width: 90%;
	margin: 0 auto 30px;
}

.contact-box .contact h2 {
	padding: 30px 40px;
	color: #fff;
	font-family: var(--sans);
  font-size: var(--fz40);
  font-weight: 500;
  letter-spacing: .1em;
	background-color: var(--grn);
}

.contact-box .contact h2 span {
	color: #fff;
  font-size: var(--fz24);
  font-weight: normal;
  margin-left: 10px;
}

.contact-links {
	margin-top: 20px;
  display: flex;
  gap: 20px;
  /* flex-wrap: wrap; */
}

.contact-btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
  flex: 1 1 48%;
  background: #fff;
  padding: 30px;
  border: 1px solid #ccc;
  text-decoration: none;
  color: #000;
  border-radius: 4px;
  box-sizing: border-box;
}

.contact-box .text .icon{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 22px;
  height: 50px;
}
.contact-box .text .icon img {
  width: 24px;
  height: 31px;
}
.contact-btn .icon img {
  width: 40px;
  height: auto;
	margin-top: 8px;
	margin-right: 20px;
}

.contact-btn .text {
  flex-grow: 1;
}
.contact-btn  .contact-text{
	font-size:var(--fz24);
  font-weight: 500;
  line-height: 1;	
}
.contact-btn p {
  margin: 0;
  font-size: var(--fz16);
	font-weight:500;
}

.contact-btn .num {
  font-size: var(--fz32);
  font-weight: 500;
  letter-spacing: .025em;
}

.contact-btn::after {
  content: "›";
  font-size: var(--fz30);
  margin-left: auto;
  color: #0f3630;
}

.contact-box .request {
	width: 90%;
	margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
	align-items: center;
  background: #fff;
  text-decoration: none;
  color: #000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
}

.contact-box .request .image {
  width: 320px;
	height: auto;
	display: block;
}

.contact-box .request .image img.cover {
  width: 100%;
  display: block;
}

.contact-box .request .text {
	padding: 0 50px;
  box-sizing: border-box;
}

.contact-box .request .text h2 {
  font-size: var(--fz24);
  margin-left: 15px;
	margin-bottom: 4px;
  font-weight: 500;
  font-family: 'Hiragino Sans';
  color: #101010;
}
.contact-box .request .text p {
	margin-top: 10px;
  font-size: var(--fz16);
  line-height: 1.75;
  font-weight: 500;
  font-family: 'Hiragino Sans';
  padding: 0 22px;
}

.contact-box .request::after {
  content: "›";
  position: absolute;
  font-size: var(--fz45) !important;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: var(--fz24);
  color: #0f3630;
}

/*----------contact---------------*/
.top-news{
	padding: 100px 0;
}
.top-news h2 {
  font-family: var(--sans);
  font-size: var(--fz40);
  font-weight: 400;
  text-align: center;
  letter-spacing: 1em;
  color: var(--grn);
  margin-bottom: 1em;
}

.news-list {
  width: 90%;
  max-width: 850px;
  margin: 0 auto;
}
.news-list a {
  display: block;
  margin-bottom: 1.8em;
  text-decoration: none;
}
.news-list .date {
  color: #8e8e8e;
	font-size: 16px;
}
.news-list .title {
  margin-top: 10px;
	font-size: 16px;
  font-weight: 500;
	color:black;
}
.top-news .inner > a.more-round {
  padding: 10px 80px !important;
	color:black;
	font-size: 20px;
	font-weight: 500;
}
  
/* TOPニュースをタブ切り替え表示 */
.news-tabs > .tab-panel {
  display: flex;
}
.news-tabs > .tab-panel > li {
  width: stretch;
  display: flex;
  justify-content: center;
  align-items:center;
  padding:1em;
  border:1px solid #c9c9c9;
  margin-inline:-0.5px;
  color:#777;
  cursor: pointer;
}
.news-tabs > .tab-panel > li.is-active{
  border-color:#333;
  border-bottom-color:transparent;
  position: relative;
  z-index: 1;
  color:#333;
}
.tab-content {
  margin-top: 40px;
}
.tab-content .js-tab-content {
  display: none;
}
.tab-content .js-tab-content.is-active {
  display: block;
}

/* TOP Instagram */
.top-instagram {
	width: 85%;
  margin: 0 auto 80px;
	padding-bottom: 0 !important;
}
section:last-of-type.top-instagram .inner{
	margin: 0 !important;
}
.top-instagram .icon {
  width: 34px;
  margin: 0 auto 20px;
}
section.top-instagram .inner{
  display: block !important;
}
.top-instagram .inner .icon{
	width: 50px;
	margin: 0 auto;
}
.top-instagram .inner .icon > img{
	width: 100%;
	display: block;
}
.top-instagram .inner a.more-round {
  margin-top: 30px;
  padding: 12px 60px !important;
  color:black;
  font-size: 20px;
  font-weight: 500;
}
.top-instagram .inner a.more-round::after {
  right: 5% !important ;
}


@media screen and (min-width: 769px) {
  .sec-mv{
    width: 100%;
    height: 490px;
    position: relative;
    overflow: hidden;
  }
	.sec-mv > div{
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
  .sec-mv > div img{
    width: 100%;
  }
  .sec-mv h1{
    font-size: var(--fz40);
    font-weight: 500;
    font-family: 'Noto Serif JP';
    line-height: 100%;
    color: #FFFFFF;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 35%;
    transform: translate(-50%, -50%);
    z-index: 1;
  }
  .sec-mv .copy{
    display:none;
  }
  /*------------------------Top Section Common------------------*/
  .top-pickup,
  .top-style,
  .top-guide .container,
  .pagelink.top-page .flex,
  .zeh-bnr,
  .contact-box .contact,
  .contact-box .request{
    width: 90%;
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
  }
  .top-modelhouse .modelhouse-cnt {
    width:min(90%, 935px);
    margin-inline:auto;
  }
  .top-event{
    width: 90%;
    max-width: 1300px;
    margin-right: auto;
    margin-left: auto;
  }

  .top-event-banners {
    background: #fff;
    padding: 60px 0 20px;
  }

  .top-event-banners .inner {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 30px;
  }

  .top-event-banners .banner-item a,
  .top-event-banners .banner-item img {
    display: block;
    width: 100%;
  }

  .top-event-banners .banner-item img {
    height: auto;
  }
  /*------------------------guide-introduction------------------*/
  .guide_introduction{
    width: 100%;
    height: auto;
    position: relative;
  }
  .guide_introduction .inner{
    max-width: 75%;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .guide_introduction .inner .box{
    height: auto;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }
  .guide_introduction .inner .box p:first-of-type{
    max-width: 20%;
    font-size: var(--fz20);
    font-weight: 400;
    line-height: 50px;
    font-family: 'Noto Serif JP';
    color: #101010;
  }
  .guide_introduction .inner .box p:last-of-type{
    max-width: 72%;
    font-size: var(--fz20);
    font-weight: 400;
    line-height: 50px;
    font-family: 'Noto Serif JP';
    color: #101010;
  }
  /* style page */	
  .style .guide_introduction .inner .box p:first-of-type{
    width: 100%;
    max-width: 1100px;
    color: #101010;
    font-size: var(--fz14);
    font-weight: 300;
    font-family: var(--serif);
  }
  .style .guide_introduction .inner .box p:last-of-type{
    width: 100%;
    max-width: 1100px;
    color: #101010;
    font-size: var(--fz14);
    font-weight:300;
    font-family: var(--serif);
  }
	.style .guide_introduction .inner .box p{
		margin-top: 32px;
	}
  .guide_introduction .inner .box:first-of-type p:last-of-type{
    margin-bottom: 0px !important;
  }
  .guide_introduction .inner .box:last-of-type p:first-of-type{
    margin-top: 0px !important;
  } 
  .guide_introduction .inner .box:last-of-type p:last-of-type{
    margin-top: 0px !important;
  }
  /*------------------------sec-section---------------------------*/
  .sec-section{
    position: relative;
    margin: 0 auto;
  }
  .sec-section .inner{
    display: grid;
    grid-template-columns: 1fr 1fr; 
    gap: 40px;
    position: relative;
  }
  .sec-section .inner .item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .sec-section .inner .item h2{
    font-family: 'Noto Serif JP';
    font-size: var(--fz16);
    font-weight: 500;
    line-height: 100%;
    color: #000000;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .sec-section .inner .item h2::before{
    content: "";
    margin-right: 5px;
    position: relative;
    box-sizing: border-box;
    width: 55px;
    height: 55px;
  }
  .sec-section .inner .style1 h2::before{
    background: url(../img/lifestyle-icon01.png) center center / contain no-repeat; 
  }
  .sec-section .inner .style2 h2::before{
    background: url(../img/lifestyle-icon02.png) center center / contain no-repeat; 
  }
  .sec-section .inner .style3 h2::before{
    background: url(../img/lifestyle-icon03.png) center center / contain no-repeat; 
  }
  .sec-section .inner .style4 h2::before{
    background: url(../img/lifestyle-icon04.png) center center / contain no-repeat; 
  }
  .sec-section .inner .style5 h2::before{
    background: url(../img/lifestyle-icon05.png) center center / contain no-repeat; 
  }
  .sec-section .inner .item .photo{
    width: 100%;
    height: auto;
    position: relative;
  }
  .sec-section .inner .item img{
    width: 100%;
    height: auto;
    position: relative;
  }
  .style .sec-section .inner .item img{
    margin-top: 0;
  }
  .style .sec-section .inner .item p:first-of-type{
    margin-top: 0;
  }
  .sec-section .inner .item p:first-of-type{
    font-style: var(--sans) ;
    font-size: var(--fz14);
    font-weight: 300;
    line-height: 24px;
    color:#101010 ;
    width: 100%;
  }

  .sec-section .inner .item a{
    position: relative;
    text-decoration: none;
    font-style: var(--sans) ;
    font-weight: 400;
    font-size: var(--fz12);
    line-height: 100%;
    color: #FFFFFF;
    background-color: #0f3630;
    width: 100%;
    padding: 16px 0px;
    text-align: center;
  }
  .sec-section .inner .item a::after{
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
    right: 24px;
  }
  /*-----------------garage-section-------------------*/
  .sec-mv >h1{
    position: absolute;
    top: 50%;
    left: 25%;
    transform: translate(-50%, -50%);
    z-index: 1;
    padding: 8px 16px;
    color: #fff;
    font-size: var(--fz24);
    font-weight: 500;
    font-family: var(--serif);
    line-height: 100%;
    text-align: center;
    text-shadow: 1px 1px 5px #000;
  }
  .sec-section{
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    height: auto;
  }
  .style-single .inner{
    display: block;
    max-width: 100%;
    height: auto;
    position: relative;
    padding: 0;
  }
  section.style-single:last-of-type{
    margin-top:120px;
  }
  section.style-single:last-of-type h1{
    font-family: var(--serif);
    font-size: 24px;
  }
  section.style-single:last-of-type .inner{
    max-width: 860px;
    margin: 0 auto;
  }
  section.style-single:last-of-type .inner .item{
    width: 47.5%;
  }
  section.style-single:last-of-type .inner .item h2{
    margin-bottom: 0;
    font-size: var(--fz24);
    font-weight: 500;
  }
  section.style-single:last-of-type .inner .item img{
    margin-top: 0;
  }
	
  .sec-section .inner .line{
    margin-top: 60px;
    margin-bottom: 30px;
    padding: 0 0 20px;
    border-bottom: 1px solid #C0C0C0;
    color: #000000;
    font-family: var(--serif);
    font-weight: 500;
    font-size: var(--fz16);
    line-height: 100%;
  }
	.first .sec-section .inner .line{
		font-size: var(--fz20);
	}
	.sec-section .inner h2.line{
		font-size: var(--fz20);
	}
  .sec-section .inner p{
    font-family: var(--sans);
    font-weight: 300;
    font-size: var(--fz14);
    line-height: 2.5;
    color: #101010;
    margin: 30px 0 0;
  }
  .sec-section .inner img{
    width:  100%;
    margin-top: 40px;
    position: relative;
  }
  .style-bg{
    background-color: #f5f5f5;
  }
	.style-bg.sec-section{
		margin-top: 50px;
	}
  .sec-section .inner .style-feature{
    width: 100%;
    position: relative;
  }
	

.sec-section .inner .style-feature .feature-body{
  max-width: 100%;
  position: relative;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 0 50px;
  padding: 50px 0;
  border-bottom:1px solid #C0C0C0;
}
.sec-section .inner .style-feature:last-child .feature-body {
  border-bottom: none;
}
.sec-section .inner .style-feature .feature-body .content{
  width: 35%;
  height: auto;
  position: relative;
}
.sec-section .inner .style-feature .feature-body div:nth-of-type(2){
  width: 60%;
}
.sec-section .inner .style-feature .feature-body div:nth-of-type(2) img{
  width: 100%;
  height: 500px;
	margin-top: 0;
  object-fit: cover;
  position: relative;
}
.sec-section .inner .style-feature .subtitle,
.sec-section .inner .style-feature .feature-body .content .subtitle{
	margin-top: 0 !important;
  display: inline-block;
  background-color: #0f3630;
  padding: 8px 16px;
	position: relative;
  color: #FFFFFF;
  font-weight: 600;
  font-size: var(--fz16);
	line-height:1.5;
  
}
.sec-section .inner .style-feature h2,
.sec-section .inner .style-feature .feature-body .content h2{
	margin-top: 20px;
    font-weight: 500;
    font-size: var(--fz24);
    line-height: 1.5;
    font-family: 'Noto Serif JP';
    color: #000000;
}
.sec-section .inner .style-feature .feature-body .content p:last-of-type{
  font-family: 'Hiragino sans-serif';
  font-weight: 300;
  font-size: 14px;
  line-height: 26px;
  color: #101010;
}
section:nth-of-type(5) .inner div{
  display: flex;
  justify-content: space-between;
  position: relative;
}
section:nth-of-type(5) .inner div >p{
  max-width: 40%;
  font-size: var(--fz18);
}
section:nth-of-type(5).style-single .inner div >p{
  width: 35%;
	margin-top: 0;
  font-size: var(--fz14);
}
section:nth-of-type(5) .inner div .image img{
  max-width: 100%;
	margin-top: 0;
  height: 446px;
}
.garage-section  .inner div:first-of-type{
	margin-top: 30px;
  display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
  justify-content: space-between;
  position: relative;
  /* margin: 10px 0px; */
}
.garage-section  .inner div:first-of-type div:first-of-type{
  position: relative;
  width: 79.5%;
  height: auto;
	margin-top: 0;
	overflow: hidden;
}
.garage-section  .inner div:first-of-type div:first-of-type img{
  max-width: 100%;
  height: auto;
  margin-top: 0;
}
.garage-section  .inner div:first-of-type div:last-of-type{
  display: flex;
  flex-direction: column;
  justify-content:center;
  width: 19.35%;
  height: auto;
  gap: 10px;
}
.garage-section  .inner div:first-of-type div:last-of-type div{
  position: relative;
  max-width: 100%;
  height: auto;
  margin: 0;
  width:100%;
}
.garage-section  .inner div:first-of-type div:last-of-type div img{
  width: 100%;
  height: auto;
  margin-top: 0;
  object-fit: fill;
}
.garage-section  .inner p{
  margin: 30px 0 0;
  font-size: var(--fz14);
  line-height: 2.5;
}
section:nth-of-type(5) .inner .courtyard-plan{
  margin-top: 30px;
}
section:nth-of-type(5) .inner div.courtyard-plan .image{
  margin-top: 20px;
}
section:nth-of-type(5) .inner div.courtyard-plan .image img{
  height: auto;
}
.sec-section .inner .courtyard-plan .item{
  width: 31%;
}
.sec-section .inner .courtyard-plan .item h3{
  font-size: 16px;
}
.sec-section .inner .courtyard-plan .item p:first-of-type{
  max-width: initial;
  margin-top: 20px;
}
 
	
table.default {
  width: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table.default th {
  background: #f8f8f8;
  font-weight: 400;
  
}
table.default th, table.default td {
        padding: 12px 5px;
        border: 1px solid #aaa;
        font-size: var(--fz14);
        text-align: center;
        font-weight: 300;
        font-family: var(--sans);
        line-height: 1.75;
        color: #000;   
  }
  .garage-price {
    margin-top: 20px;
}
.garage-price h3 {
  font-size: var(--fz16);
  margin: 50px 0 30px;
  font-weight: 400;
  line-height: 1.75px;
}
.garage-price dl {
    margin-bottom: 1em;
 }
.garage-price dl dt {
  width: 20em;
  float: left;
  clear: left;
  font-size: var(--fz14);
  font-weight: 300;
  line-height: 40px;
}
.garage-price dl dd{
  font-size: var(--fz14);
  font-weight: 300;
  line-height: 40px;
}
.sml {
  font-size: var(--fz14) !important;
  line-height: 40px !important;
  font-weight: 300 !important;
  font-family: 'Hiragino Sans';
  color:#101010 !important;
}
	
.single-example .sec-example .example-list .flex,
section:nth-of-type(8) .example-list .flex,
.courtyard .sec-section .example-list .flex	{
  width: 70%;
	margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  height: auto;
}
	
.single-example .sec-example .example-list .item,
section:nth-of-type(8) .example-list .flex .item,
.courtyard .sec-section .example-list .flex .item{
  width: 47.5%;
	height: 560px;
	border-radius: 0;
  position: relative;
  overflow: hidden;
}
	
	.single-example .sec-example .example-list,
	.style-single .example-list .more-round{
		font-size: var(--fz18);
		font-weight: 600;
	}
.faq dt {
  display: flex;
  align-items: flex-start;
  padding: 10px 40px 10px 0;
  position: relative;
  cursor:pointer;
}
.faq dt::before {
  content: "Q";
  font-size: 24px;
  color: #fff;
  font-weight: 600;
	line-height: 1;
  background: #aaa;
  width: 38px;
  height: 38px;
  margin-right: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.faq dt p {
  width: calc(100% - 35px);
  font-weight: 500;
  padding-top: 0.2em;
}
.faq.open dd {
	margin-top: 10px;
  display: block;
}
.faq dd > div {
  display: flex;
  align-items: flex-start;
  padding: 0 20px 10px 0;
  margin-bottom: 20px;
  position: relative;
}
.faq dd > div::before {
  content: "A";
  font-size: 24px;
  color: #fff;
  font-weight: 600;
	line-height: 1;
  background: var(--grn);
  width: 38px;
  height: 38px;
  margin-right: 20px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.faq dd p {
  width: calc(100% - 35px);
	margin-top: 0 !important;
}
.faq dt p{
	margin-top: 0 !important;
  font-weight: 500 !important;
  font-size: var(--fz14) !important;
  line-height: 40px !important;
  color: #101010 !important;
  padding: 0 !important;
}
section:last-of-type{
  padding-bottom: 6em;
}
section:last-of-type h1{
  text-align: center;
  font-weight: 500;
  font-size: var(--fz30);
  line-height: 100%;
  color: #0f3630;
}
	
section:last-of-type .inner{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  position: relative;
  margin: 30px auto !important;
}
/* style top page*/
section:last-of-type .inner{
	display: flex;
	flex-wrap: wrap;
	display: space-between;
}

section:last-of-type .inner .item{
  gap: 20px;
}
/* style top page*/
section:last-of-type .inner .item{
	width: 30%;
}
	
section:last-of-type .inner .style1 h2::before{
  background: url(../img/lifestyle-icon01.png) center center / contain no-repeat; 
}
section:last-of-type .inner .style2 h2::before{
  background: url(../img/lifestyle-icon02.png) center center / contain no-repeat; 
}
section:last-of-type .inner .style3 h2::before{
  background: url(../img/lifestyle-icon03.png) center center / contain no-repeat; 
}
section:last-of-type .inner .style4 h2::before{
  background: url(../img/lifestyle-icon04.png) center center / contain no-repeat; 
}
.sec-mv >h1.sec-mv-title{
	font-size: var(--fz24);
	background:none;
	color:#fff;
}
/*------------------example--------------------------------*/
.wrap {
        min-width: 1250px;
        margin: 0 auto;
        padding-top: 100px;
    }
	.home .wrap{
		padding-top: 100px;
	}
    .pankz{
		width: 100%;
		max-width: initial;
		margin: 0 40px;
		padding: 40px 0;
		font-size: var(--fz11);
    }
	.single-example .pankz,
	.search .pankz,
	.post-type-archive-example .pankz {
		/*width: 90%;
		max-width: 1100px;
		margin: 0 auto;*/
    }
	 .inner {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0 auto;
        position: relative;
    }
ul, ol {
        list-style-type: none;
    }
.pankz li {
        display: inline-block;
		color:#000000;
		font-weight:400;
		font-size:var(--fz14);
		line-height:100%;
		font-family:'Hiragino Sans';
    }
.pankz a {
        text-decoration: underline;
		color:#000000;
		font-weight:300;
		font-size:var(--fz14);
		line-height:100%;
		font-family:'Hiragino Sans';
    }
.pankz li::after {
        content: "❯";
        font-size: 80%;
        vertical-align: 1px;
        margin: 0 0.6em;
    }
	.pankz li:last-child::after {
        content: none;
    }
	.wrap .sec-mv-title{
		height:auto;
		padding:30px 50px;
		background-color:#0f3630;
		max-width:1800px;
		margin : 0 auto;
	}
	.single-example .sec-content.pc,
	.search .sec-content.pc,
	.post-type-archive-example .sec-content.pc{
		padding-top: 30px;
	}
	.sec-content .sec-example.sec-section{
		width: 75%;
		max-width: 1100px;
		margin: 0;
	}
	.single-example .wrap .sec-mv-title,
	.search .wrap .sec-mv-title,
	.post-type-archive-example .wrap .sec-mv-title{
		/* padding: 15px 30px; */
		/* max-width:1100px; */
	}
	.wrap .sec-mv-title>h1{
		background-color:#0f3630;
		font-family:'Hiragino Sans';
		font-weight:600;
		font-size:28px;
		line-height:100%;
		color:#FFFFFF;
		top:46%;
		left:5%;
		padding:0;
	}
	.single-example .wrap .sec-mv-title>h1,
	.search .wrap .sec-mv-title>h1,
	.post-type-archive-example .wrap .sec-mv-title>h1{
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		font-size: var(--fz28);
		font-weight: 500;
		line-height: 1;
		text-align: left;
		text-shadow: none;
	}
	.sec-content{
	max-width:1100px;
	margin:0 auto 100px;
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
	padding-top: 50px;
	gap:4%;
	}
	.sec-content .sec-example{
	width: 20%;
    height: auto;
    position: relative;	
	}
	.sec-content .sec-example .icon{
		display:none;
	}
	.sec-content .sec-section{
		max-width:75%;
		width:100%;		
	}
	.sec-content .sec-section .fwrap{
	/*display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap:1%; */
	}
	.sec-content .sec-section .fwrap .item{
		width: 32%;
		height:auto;
		margin-left: 0;
		margin-right: 0;
		display: block;
		cursor:auto;
	}
	.sec-content .sec-section .fwrap .item:nth-child(n+4){
		margin-top: 30px;
	}
	.sec-content .sec-section .fwrap .item .text{
		margin-top: 10px;
	}
	.sec-content .sec-section .fwrap .item .text h3{
		color:#000;
		padding:0;
		font-family: var(--sans);
		font-weight:500;
		font-size: 16px;
		line-height:24px;	
		text-align:left;
		margin-bottom: 10px;
	}
	.sec-content .sec-section .fwrap .item .text .cat{
		text-align:left;
		margin:0;
		line-height: 1.25;
	}
	.sec-content .sec-section .fwrap .item .text .detail_container{
		text-align: right;
		padding: 5px 0;
		cursor:pointer;
	}
	.sec-content .sec-section .fwrap .item .text .detail_container .detail_btn{
		font-family: var(--sans);
		font-weight:500;
		font-size:var(--fz12);
		line-height:100%;
		color:#0f3630;
		position: relative;
		padding-right: 10px;
	}
.sec-content .sec-section .fwrap .item .text .detail_container .detail_btn:hover {
  color: #000000;
}

	.sec-content .sec-section .fwrap .item .text .detail_container .detail_btn:after{
		content: "";
        width: 4px;
        height: 4px;
        border: 0px;
        border-top: 2px solid #0f3630;
        border-right: 2px solid #0f3630;
        transform: rotate(45deg);
        position: absolute;
        top: 30%;
        right: 0%
	}

	.sec-content .sec-section .fwrap .item  .box .text ul.cat li{
		color:#000;
		background-color:#fff;
		margin: 0;
		padding: 0;
		font-family: var(--sans);
		font-weight:400;
		font-size:var(--fz12);
		line-height: 1.5;
		
	}
    html .wp-pagenavi {
        display: table;
/*         margin: 95px auto 0; */
		font-size:var(--fz20);
    }
	html .wp-pagenavi span.current {
        border-color: var(--grn);
        background: var(--grn);
        color: #fff !important;
    }
	.wp-pagenavi a, .wp-pagenavi span {
		    padding: 5px 8px !important;
		font-size: 14px;
		font-weight: 500 !important;
        font-family: 'Roboto'!important;
		color: #000 !important;
	}
	.bottom-pagination{
		margin-top:90px;
		display:flex;
		justify-content:center;
	}
	.top-pagination{
		max-width:1100px;
		margin: 20px auto 0px;
		display:flex;
		justify-content:flex-end;
	}
	.sec-example .filter {
        display: block;
/*         border: 1px solid #707070; */
		background-color:#F5F5F5;
	}
	    .sec-example .filter .title {
        font-size: var(--fz16);
        text-align: left;
        padding: 10px 20px;
        position: relative;
	    font-weight:700;
		line-height:40px;
		font-family:'Hiragino Sans';
	    color:#0f3630;
    }
	.sec-example .filter .select {
        padding: 0 20px 20px;
    }
	    .sec-example .filter .select div {
        line-height: 2.2;
        margin-bottom: 10px;
    }
.sec-example .filter .select div:nth-of-type(5) p >span {
    line-height: 35px !important;
}
	    .sec-example .filter .select p {
        font-size: var(--fz16);
        font-weight: 700;
        border-bottom: 1px solid #c0c0c0;
        padding-bottom: 0.2em;
        margin-bottom: 0.2em;
	    line-height:40px;
		color:#101010;
		font-family:'Hiragino Sans';
    }
	    .sec-example .filter .select label {
        width: 100%;
        display: inline-block;
		margin-left: 5%;
		font-size: var(--fz14);
    }
	.sec-example .filter .select label input[type="radio"]{
		display: inline-block;
		margin-right: 8px;
	}
	.sec-example .filter input[type="submit"] {
    width: 100%;
		margin: 20px auto 0;
		padding: 18px 10px;
    line-height: 1%;
    border: none;
    cursor: pointer;
    position: relative;
    -webkit-appearance: none;
    background: var(--grn);
    display: block;
		color: #fff;
		font-family: var(--sans);
    font-weight: 500;
    font-size: var(--fz16);
		text-align: center;
  }
  .sec-example .filter .select input[type="radio"] {
    transform: scale(1.2);
    vertical-align: -2px;
    margin-right: 0.2em;
  }
	.sec-example .filter .select label span{
		font-family:var(--sans);
		font-weight:400;
		font-size:var(--fz14);
		line-height: 1.325;
		color:#101010;
	}
	
	
	.tax-example-cat .sec-example-wrap{
		width: 90%;
		max-width: 1100px;
		margin: 60px auto 80px;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.tax-example-cat .sec-example-wrap .sec-example {
		width: 20%;
        height: auto;
        position: relative;
	}
	.tax-example-cat .sec-example-wrap .sec-example.sec-section{
    width: 75%;
    max-width: 1100px;
    margin: 0;
	}
	.tax-example-cat .sec-example-wrap .sec-example .example-list .flex{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.tax-example-cat .sec-example-wrap .sec-example .example-list {
		
	}
	.tax-example-cat .sec-example-wrap .sec-example .example-list .item{
    width: 32%;
    margin: 0 0 6px;
		display: block;
	}
	.tax-example-cat .sec-example-wrap .sec-example .example-list .item .box{
		
	}
	.tax-example-cat .sec-example-wrap .sec-example h2.search{
		margin-bottom: 20px;
		font-family: var(--serif);
		font-size: 20px;
		font-weight: 500;
	}
	.tax-example-cat .sec-example-wrap .sec-example .inner .icon img{
		display: none;
	}
	.tax-example-cat .sec-example-wrap .sec-example .example-list .item:nth-child(n+4){
		margin-top: 30px;
	}
	
	
	
	/*------------------------detail-page--------------------*/
  .wrap_width{
    width: 1250px;
  }
	.wrap.wrap_width{
		width: 100%;
	}
  /* .wrap_width .inner{
    padding: 0 20px;
    }*/
    .wrap_width .inner{
      padding: 0;
    }

 .wrap_width header{
  width: 1250px;
  left: calc(50% - 625px);
 }
	.wrap.wrap_width header{
		width: 100%;
		left: auto;
	}
	
.sec-example-inner{
  margin-top: 40px;
 }
	.single-example .sec-example-inner{
        max-width: 1100px;
		margin-left: auto;
		margin-right: auto;
	}
 .sec-example-inner .inner .line{
  padding-bottom: 20px;
  margin-bottom: 30px;
  font-family: var(--serif);
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
 }
 .sec-example-single .mainphoto .photo {
  width: 100%;
  height: 0;
  padding-top: 100%;
  margin-bottom: 20px;
  background: #f5f5f5;
  position: relative;
}
.sec-example-single .mainphoto .photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
 }
.sec-section .inner-pc{
  display: block !important;
  width: 100%;
  margin-top: 80px;
 }
	.sec-section.sec-chosen .inner-pc{
		margin-top: 0;
	}
	
	.sec-example-single2.sec-section .inner-pc{
		margin-top: 40px;
	}
	
 .sec-example-single2 .cat {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  flex-wrap: wrap;
  gap: 2%;
}
	.single-example .sec-example-single2 .cat{
		margin-top: 0;
		gap: 1%;
	}
.sec-example-single2 .cat li {
  display: inline-block;
  margin: 0 5px 5px 0;
}
	.single-example .sec-example-single2 .cat li{
		margin: 0 0 10px 0;
	}
.sec-example-single2 .cat li a {
  display: block;
  background: #999;
  color: #fff;
  padding: 8px 12px;
}
	.single-example .sec-example-single2 .cat li a {
		font-size: var(--fz14);
    }
.example-list .flex .item-detail {
    width: 49.5%;
    margin: 0 0 6px;
    max-width: 1000px;
}
.fwrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1%;
}
/*.contact-detail{
  padding: 20px;
}*/
/*---------------lineup------------*/
.sec-mv-container h1{
  color: #fff;
}
.sec-lineup1 .inner{
  max-width: 1280px;
  margin: 72px auto;
}
.sec-lineup1 .inner p{
  font-family:'Hiragino Sans';
  font-weight: 500;
  font-size: 20px;
  line-height: 40px;
  color: #101010;
}
.sec-lineup2 .inner{
  display: block;
}
.lineup-container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 5%;
}
.lineup-container .image img{
  height: 100%;
}
.lineup-content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 35%;
}
.lineup-content p{
  font-family: 'Hiragino Sans';
  font-weight: 500;
  font-size: var(--fz18);
  line-height: 40px;
  color: #101010;
} 
.indent{
  background-color: #F5F5F5;
  padding: 2%;
}
.indent2{
  padding: 10% 2%;
}
.indent li{
  text-indent: -1em;
  padding-left: 1em;
  font-family: 'Hiragino Sans';
  font-weight: 500;
  font-size: var(--fz18);
  line-height: 34px;
  color: #101010;
}
.lineup-content .more-grn{
  position: relative;
  text-decoration: none;
  font-family: 'Hiragino Sans';
   font-weight: 600;
  font-size: var(--fz18);
  line-height: 100%;
  color: #FFFFFF;
  background-color: #0f3630;
  width: 100%;
  padding: 16px 0px;
  text-align: center;
}
.lineup-content .more-grn::after{
  content: "";
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  transform: rotate(45deg);
  position: absolute;
  top: 40%;
  right: 24px;
}
.sec-mg{
  margin-bottom: 9%;
} 
/*--------------------first-page------------------*/
.sec-first .inner{
  max-width: 1280px;
  margin: 72px auto !important;
  display: block !important;
}
.sec-first h2.line{
  border-bottom: 1px solid #C0C0C0 !important;
  padding-bottom: .5em !important;
  margin-bottom: .5em; 
  line-height: 50px !important;
}
.sec-first .link {
  margin-top: 4%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6%;
}
	.first .sec-first .link{
		gap: 2%;
	}
.link-border {
  margin-top: 15px;
  display: block;
  border: 1px solid var(--grn);
  color: var(--grn);
  text-align: center;
  font-size: var(--fz15);
  padding: 18px 24px;
  position: relative;
  transition: all 0.3s;
}
.link-border:hover{
  background-color: var(--grn);
  color: #FFF;
}
.link-border::after {
  content: "❯";
  font-size: 16px;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.foot-menu .bnr-small {
  margin-top: 20px;
  width: 64.5%;
}

.foot-menu .bnr-small a {
  background: #fff;
  font-size: var(--fz18);
  font-weight: 500;
  color: var(--grn);
  padding: 15px;
  text-decoration: none;
  position: relative;
}
.foot-menu .bnr-small a::after {
  content: "";
  display: block;
  background: url(../img/icon-link.svg) center center / cover no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
/*-------------contact-small----------------------*/
/*.contact-small{
  padding: 2%;
}
.contact-small .contact-links{
  flex-direction: column;
}*/
/*---------------concept-page----------------------*/
.sec-concept .inner-pc p{
  font-family: var(--sans);
  font-weight: 300;
  font-size: var(--fz14);
  line-height: 2.5;
  color: #101010;
  margin: 30px 0 0;
}
.sec-concept:last-of-type{
  padding-bottom: 0 !important;
}
nav.pagelink {
  width: 90%;
  max-width: 1100px;
  margin: 80px auto;
}
nav.pagelink a {
	margin-top: 15px;
	display: block;
	border: 1px solid var(--grn);
	color: var(--grn);
	text-align: center;
	font-size: var(--fz15);
	padding: 18px 24px;
	position: relative;
	transition: all 0.3s;
}
nav.pagelink a::after {
	content: "❯";
	font-size: 16px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
nav.pagelink dt {
  font-size: var(--fz15);
  font-weight: 300;
}
nav.pagelink dd {
  /* display: none; */
}
.pagelink .flex.half > * {
  width: 48.5%;
}

	
/*---------------------chosen-page----------------*/
.sec-chosen {
  position: relative;
  margin-top: 70px;
}
.sec-chosen .inner img{
  height: auto;
  margin-top: 0;
}
	section.sec-chosen:last-of-type{
		padding-bottom: 0;
	}
	.sec-chosen .image-chosen-graph{
		padding: 40px;
		background-color: #f5f5f5;
	}
	.sec-chosen .image-chosen-graph img{
		width: 600px;
		margin: 0 auto;
		display: block;
	}
	.sec-chosen .inner img.chosen-ph07{
		width: 600px;
		margin: 20px auto 0;
		display: block;
	}
/*--------------------design-page-----------------*/
.sec-design{
  margin-top: 70px;
}
.sec-design .num{
  width: 100px;
  position: absolute;
  top: 10px;
  right: 20px;
}
.sec-design .num img{
  width: 100%;
  height: auto;
  margin-top: 0;
}
.sec-design:nth-of-type(3) .num{
  top: -28px;
}
.sec-design .line{
  padding: 0px 0px 0.5em 0px !important; 
}
.sec-design .line{
  line-height: 40px !important;
}
.sec-design:last-of-type{
  padding-bottom: 0 !important;
}
/*--------------------guide-page------------------*/
.sec-guide .inner {
 max-width: 1280px;
 margin: 72px auto !important;
  display: block !important;
}
.guide .sec-guide .link {
  margin-top: 4%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2%;
}

/*------------------zeh-page-----------------------*/  
.sec-zeh .inner {
 display: block !important; 
}
.sec-zeh h2 {
    font-size: var(--fz20);
	font-weight: 600;
    text-align: center;
    color: var(--grn);
    margin: 40px 0;
}
.sec-zeh1 .box {
	padding: 40px 40px 0;
    border: solid 1px #ccc;
}
.sec-zeh h3.bg {
	padding: 15px 30px;
    background: #0D6A38;
    color: #fff;
    font-size: var(--fz20);
	font-weight: 500;
}
.sec-zeh .inner img {
        width: 100%;
	max-width: 600px;
        height: auto;
	margin: 40px auto;
	display: block;
}
	.sec-zeh .inner .image01 img{
		max-width: 400px;
	}
.sec-zeh1 .box-grn {
    background: #0D6A38;
    color: #fff;
    text-align: center;
    padding: 24px;
    margin-bottom: 3em;
}
.sec-zeh1 .box-grn h4 {
    font-size: var(--fz20);
    margin-bottom: 6px;
}
.sec-zeh1 .box-grn p {
	margin-top: 0;
    font-size: var(--fz14) !important;
    color: #fff !important;
}
	.sec-zeh1 .box-grn p > br{
		display: none;
	}
	.sec-zeh1{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
.sec-zeh2, .sec-zeh3, .zeh .sec-zeh4 {
	width: 90%;
    max-width: 1100px;
	margin: 100px auto 0;
	padding: 0;
}
	.sec-zeh1 .inner hr, .sec-zeh2 .inner hr, .sec-zeh3 .inner hr, .sec-zeh4 .inner hr{
		display: none;
	}
.sec-zeh3 .box {
	width: 100%;
	max-width: 1100px;
    margin: 0 auto 50px;
    position: relative;
}
.sec-zeh3 .box h3 {
    font-size: var(--fz20);
	font-weight: 600;
    color: #C33939;
}
.sec-zeh3 .box p{
	margin-top: 10px;
  font-size: var(--fz14);
  font-weight: 300;
  line-height: 2;
}
.sec-zeh p{
  font-size: var(--fz14);
  font-weight: 300;
  line-height: 40px;
}
.sec-zeh3 .box p + h3 {
    margin-top: 30px;
}
.sec-zeh3 h4 {
	margin: 20px 0 10px;
    font-size: var(--fz20);
	font-weight: 500;
}
.sec-zeh3  p{
   font-size: var(--fz14);
	line-height: 2;
}
.sec-zeh3 .image08 {
   text-align: center;
}
.sec-zeh3 .image08  img{
  width: auto !important;
}
	.sec-zeh4 .inner h2{
		margin-bottom: 10px;
	}
/*--------------------structure-disaster----------*/
	.wrap .sec-mv-title.sec-sturucture-title{
		width: 100%;
		max-width: initial;
		margin: 0 auto;
		padding: 30px 50px;
	}
.wrap .sec-sturucture-title>h1{
	max-width: initial;
	position: relative;
  top: auto;
  left: auto;
	font-size: var(--fz28);
	font-weight: 500;
	text-align: left;
	text-shadow: none;
	transform: none;
}
.sec-structure-nav {
	width: 90%;
	max-width: 1100px;
    margin: 40px auto;
}
.sec-structure-nav .flex.fwrap {
    flex-wrap: wrap;
}
.sec-structure-nav .btn.active {
    background: var(--grn);
}
.sec-structure-nav .btn {
    background: #D0D0D0;
    color: #fff;
    text-align: center;
    padding: 10px;
    margin-bottom: 10px;
}
.sec-structure-nav .flex.half > a {
	width: 49%;
  margin-top: 10px;
	display: block;
	border: 1px solid var(--grn);
	background-color: transparent;
	color: var(--grn);
	text-align: center;
	font-size: var(--fz15);
	padding: 18px 24px;
	position: relative;
	transition: all 0.3s;
}
	.sec-structure-nav .flex.half > a::after{
	  content: "❯";
      font-size: 16px;
      position: absolute;
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
    }
	.sec-structure-nav .flex.half > a.active{
		color: #fff;
		background-color: var(--grn);
	}
	.sec-structure{
		width: 90%;
		max-width: 1100px;
		margin: 80px auto 0;
	}
	
.sec-structure .title {
    margin-bottom: 20px;
    font-size: var(--fz20);
	font-weight: 500;
}
.structure-subtitle {
    display: inline-block;
    border: 1px solid #fff;
    font-size: var(--fz16);
	font-weight: 500;
    padding: 4px 12px;
    vertical-align: 2px;
    margin-right: 15px;
}
.sec-structure .structure-subtitle {
    border: 1px solid #000;
}
.sec-structure .image {
    margin: 15px 0;
}
.sec-structure .image img{
  width: 100%;
  height: auto;
}
	
.structure-disaster .sec-structure .image img{
  margin-top: 0;
}
	
.sec-structure-block .inner{
  display: block !important;
}
.sec-structure-bg .inner{
  display: block !important;
}
.sec-structure-bg h2 {
    text-align: center;
    margin: 1em 0;
}
	.structure-disaster .sec-structure-bg h2{
		font-weight: 500;
	}
.image.flex{
  display: flex;
  justify-content: space-between;
}
.image.flex.flex.half >* {
width: 48.5%;
}
	.sec-structure-nav-foot.sec-section{
		padding-bottom: 0;
	}
.sec-structure-nav-foot .inner{
  display: block !important;
}
	.sec-structure-nav-foot ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.sec-structure-nav-foot ul li{
		width: 49%;
	}

.sec-structure-nav-foot a{
    display: block;
    font-size: var(--fz16);
    color: var(--grn);
    border-bottom: 1px solid var(--grn);
    padding: 20px 0;
    position: relative;
    margin-bottom: 10px;
	transition: all .2s linear;
}
.sec-structure-nav-foot a::after {
    content: "❯";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
	
.sec-structure-nav-foot a:hover{
	padding-left: 20px;
  background-color: var(--grn);
  border-color: var(--grn);
  color: #fff;
}
	
.sec-structure-nav-foot a.active {
  font-weight: 700;
}
	
.sec-structure p{
  font-size: var(--fz14);
  line-height: 2;
}
	
	.structure-disaster .sec-structure .image img{
		margin: 0 auto;
		display: block;
	}
	.structure-disaster .sec-structure .image img.structure-disaster-05{
		width: 600px;
		margin: 40px auto;
	}
	.structure-disaster .sec-structure .image img.structure-disaster-07{
		width: 560px;
		margin-top: 30px;
	}
	.structure-disaster .sec-structure .image img.structure-disaster-09{
		width: 600px;
	}
	.structure-disaster .sec-structure .image img.structure-disaster-10{
		width: 560px;
		margin-top: 30px;
	}
	.structure-disaster .sec-structure .image img.structure-disaster-11{
		width: 480px;
	}
	.structure-disaster .sec-structure .image img.structure-disaster-12{
		width: 320px;
	}
	
/*--------------------structure-heat page---------*/
	.wrap .sec-structure-title{
		padding: 30px 50px;
	}
	.wrap .sec-structure-title>h1 {
  position: relative;
	top: auto;
	left: auto;
	font-size: var(--fz28);
	font-weight: 500;
	text-align: left;
	text-shadow: none;
	transform: none;
}
.sec-structure h3 {
    color: #fff;
    text-align: center;
    padding: 15px 30px;
    background: #707070;
    margin: 2em 0 .5em;
    font-size: var(--fz20);
	font-weight: 500;
}
	.structure-heat .sec-structure .image img{
		margin: 0 auto;
		display: block;
	}
	.structure-heat .sec-structure .image img.structure-heat-01{
		width: 600px;
		margin-top: 30px;
	}
	.structure-heat .sec-structure .image img.structure-heat-02{
		width: 600px;
		margin-top: 30px;
	}
	.structure-heat .sec-structure .image img.structure-heat-03{
		width: 600px;
		margin-top: 30px;
		margin-bottom: 50px;
	}
	.structure-heat .sec-structure .image img.structure-heat-04{
		width: 450px;
		margin-top: 30px;
	}
	.structure-heat .sec-structure .image img.structure-heat-06{
		width: 960px;
	}
	.structure-heat .sec-structure .image img.structure-heat-13{
		width: 600px;
	}
	.structure-heat .sec-structure .image img.structure-heat-11{
		width: 600px;
	}
	.structure-heat .sec-structure .image img.structure-heat-07{
		width: 600px;
	}
	.structure-heat .sec-structure .image img.structure-heat-12{
		width: 600px;
	}
	.structure-heat .sec-structure .image img.structure-heat-08{
		width: 800px;
		margin-top: 30px;
	}
	.structure-heat .sec-structure .image img.structure-heat-09{
		width: 600px;
	}
	.structure-heat .sec-structure .image img.structure-heat-10{
		width: 760px;
	}
/*--------------------structure-quality----------*/
	.wrap .sec-structure-quality{
		padding: 30px 50px;
	}
.structure-quality .wrap .sec-structure-quality >h1{
  position: relative;
	top: auto;
	left: auto;
	font-size: var(--fz28);
	font-weight: 500;
	text-align: left;
	text-shadow: none;
	transform: none;
}
.sec-structure h4 {
    font-size: var(--fz20);
    font-weight: 700;
    margin-top: 1em;
}
	.structure-quality .sec-structure .image img{
		margin: 0 auto;
		display:block;
	}
	.structure-quality .sec-structure .image img.structure-quality-01{
		width: 640px;
		margin-top: 20px;
	}
	.structure-quality .sec-structure .image img.structure-quality-02{
		width: 600px;
	}
	.structure-quality .sec-structure .image img.structure-quality-03{
		width: 600px;
	}
	.structure-quality .sec-structure .image img.structure-quality-04{
		width: 430px;
		margin-top: 20px;
	}
	.structure-quality .sec-structure .image img.structure-quality-05{
		width: 600px;
		margin-top: 20px;
	}
/*---------------------structure-maintenance------*/
	.wrap .structure-maintenance-title{
		padding: 30px 50px;
	}
.structure-maintenance .wrap .structure-maintenance-title >h1{
  position: relative;
	top: auto;
	left: auto;
	font-size: var(--fz28);
	font-weight: 500;
	text-align: left;
	text-shadow: none;
	transform: none;
}
.structure-maintenance .inner .flex{
    display: flex;
    justify-content: space-between;
}
.structure-maintenance .inner  .flex.half > * {
    width: 48.5%;
}
.structure-maintenance .inner  .flex img{
  height: auto !important;
}
	.structure-maintenance .sec-structure .image img{
		margin: 0 auto;
		display:block;
	}
	.structure-maintenance .sec-structure .image img.structure-maintenance-01{
		width: 840px;
	}
	.structure-maintenance .sec-structure .image img.structure-maintenance-02{
		width: 640px;
	}
	.structure-maintenance .sec-structure .image img.structure-maintenance-03{
		width: 840px;
	}
	.structure-maintenance .sec-structure .image img.structure-maintenance-04{
		width: 800px;
	}
	.structure-maintenance .sec-structure .image img.structure-maintenance-05{
		width: 800px;
		margin-top: 20px;
	}
	.structure-maintenance .sec-structure .image img.structure-maintenance-06{
		width: 800px;
	}
	.structure-maintenance .sec-structure .image img.structure-maintenance-08{
		width: 840px;
	}
	.structure-maintenance .sec-structure .image img.structure-maintenance-09{
		width: 960px;
		margin-top: 20px;
	}
	.structure-maintenance .sec-structure .image img.structure-maintenance-10{
		width: 420px;
		margin-top: 20px;
	}
	.structure-maintenance .sec-structure .image img.structure-maintenance-11{
		width: 600px;
		margin-top: 20px;
	}
	.structure-maintenance .sec-structure .image img.structure-maintenance-14{
		width: 400px;
		margin-top: 20px;
	}
/*------------------------sw-page------------------*/
.sec-sw1 .inner{
  display: block !important;
  margin-top: 40px;
}
.sec-sw2 .image1,
.sec-sw1 .image{
  width: 300px;
  margin: 20px auto 0;
}
.sec-sw1 .image  img{
  height: auto !important;
}
.sec-sw2 .image1  img{
    width: 100%;
    height: auto;
    position: relative;
    object-fit: cover;
}
.sec-sw2 .box {
    background: #fff;
    padding: 30px 20px;
    margin-bottom: 30px;
}
.sec-sw2 .hoy {
    width: 150px;
    margin: 0 auto 20px;
}
.sec-sw2 .hoy img{
  width: 100%;
    height: auto;
    position: relative;
    object-fit: cover;
}
.sec-sw2 .box >h2{
    font-family: 'Noto Serif JP';
    font-weight: 500;
    font-size: var(--fz20);
    line-height: 100%;
    color: #000000;
    padding: 30px 0px 10px; 
}
.sec-sw2 .box p{
    font-family: 'Hiragino Sans';
    font-weight: 500;
    font-size: var(--fz14);
    line-height: 2;
    color: #101010;
    margin: 0;
}
hr.m2 {
    display: block;
    height: 1px;
    border: none;
    border-top: 1px solid #C0C0C0;
    margin: 2em 0;
}
.sec-sw2 h3 {
    font-size: var(--fz20);
}
	.sec-sw2 h3 br{
		display: none;
	}
.sec-sw2 .award {
    margin-top: 20px;
}
.sec-sw2 .award .logo {
    width: 100px;
    margin-right: 20px;
}
.sec-sw2 .award .logo img{
  width: 100%;
  height: auto;
  position: relative;
  object-fit: cover;
}
.sec-sw2 .award .text {
    width: 100%;
    font-family: 'Hiragino Sans';
    font-size: var(--fz14);
    line-height: 1.75;
    color: #101010;
    margin: 10px 0 0;
	text-align: center;
}
.sec-sw2 .inner .line{
    font-family: 'Noto Serif JP';
    font-weight: 500;
    font-size: var(--fz20);
    line-height: 100%;
    color: #000;
    padding: 30px 0px;
}
.sec-sw2 .inner p{
        font-family: 'Hiragino Sans';
        font-weight: 300;
        font-size: var(--fz14);
        line-height: 2;
        color: #101010;
        margin: 0;
}
.sec-sw2 .inner .image2 img {
  width: 100%;
	margin-top: 30px;
	display: block;
}
	.sec-sw2 .inner .image3{
		margin: 20px 0;
	}
	.sec-sw2 .inner .image3 img{
		width: 640px;
        margin: 0 auto;
        display: block;
	}
	
.sec-sw-nav{
  padding: 0;
  margin-top: 80px;
}
	.sec-sw-nav.sec-section{
		padding-bottom: 50px;
	}
.sec-sw-nav .inner{
  display: block !important;
}
.sec-sw-nav .inner .flex.fwrap{
  flex-wrap: wrap;
}
.sec-sw-nav .inner .flex.half > * {
    width: 48.5%;
}
.sec-sw-nav a {
    display: block;
	font-size: var(--fz16);
	color: var(--grn);
	border-bottom: 1px solid var(--grn);
	padding: 20px 0;
	position: relative;
	margin-bottom: 10px;
	transition: all .2s linear;
}
.sec-sw-nav a::after {
    content: "❯";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.sec-sw-nav a:hover{
	padding-left: 20px;
  background-color: var(--grn);
  color: #FFF;
}
	.sec-sw-nav a.active{
	  padding-left: 20px;
	}
.sec-sw-nav h2 {
    font-size: var(--fz20);
	font-weight: 500;
    text-align: center;
    color: var(--grn);
    margin-bottom: 1em;
}
	.sec-sw2{
		width: 90%;
        max-width: 1100px;
        margin: 100px auto 0;
        position: relative;
        height: auto;
	}
	.sec-sw2 .sw-flex-wrap{
		margin-top: 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 5%;
	}
	.sec-sw2 .sw-flex-wrap .flex{
		width: 30%;
	}
	.sec-sw2 .inner h3{
		font-weight: 300;
		text-align: center;
	}
	.sec-sw2 .award .logo{
		margin: 0 auto;
	}
	
	
/*--------------------point1-page-----------------*/
	
	
.sw-subtitle{
            display: inline-block;
            border: 1px solid #fff;
            font-size: var(--fz16);
            font-weight: 500;
            padding: 4px 12px;
            vertical-align: 2px;
            margin-right: 15px;
}
	.wrap .sec-mv-title.sw-sturucture-title{
		width: 100%;
        margin: 0 auto;
        padding: 30px 50px;
		max-width: initial;
	}
	.wrap .sec-mv-title.sw-sturucture-title > h1 {
        position: relative;
        top: auto;
        left: auto;
        font-size: var(--fz28);
        font-weight: 500;
        text-align: left;
        text-shadow: none;
        transform: none;
 }
.sw-point-copy {
    font-size: var(--fz28);
    line-height: 1.6;
    text-align: center;
    margin: 20px 0 10px;
}
.sw-point-default{
	max-width: 1100px;
    margin: 80px auto 0;
}
.sw-point-default .inner .line{
  line-height: 40px;
  padding: 0;
  padding-bottom: 0.5em;
}
	.sw-point-default .inner .line br{
		display: none;
	}
.sw-point-default .image {
    margin: 15px 0;
}
.sw-point-default .image img{
  height: auto !important;
}
.sw-point-bg {
    background: #f5f4f0;
	margin-top: 40px;
    padding: 40px 0;
}
.sw-point-bg .inner{
  display: block !important;
}
.sw-point-bg .logo {
    width: 250px;
    margin: 0 auto 20px;
}
.sw-point-bg .logo img{
  height: auto !important;
}
.t-center {
    text-align: center;
    font-family: 'Noto Serif JP';
    font-weight: 500;
    font-size: var(--fz30);
}
.sw-point-bg .box {
	width: 94%;
    padding: 40px;
    background: #fff;
    margin: 40px auto 0;
}
.sw-point-bg .box img:first-child{
  height: auto !important;
}
.sw-point-bg h3 {
    font-size: var(--fz20);
	font-weight: 500;
    margin-bottom: 10px;
}
.sw-point-bg .feature .item {
	padding: 20px 0;
    background: #ebe8e8;
    border-radius: 8px;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.sw-point-bg .feature h4 {
    font-size: var(--fz20);
    font-family: var(--serif);
    margin-bottom: 5px;
}
.sw-point-bg .feature p {
    line-height: 1.4 !important;
    font-size: var(--fz14)!important;
}
.sw-point-bg .box p{
        font-family: 'Hiragino Sans';
        font-weight: 300;
        font-size: var(--fz14);
        line-height: 2;
        color: #101010;
        margin: 0;
}
.sw-point-default h3 {
	margin-top: 30px;
    padding: 15px 30px;
    background: #5f5e5e;
    color: #fff;
    font-size: var(--fz20);
    font-weight: 500;
	text-align: center;
}
.sec-sw-nav a.active {
    background: var(--grn);
    color: #fff;
}
.sw-point-default p{
        font-family: 'Hiragino Sans';
        font-weight: 300;
        font-size: var(--fz14);
        line-height: 2;
        color: #101010;
        margin: 0;
}
	.sw-point-default .image img,
	.sw-point-bg .box img{
		margin: 0 auto;
		display: block;
	}
	.sw-point-default .image img.sw-point1-01{
		width: 600px;
	}
	.sw-point-default .image img.sw-point1-02{
		width: 600px;
	}
	.sw-point-default .image img.sw-point1-03{
		width: 600px;
	}
	.sw-point-default .image img.sw-point1-04{
		width: 500px;
	}
	.sw-point-default .image img.sw-point1-05{
		width: 400px;
	}
	.sw-point-bg .box .image img.sw-point1-06{
		width: 400px;
	}
	.sw-point-bg .box .image img.sw-point1-07{
		width: 400px;
	}
	.sw-point-bg .box .image img.sw-point1-08{
		width: 700px;
	}
	.sw-point-default .inner .image img.sw-point1-09{
		width: 600px;
		margin-top: 20px;
	}
	.sw-point-default .inner .image img.sw-point1-11{
		width: 500px;
		margin-top: 30px;
	}
	.sw-point-default .inner .image img.sw-point1-12{
		width: 800px;
		margin-top: 30px;
	}
	.sw-point-bg.sec-section .inner p{
		width: 94%;
		margin-right: auto;
		margin-left: auto;
	}
	.sw-point-bg.sec-section .inner .box p{
		width: 100%;
	}
/*--------------------point2-page-----------------*/
.sw-point-default .label .head {
    background: #f5f4f0;
    font-family: var(--serif);
    font-size: var(--fz20);
    font-weight: 500;
    padding: 10px;
}
.sw-point-default .label {
    margin-top: 20px;
    text-align: center;
}
.sw-point-default .label .text {
    padding: 10px;
    background: #434040;
    font-size: var(--fz20);
    font-weight: 300;
    color: #fff;
}
	.sw-point-default .label .text .sml{
		color: #fff !important;
		font-size: var(--fz12) !important;
	}
.sw-point2 {
	width: 90%;
	max-width: 1100px;
    margin: 80px auto 0;
}
	.sw-point2 .t-center{
		font-size: var(--fz20);
	}
.sw-point2-img1 {
    margin: -90px auto 0;
    width: 200px;
}
.sw-point2-img1 img{
  height: auto !important;
  width: 100%;
}
.sw-point2 .frame {
	width: 90%;
    border: 1px solid #e6e6e6;
    padding: 10px 15px;
    margin: 15px auto 0;
	font-weight: 300;
}
.sw-point2 p{
	    width: 90%;
        font-family: 'Hiragino Sans';
        font-weight: 300;
        font-size: var(--fz14);
        line-height: 2;
        color: #101010;
        margin: 0 auto;
}
	.point2 .sw-point-bg.sec-section .inner h2.line{
		margin-top: 0;
	}
.sw-point-block .inner{
  display: block !important;
}
.sw-point-default .flex.half .item {
  flex-direction: column;
}
.sw-point-default .flex.half .item div{
  width: 100%;
}
.sw-point-default .flex.half .cap{
  max-width: 100%;
}
.sw-point2 .border {
    border: 1px solid #e6e6e6;
    padding: 20px;
}
.sw-point2-img2 {
    margin: -60px auto 20px;
    width: 140px;
}
.sw-point2-img2  img{
  width: 100%;
  height: auto;
}
.sw-point-default .border .t-center{
  margin-bottom: .5em;
}
.sw-point-bg .inner .line{
  padding-bottom: .5em;
  /* padding: 0; */
  line-height: 40px;
}
.sw-point-bg .image {
    margin: 15px 0;
}
	.sw-point-default .image img.sw-point2-05{
		width: 600px;
		margin-top: 30px;
		display: block;
	}
	.sw-point-bg .image img.sw-point2-09{
		width: 600px;
		margin: 30px auto;
		display: block;
	}
	
/*--------------------point3-page-----------------*/
	
	.sw-point-bg.sw-point3{
		width: 90%;
		max-width: 1100px;
		margin: 200px auto 0;
	}
	.sw-point-bg.sw-point3 .sw-point3-img1{
		margin-top: -200px;
	}
	.sw-point3-img1 img{
		width: 60%;
		margin: 0 auto;
		display: block;
	}
	.sw-point3.sw-point-bg .inner .line{
		margin-top: 30px;
		font-size: var(--fz20);
	}
	.sw-point3.sw-point-bg .inner .line br{
		display: none;
	}
	.sw-point3.sw-point-bg .inner p{
		width: 90%;
		margin: 0 auto;
		font-size: var(--fz14);
		line-height: 2;
	}
	.sw-point-default.sec-section .inner{
		display: block;
	}
	.sw-point-default.sec-section .inner p{
		margin-top: 10px;
	}
	.sw-point-default.sec-section .inner h2.line{
		margin-bottom: 0;
	}
	.sw-point-bg.sw-point3-bg.sec-section{
		padding: 0;
	}
	.sw-point-bg.sw-point3-bg.sec-section .inner{
		margin-top: 40px;
	}
	.sw-point-bg.sw-point3-bg.sec-section .inner h2.line{
		padding-top: 40px;
	}
	.sw-point-bg.sw-point3-bg.sec-section .inner h2.line br{
		display: none;
	}
	.sw-point-bg.sec-section .inner p{
		margin-top: 10px;
	}
	.sw-point-bg.sw-point3-bg.sec-section .inner .frame{
		width: 100%;
            border: 1px solid #e6e6e6;
            padding: 10px 15px;
            margin: 15px auto 0;
            font-weight: 300;
		font-family: 'Hiragino Sans';
            font-size: var(--fz14);
            line-height: 2;
            color: #101010;
	}
	.sw-point-bg.sw-point3-bg.sec-section .box{
		margin-bottom: 30px;
	}
	.sw-point-bg.sw-point3-bg.sec-section{
		padding-bottom: 150px;
	}
	.sw-point3-2 .sw-point3-img2{
		margin-top: -250px;
	}
	.sw-point3-2 .sw-point3-img2 img{
		width: 60%;
		max-width: 600px;
		margin: 0 auto;
		display: block;
	}
	.sw-point3-2 .logo img{
		width: 100px;
		margin: 0 auto 30px;
		display: block;
		
	}
	.sw-point3-2 .inner .border{
		width: 90%;
		max-width: 1100px;
		margin: 100px auto 0;
		border: 1px solid #e6e6e6;
        padding: 40px;
	}
	.sw-point3-2 .inner .border h2.line{
		font-size: var(--fz20);
	}
	.sw-point3-2 .inner .border h2.line br{
		display: none;
	}
	.sw-point3-2 .inner .border p{
		font-size: var(--fz14);
		line-height: 2;
	}
	.sw-point3-2 .inner .border .indent{
		margin-top: 30px;
	}
	.sw-point3-2 .inner .border .indent li{
		font-size: var(--fz14);
	}
	.sw-point3-report .inner{
		display: block;
	}
	.sw-point3-report .inner .item {
		margin-top: 40px;
	}
	.sw-point3-report .inner .item p.bg{
		width: auto;
		display: inline-block;
		padding: 2px 10px;
        margin-bottom: 5px;
        background: #666464;
        color: #fff;
        font-size: var(--fz12);
        font-weight: 500;
		text-align: center;
	}
	.point3 .inner .image img{
		margin: 0 auto;
		display: block;
	}
	.point3 .inner .image img.sw-point3-02{
		width: 480px;
	}
	.point3 .inner .image img.sw-point3-03{
		width: 480px;
	}
	.point3 .inner .image img.sw-point3-04{
		width: 500px;
	}
	.point3 .inner .image img.sw-point3-05{
		width: 480px;
	}
	.point3 .inner .image img.sw-point3-06{
		width: 400px;
	}
	.point3 .inner .image img.sw-point3-07{
		width: 400px;
	}
	.point3 .inner .image img.sw-point3-r{
		width: 500px;
	}
	

/*--------------------point3-page-----------------*/
	.sw-point4{
		    width: 90%;
            max-width: 1100px;
            margin: 80px auto 0;
	}
	.sw-point4.sw-point-bg .inner .line{
		font-size: var(--fz20);
	}
	.sw-point4.sw-point-bg .inner .line br{
		display: none;
	}
	.sw-point-bg h3.lgrn{
		margin-top: 30px;
		font-size: var(--fz15);
		text-align: center;
	}
	.sw-point4 .box h2.t-center{
		font-size: var(--fz20);
		line-height: 2;
		border-bottom: 1px solid #c0c0c0;
	}
	.sw-point4 .box h2.t-center br{
		display: none;
	}
	.sw-point4 .box .frame-lgrn h3{
		font-size: var(--fz15);
	}
	.sw-point4 .box h3{
		margin-top: 30px;
		font-size: var(--fz15);
	}
	.sw-point4 .box h3 br{
		display: none;
	}
	.sw-point4.sw-point-bg .box p{
		line-height: 2 !important;
	}
	.sw-point4 img{
		margin: 0 auto;
		display: block;
	}
	.sw-point4 img.sw-point4-02{
		width: 450px;
	}
	.sw-point4 img.sw-point4-03{
		width: 450px;
	}
	.sw-point4 img.sw-point4-04{
		width: 450px;
	}
	.sw-point4 img.sw-point4-05{
		width: 800px;
	}
	.sw-point4 img.sw-point4-06{
		width: 480px;
	}
	.sw-point4 img.sw-point4-07{
		width: 480px;
		margin-bottom: 30px;
	}
	.sw-point4 img.sw-point4-08{
		width: 640px;
		margin-bottom: 30px;
	}
	.sw-point4 img.sw-point4-09{
		width: 450px;
		margin-bottom: 20px;
	}
	.sw-point4 img.sw-point4-10{
		width: 450px;
		margin-bottom: 20px;
	}
	
/*--------------------point5-page-----------------*/
	.point5 .sw-point-bg.sec-section{
		
	}
	.point5 .sec-section .inner h2.line{
		margin-top: 0;
	}
	.point5 .image img{
		margin: 0 auto;
		display: block;
	}
	.point5 .image img.sw-point5-01{
		width: 600px;
	}
	.point5 .image img.sw-point5-02{
		width: 600px;
	}
	.point5 .image img.sw-point5-03{
		width: 600px;
		margin-top: 30px;
	}
	
	
/*--------------------point6-page-----------------*/
	
	.point6 .image img.sw-point6-01{
		width: 480px;
	}
	.point6 .image img.sw-point6-02{
		width: 320px;
		margin-top: 40px;
	}
	.point6 .image img.sw-point6-03{
		width: 480px;
		margin-top: 10px;
	}
	.point6 .image img.sw-point6-04{
		width: 480px;
		margin-top: 40px;
	}
	.point6 .image img.sw-point6-05{
		width: 840px;
		margin-top: 10px;
	}
	
	
/*--------------------point7-page-----------------*/
	
	.point7 .sw-point-bg.sec-section .inner .item p:first-of-type{
		width: 90%;
		margin-right: auto;
		margin-left: auto;
	}
	.point7 .sw-point-bg.sec-section .inner h2.line{
		display: block;
		line-height: 1.75;
	}
	.point7 .sw-point-bg.sec-section .inner h2.line br{
		display: none;
	}
	.point7 img.sw-point7-01{
		width: 100%;
		max-width: 1100px;
		margin-top: 30px;
	}
	.point7 .sec-section .inner .item .sw-point7-img1 img.sw-point7-02{
		width: 320px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	.point7 .sec-section .inner .item .sw-point7-img1 img.sw-point7-03{
		width: 320px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	.point7 .sec-section .inner .item .sw-point7-img2 img.sw-point7-04{
		width: 150px;
		margin-top: 0;
		margin-bottom: 10px;
	}
	.point7 .sec-section .inner .item .sw-point7-img1 img.sw-point7-05{
		width: 320px;
		margin-top: 0;
		margin-bottom: 10px;
	}


/*--------------------event-----------------*/
	.post-type-archive-event .sec-mv,
	.event-template-default .sec-mv{
		width: 100%;
		max-width: initial;
		height: auto;
        margin: 0 auto;
        padding: 30px 50px;
		position: relative;
        top: auto;
        left: auto;
        transform: none;
		background-color: #0f3630;
	}
	.post-type-archive-event .sec-mv h1,
	.event-template-default .sec-mv h1{
		position: relative;
        top: auto;
        left: auto;
        font-size: var(--fz28);
        font-weight: 500;
        text-align: left;
        text-shadow: none;
        transform: none;
        font-family: 'Hiragino Sans';
        line-height: 100%;
        color: #FFF;
	}
  
	.post-type-archive-event .sec-event .inner{
		display: block;
	}
	.event-template-default .sec-event {
		width: 90%;
		max-width: 800px;
        margin: 50px auto 0;
    }
	
	.post-type-archive-event .sec-event .event-list{
		width: 90%;
		max-width: 1100px;
		margin: 30px auto 0;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.post-type-archive-event .sec-event .event-list::after{
  content:"";
  display: block;
  width:30%;
}
	.post-type-archive-event section:last-of-type .inner .item{
		width: 30%;
		margin: 40px 0 0;
		display: block;
		gap: 0;
	}
	
  .sec-event .event-list {
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 20px;
    margin-bottom: 50px !important;
  }
  .sec-event .event-list h3 {
    font-size: var(--fz16) !important;
    margin: 15px 0 10px;
  }
  .sec-event .event-list dl dt {
    width: 3em;
    float: left;
    clear: left;
  }
  .sec-event .event-list dl dd {
    padding-left: 3em;
  }
	
  .sec-event .event-list {
    border: none;
    padding: 0;
    margin: 0;
  }
  .sec-event .item {
    margin-bottom: 50px;
  }
	.more-grn{
		display: block;
        background: var(--grn);
        color: #fff;
		font-size: var(--fz14);
        text-align: center;
        padding: 10px;
        margin-top: 1em;
        position: relative;
	}
	.more-grn::after {
        content: "❯";
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
    }
	.post-type-archive-event .wp-pagenavi{
		margin: 0 auto;
	}

  .news-single .wp-block-image,
  .event-single .wp-block-image {
    margin: 1em auto;
  }
  .news-single h2.wp-block-heading,
  .event-single h2.wp-block-heading {
    font-family: var(--sans);
    margin: 1em 0 0.5em;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
  }
  .news-single h3.wp-block-heading,
  .event-single h3.wp-block-heading {
    font-family: var(--sans);
    font-size: var(--fz14);
    margin: 1em 0 0.5em;
  }

  .event-single .sub01 {
    color: var(--grn);
    text-align: center;
  }
  .event-single .sub02 {
    font-family: var(--serif);
    background: var(--grn);
    color: #fff;
    font-size: var(--fz16);
    padding: 8px 20px;
    text-align: center;
    margin-top: 10px;
  }
  .event-single:has(.sub01) dl {
    display: none;
  }
  .event-single:has(.sub01) .photo {
    border: solid 5px var(--grn);
    border-top: none;
  }
  .event-single:has(.sub01) hr {
    margin: 40px 0;
    display: block;
    height: 1px;
    border: none;
    border-top: 1px solid #c0c0c0;
  }
  .event-single .sub03 {
    color: var(--grn);
    display: flex;
    gap: 3px;
    margin-bottom: 1em !important;
  }
  .event-single .sub03_1 {
    font-family: var(--serif) !important;
    border: solid 1px #c0c0c0;
    font-size: var(--fz16);
    padding: 8px 20px;
    text-align: center;
    margin-top: 10px;
  }
  .event-single .sub04 {
    font-size: var(--fz14);
    font-weight: bold;
    margin-bottom: 1em !important;
    font-family: var(--serif);
  }
  .event-single .sub03::before {
    content: "●";
  }
  .event-single:has(.sub01) table {
    table-layout: auto;
  }
  .event-single:has(.sub01) table th,
  .event-single:has(.sub01) table td {
    border: solid 1px #c0c0c0;
  }
	  .event-single .photo {
    margin: 30px auto;
  }
	.event-single .photo img{
		width: 800px;
		margin: 0 auto;
		display: block;
	}
	.event-single dl {
		width: 800px;
		margin: 0 auto;
	}
  .event-single dl dt {
    width: 3em;
	  font-size: var(--fz14);
	  font-weight: 600;
    float: left;
    clear: left;
  }
  .event-single dl dd {
	  margin: 0 0 5px 3em;
	  font-size: var(--fz14);
  }
	.event-template-default .event-single hr{
		display: none;
	}
	.event-single .contents{
		width: 800px;
		margin: 40px auto 0;
		font-size: var(--fz14);
		line-height: 2;
	}
	.contents.form-fieldset-position-column{
		width: 100%;
		max-width: 800px;
		margin-top: 40px;
		padding: 0;
	}
	.contents.form-fieldset-position-column .form-fieldset-label span,
	.contents.form-fieldset-position-column .form-fieldset-label p{
		font-size: var(--fz14);
	}
	
	
/*--------------------model house-----------------*/
  
	.sec-modelhouse{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	
  .sec-modelhouse .icon {
    margin: 30px auto 10px;
	  text-align: center;
  }
  .sec-modelhouse .icon img {
    width: 52px;
    display: inline-block;
  }
	.sec-modelhouse .inner > p{
		font-size: var(--fz14);
		line-height: 2;
	}
	.sec-modelhouse.sec-section{
		margin-top: 50px;
	}
	.sec-modelhouse.sec-section .modelhouse-item .image img{
		margin-top: 5px;
	}
	
  .modelhouse-item {
    margin-bottom: 60px;
  }
  .modelhouse-item h3 {
    font-size: var(--fz15);
    margin-bottom: 10px;
  }
  .modelhouse-item h3 span {
    display: inline-block;
    background: var(--grn);
    font-size: var(--fz12);
    color: #fff;
    padding: 2px 8px;
    vertical-align: 1px;
    margin-right: 7px;
  }

  .modelhouse-item .image {
    position: relative;
  }
  .modelhouse-item .image p {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-family: var(--serif);
    font-size: var(--fz16);
    color: #fff;
    text-align: center;
    text-shadow: 1px 0 5px rgba(0, 0, 0, 0.5), -1px 0 5px rgba(0, 0, 0, 0.5),
      0 1px 5px rgba(0, 0, 0, 0.5), 0 -1px 5px rgba(0, 0, 0, 0.5);
  }

  .modelhouse-item dl {
    margin-top: 10px;
  }
  .modelhouse-item dl dt {
    width: 5em;
    float: left;
    clear: left;
	  font-size: var(--fz14);
	  font-weight: 600;
  }
  .modelhouse-item dl dd {
	  margin-bottom: 5px;
    padding-left: 6em;
	  font-size: var(--fz14);
  }
  .modelhouse-reserve {
	  width: 480px;
	  margin: 0 auto;
    display: block;
    background: #fca457;
    padding: 20px 0;
    color: #fff;
    text-align: center;
    font-size: var(--fz14);
    border-radius: 8px;
    position: relative;
  }
  .modelhouse-reserve::before {
    content: "";
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
    background: url(../img/nav-bottom2.png) center center / contain no-repeat;
    width: 22px;
    height: 22px;
  }

  .sec-mv .modelhouse {
    position: relative;
  }
  .sec-mv .modelhouse::after {
    content: "";
    display: block;
    background: url(../img/icon-modelhouse.png) center center / cover no-repeat;
    width: 52px;
    height: 47px;
    position: absolute;
    top: 20px;
    left: calc(50% - 26px);
  }

  

	
/*--------------------page-template-page-modelhouse-template (bunkyo)-----------------*/
	
	.page-template-page-modelhouse-template .modelhouse-single{
		margin-top: 30px;
	}
	.page-template-page-modelhouse-template .modelhouse-single.sec-section{
		width: 90%;
		max-width: 1100px;
		margin-right: auto;
		margin-left: auto;
	}
	.page-template-page-modelhouse-template .modelhouse-single.sec-section .inner{
		display: block;
	}
	
.modelhouse-single .image {
    margin-top: 15px;
  }

  .modelhouse-slide .photo {
    width: 100%;
    height: 0;
    padding-top: 100%;
    margin-bottom: 20px;
    background: #f5f5f5;
    position: relative;
  }
  .modelhouse-slide .photo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
  }

  .modelhouse-slide p {
    margin-top: 0.5em;
    font-size: var(--fz11);
    padding: 0 20px;
  }

  .modelhouse-single h3 {
    font-size: var(--fz14);
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
  }
  .modelhouse-single .award-bnr {
	  width: 50%;
	  max-width: 480px;
	  display: block;
    margin: 20px auto 0;
  }

  .modelhouse-other-slide h3 {
    font-size: var(--fz14);
    text-align: center;
    margin: 10px 0 5px;
  }
  .modelhouse-other-slide p {
    text-align: center;
    margin-bottom: 5px;
  }

  .modelhouse-outline {
    margin-top: 30px;
  }
  .modelhouse-outline h3{
    font-size: var(--fz18);
  }
  .modelhouse-outline dt {
    width: 6em;
    float: left;
    clear: left;
	  font-size: var(--fz14);
	  font-weight: 600;
  }
  .modelhouse-outline dd {
	  margin-bottom: 5px;
    padding-left: 7em;
	  font-size: var(--fz14);
  }
  .modelhouse-single .googlemap {
    width: 100%;
    height: 300px;
    margin-bottom: 15px;
  }
  .modelhouse-single .googlemap iframe {
    width: 100%;
    height: 100%;
  }
  .modelhouse-single .map {
    margin-bottom: 15px;
  }
	
	.modelhouse-slider.sec-section .inner{
		display: block;
	}
	.modelhouse-slider.sec-section .inner .modelhouse-other-slide h3{
		margin: 0;
		color: #000;
	}
	.modelhouse-slider.sec-section .inner .modelhouse-other-slide .item p{
		margin-top: 5px;
		line-height: 2;
	}
	.modelhouse-slider.sec-section .inner .item .photo img{
		margin-top: 15px;
	}
	.modelhouse-single-reservation.sec-section .inner > p{
		text-align: center;
	}
	.modelhouse-single-reservation.sec-section .inner .image img{
		width: 60%;
		max-width: 480px;
		margin: 0 auto;
		display: block;
	}
	.page-template-page-modelhouse-template #pickup-slide .slick-prev{
		left: -80px;
	}
	.page-template-page-modelhouse-template #pickup-slide .slick-next{
		right: -80px;
	}
	.page-template-page-modelhouse-template #pickup-slide .slick-dots{
		bottom: -30px !important;
	}
	
/*--------------------company-----------------*/
	
	.company .sec-company .inner{
		display: block;
	}
	
	
  .sec-company .outline dt {
    float: left;
    clear: left;
    width: 9em;
	  font-size: 14px !important;
	  font-weight: 500;
  }
  .sec-company .outline dd {
    padding-left: 7em;
    margin-bottom: 1em;
    padding-left: 10em;
	  font-size: 14px !important;
	  font-weight: 300;
  }
	.sec-company .outline dd .indent{
		padding: 15px 25px;
	}
	.sec-company .outline dd .indent li{
		    font-weight: 400;
            font-size: 14px !important;
		line-height: 2;
	}
  .sec-company .history dt {
    width: 8em;
    float: left;
    clear: left;
	  font-size: 14px !important;
	  font-weight: 500;
  }
  .sec-company .history dd {
    padding-left: 8em;
    margin-bottom: 1em;
	  font-size: 14px !important;
	  font-weight: 300;
	  line-height: 2;
  }
  .sec-company .googlemap {
    width: 100%;
    height: 250px;
    margin-bottom: 10px;
  }
  .sec-company .googlemap iframe {
    width: 100%;
    height: 100%;
  }

  



  .sec-awards-head {
    margin-top: 30px;
  }
  .awards .item .image {
    margin-bottom: 10px;
  }
  .awards .item {
    margin-bottom: 30px;
  }
  .awards .item:last-child {
    margin-bottom: 0;
  }
  .awards .item h3 {
    font-size: 14px !important;
    margin-bottom: 2px;
  }
	
/*--------------------philosophy-----------------*/
	
	.sec-philosophy.sec-section .inner{
		display: block;
	}
	.sec-philosophy h3{
		font-size: var(--fz20);
		font-weight: 400;
		line-height: 2;
		text-align: center;
	}

  .sec-philosophy h4 {
    font-size: var(--fz16);
    color: #fff;
    background: var(--grn);
    padding: 10px 25px;
    margin: 2em 0 0;
  }
  .sec-philosophy h5 {
    font-size: var(--fz16);
	margin-top: 1em;
  }
	.sec-philosophy .inner > ul {
		margin-top: 1em;
	}
	.sec-philosophy .inner > ul > li{
		margin-bottom: 8px;
		font-size: var(--fz14);
	}
  .sec-philosophy .image {
    margin-top: 15px;
  }

	
/*--------------------message-----------------*/
	.sec-message.sec-section .inner {
		padding-top: 30px;
	}
  .sec-message.sec-section .inner p {
    margin-top: 0;
  }
	.sec-message.sec-section .inner p + p{
		margin: 0 !important;
	}
  .sec-message .name {
	  width: 100%;
    text-align: right;
  }
	
	
/*--------------------awards-----------------*/
	
	
	.awards .wrap .sec-mv{
		width: 100%;
		max-width: initial;
		height: auto;
		margin: 0 auto;
		padding: 30px 50px;
		background-color: #0f3630;
		position: relative;
            overflow: hidden;
	}
  .awards .wrap .sec-mv>h1{
	max-width: initial;
	position: relative;
  top: auto;
  left: auto;
	  font-family: var(--sans);
	font-size: var(--fz28);
	font-weight: 500;
	text-align: left;
	text-shadow: none;
	transform: none;
}
	.sec-awards-head .inner p{
		width: 90%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.sec-awards.sec-section .inner {
		display: block;
	}
	.sec-awards.sec-section .inner .awards .item{
		width: 480px;
		margin: 50px auto 0;
	}

/*--------------------csr-----------------*/
	.sec-csr .inner{
		display: block;
	}
	section.sec-csr:last-of-type .inner{
		gap: 0;
	}
	section.sec-csr:last-of-type .inner h2.line{
		width: 100%;
		margin-bottom: 0;
	}
	
/*--------------------faq-----------------*/
	.faq .inner #faq-tabs{
		width: 100%;
	}
	.faq-tabs .flex.fwrap {
        flex-wrap: wrap;
    }
	 .faq-menu .btn {
		 width: 13%;
        border: 1px solid var(--grn);
        font-size: var(--fz14);
        color: var(--grn);
        padding: 10px;
        text-align: center;
        margin-bottom: 6px;
		 cursor: pointer;
    }
	.faq-menu .btn.tab-active {
        background: var(--grn);
        color: #fff;
    }
	.flex.quarter.fwrap::before {
        content: "";
        width: 13%;
        display: block;
        order: 1;
    }
	
	
  .faq dt {
    display: flex;
    align-items: flex-start;
    padding: 10px 0 20px;
    position: relative;
	  transition: all .3s linear;
  }
	.faq dt.active{
		padding-bottom: 10px;
	}
	
  .faq dt::before {
    content: "Q";
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    background: #aaa;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .faq dt p {
    width: calc(100% - 35px);
    font-weight: 500;
    padding-top: 0.2em;
	  line-height: 1.75 !important;
  }

  .faq dt::after {
    content: "";
    background: url(../img/aco-down.png) center center / cover no-repeat;
    width: 13px;
    height: 8px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  .faq dt.active::after {
    background: url(../img/aco-up.png) center center / cover no-repeat;
  }

  .faq dd {
    display: none;
  }
  .faq dd > div {
    display: flex;
    align-items: flex-start;
    padding: 0 20px 10px 0;
    margin-bottom: 20px;
    position: relative;
  }
  .faq dd > div::before {
    content: "A";
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    background: var(--grn);
    width: 25px;
    height: 25px;
    margin-right: 10px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .faq dd p {
    width: calc(100% - 35px);
  }
  .faq dd p a {
    text-decoration: underline;
  }

  .faq.open dt::after {
    content: none;
  }
  .faq.open dd::after {
    content: none;
  }
  .faq.open dd {
    display: block;
  }
	
	
/*--------------------news-----------------*/
	
	body.archive .sec-mv,
	.news .sec-mv,
	.post-template-default.single.single-post .sec-mv{
		width: 100%;
            max-width: initial;
		height: auto;
            margin: 0 auto;
            padding: 30px 50px;
		background-color: #0f3630;
	}
	body.archive .sec-mv>h1,
	.news .sec-mv>h1,
	.post-template-default.single.single-post .sec-mv>h1{
            max-width: initial;
            position: relative;
            top: auto;
            left: auto;
		color: #fff;
		font-family: var(--sans);
            font-size: var(--fz28);
            font-weight: 500;
            text-align: left;
            text-shadow: none;
            transform: none;
     }
	.news .sec-news .inner{
		display: block;
	}
	.news-list .date{
		font-size: var(--fz12);
	}
	.news-list .title{
		font-size: var(--fz14);
		font-weight: 300;
	}
	html .wp-pagenavi{
		margin: 40px auto 0;
	}
	.sec-news .inner .news-single{
		margin: 0 auto;
	}
	.news-single .title{
		border-bottom: 1px solid #c0c0c0;
        padding-bottom: 1em;
        margin-bottom: 2em;
	}
	.news-single .date {
        color: #8e8e8e;
        font-weight: 300;
    }
	.news-single .title h2{
		font-family: var(--serif);
		font-weight: 300;
		margin-bottom: 0.5em;
	}
	.news-single .photo {
        margin-bottom: 40px;
    }
	.news-single .contents{
		font-size: var(--fz14);
		line-height: 2;
	}
	.news-single img.contain {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
	
/*--------------------lineup-----------------*/
	.lineup .sec-section .inner h2.line{
		margin-bottom: 0;
	}
	.lineup .sec-lineup1 .inner{
		width: 90%;
		max-width: 1100px;
		margin-right: auto;
		margin-left: auto;
	}
	.lineup .sec-lineup1 .inner > p{
		font-size: 14px;
		font-weight: 400;
	}
	.lineup .lineup-content .indent{
		margin-top: 20px;
		padding: 20px;
	}
	.lineup-content .indent li{
		font-size: 14px;
		font-weight: 400;
	}
	.lineup .lineup-content .more-grn{
		margin-top: 20px;
		font-size: 12px;
		font-weight: 400;
	}
	.lineup .sec-lineup2.sec-mg{
		padding-top: 50px;
	}
	.lineup .lineup-content{
		justify-content: flex-start;
	}

	
	
	
/*--------------------lineup item -----------------*/
	
	.sec-lineup-sec .inner{
		display: block;
	}
	.sec-lineup-sec .inner .photo{
		margin-top: 40px;
	}
	.sec-lineup-slide{
		width: 90%;
		max-width: 1100px;
		margin: 60px auto 0;
	}
	.lineup .sec-spec-select{
		background: #f5f5f5;
        padding: 40px;
		display: block;
	}
	.lineup .sec-spec-select .inner{
		width: 100%;
		max-width: initial;
		margin: 0;
		display: block;
	}
	.lineup .sec-spec-select.spec-select-w{
		width: 90%;
		max-width: 1100px;
		margin: 60px auto 80px;
		padding: 0;
		background: #fff;
	}
	.lineup .sec-spec-select .inner h2.line{
		margin-top: 0;
		margin-bottom: 0.5em;
		border-bottom: 1px solid #c0c0c0;
        padding-bottom: 0.5em;
	}
	.lineup .sec-spec-select.spec-select-w .inner h2.line{
		font-size: 20px;
		font-weight: 500;
	}
	.lineup .sec-spec-select .spec-select {
        margin-bottom: 30px;
    }
	.lineup .sec-spec-select .spec-select.flex{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.lineup .sec-spec-select .inner img{
		margin-top: 0;
	}
	
	.sec-spec-select.select-frame .frame{
		border: 1px solid #c0c0c0;
        padding: 40px;
		display: block;
	}
	.sec-spec-select.select-frame .frame h2{
		font-family: var(--serif);
        margin-bottom: 0.5em;
		font-size: 20px;
		font-weight: 500;
	}
	.sec-spec-select.select-frame .frame .spec-select {
        margin-bottom: 30px;
		display: flex;
		align-items: flex-start;
        justify-content: space-between;
    }
	.spec-select.flex .image {
        width: 250px;
        height: auto;
    }
	.spec-select.flex .text {
        width: calc(100% - 270px);
		display: block;
    }
	.sec-spec-select h3 {
        font-size: var(--fz13);
        font-weight: 500;
    }
	.spec-select .text .more-round {
        margin-top: 1em;
        padding: 2px 30px;
    }
	.spec-select .text .more-round::after {
        content: "❯";
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
    }
	.spec-select:last-child{
		margin-bottom: 0;
	}
	.sec-spec-select .spec-select:nth-child(2){
		margin-top: 30px;
	}
	.sec-spec-select .spec-select:nth-child(n+3){
		padding-top: 40px;
		border-top: solid 1px #ccc;
	}
	.sec-spec-select .inner{
		width: 90%;
		max-width: 1100px;
		margin: 60px auto 0;
	}
	section:nth-of-type(5) .inner div.spec-select .image img{
		height: auto;
	}
	.item01 section:nth-of-type(5) .inner div > p,
	.item02 section:nth-of-type(5) .inner div > p {
		max-width: initial;
		margin-top: 10px;
		font-size: 14px;
	}
	.sec-spec-select h3{
		font-size: 16px;
	}
	.sec-spec-select .text p{
		margin-top: 10px;
		font-size: 14px;
	}
	.sec-spec-select .text .more-round{
		margin-top: 20px;
		padding: 5px 30px;
		display: inline-block;
	}
	.item01 .sec-lineup-sec .lineup-type,
	.item02 .sec-lineup-sec .lineup-type{
		border: 1px solid #707070;
        margin-top: 20px;
        text-align: center;
	}
	.item01 .sec-lineup-sec .lineup-type p,
	.item02 .sec-lineup-sec .lineup-type p{
		margin-top: 0;
		background: #707070;
        color: #fff;
        font-size: var(--fz16);
        font-weight: 500;
        padding: 8px;
	}
	.sec-lineup-sec .lineup-type dl {
        padding: 20px;
    }
	.sec-lineup-sec .lineup-type dt {
        font-size: var(--fz20);
        font-weight: 500;
    }
	.sec-lineup-sec .lineup-type dd {
        margin-top: 10px;
		font-size: 14px;
    }
	.sec-lineup-sec.sec-section .inner img{
		margin-top: 0;
	}
	.item01 .sec-lineup-sec h3.hl-mt,
	.item02 .sec-lineup-sec h3.hl-mt{
		margin-top: 60px;
		font-size: 16px;
		font-weight: 500;
	}
	.sec-lineup-sec table.default{
		margin-top: 20px;
	}
	.sec-lineup-sec .indent{
		margin-top: 60px;
		padding: 40px;
	}
	.sec-lineup-sec .indent li{
		font-size: 14px;
		font-weight: 400;
	}
	.sec-lineup-sec .recommend {
		
	}
	.sec-lineup-sec .recommend li{
		width: 22.5%;
		background: #e2e2e2;
        padding: 25px;
        border-radius: 10px;
        margin-bottom: 0;
		font-size: 14px;
		line-height: 1.75;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.item01 section:last-of-type,
	.item02 section:last-of-type{
		padding-bottom: 0;
	}
	.item01 section:last-of-type .more-grn,
	.item02 section:last-of-type .more-grn{
		width: 400px;
		margin: 80px auto 0;
		padding: 20px 0;
		font-size: 14px;
	}
	
	
/*--------------------voice-----------------*/
	.wrap .sec-voice-title{
		width: 100%;
        max-width: initial;
        margin: 0 auto;
        padding: 30px 50px;
	}
	.wrap .sec-voice-title>h1{
	        max-width: initial;
            position: relative;
            top: auto;
            left: auto;
            font-size: var(--fz28);
            font-weight: 500;
            text-align: left;
            text-shadow: none;
            transform: none;
	}
	.sec-voice-list{
		width: 90%;
		max-width: 1100px;
		margin: 50px auto 0;
	}
	.sec-voice-list .voice-list .item{
		width: 30%;
	}
	.sec-voice-list .voice-list .item:nth-child(n+4){
		margin-top: 50px;
	}
	.sec-voice-list .voice-list .photo{
		height: 150px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.sec-voice-list .voice-list .photo img{
		width: 100%;
        height: auto;
        object-fit: cover;
	}
	.sec-voice-list .voice-list .title{
		font-size: 14px;
		font-weight: 500;
	}
	.sec-voice-list .voice-list .text{
		min-height: 42px;
		margin-top: 5px;
		font-size: 14px;
	}
	.sec-voice-list .voice-list .more-grn{
		font-size: 12px;
	}
	.sec-voice-single{
		width: 90%;
		max-width: 1100px;
		margin: 50px auto 0;
	}
	section.sec-voice-single:last-of-type .inner{
		display: block;
	}
	.sec-voice-single h2.line{
		font-size: 20px;
		font-weight: 500;
	}
	.sec-voice-single .name{
		font-size: var(--fz14);
		font-weight: 300;
		text-align: right;
	}
	.sec-voice-single .wp-block-image{
		margin-top: 30px;
	}
	.sec-voice-single .wp-block-image img{
		width: 100%;
	}
	.sec-voice-single .inner .content > p{
		font-family: var(--sans);
        font-weight: 300;
        font-size: var(--fz14);
        line-height: 2.5;
        color: #101010;
        margin: 30px 0 0;
	}
	
/*--------------------single-news-----------------*/
	
	.wrap .sec-privacypolicy-title{
		width: 100%;
        max-width: initial;
        margin: 0 auto;
        padding: 30px 50px;
	}
	.wrap .sec-privacypolicy-title>h1{
	        max-width: initial;
            position: relative;
            top: auto;
            left: auto;
            font-size: var(--fz28);
            font-weight: 500;
            text-align: left;
            text-shadow: none;
            transform: none;
	}
	.sec-privacypolicy{
		width: 90%;
		max-width: 1100px;
		margin: 50px auto 0;
	}
	
	.sec-privacypolicy .frame {
        border: 1px solid #b4b4b4;
        padding: 30px 40px;
    }
	.sec-privacypolicy .frame p{
        font-family: var(--sans);
        font-weight: 300;
        font-size: var(--fz14);
        line-height: 2.5;
        color: #101010;
    }
	.sec-privacypolicy .inner h3{
		width: 100%;
		margin-top: 30px;
		display: block;
		font-weight: 500;
        font-size: var(--fz14);
	}
	.sec-privacypolicy .inner > p{
		font-family: var(--sans);
        font-weight: 300;
        font-size: var(--fz14);
        line-height: 2.5;
        color: #101010;
	}
	section.sec-privacypolicy:last-of-type .inner{
		display: block;
	}
	
	
/*--------------------request reserve contact-----------------*/
	
	body.request,
	body.contact{
		width: 100%;
		max-width: initial;
		min-width: initial;
		box-shadow: none;
	}
	body.request .wrap,
	body.contact > .wrap{
		width: 100%;
		max-width: initial;
		min-width: initial;
	}
	body.request .wrap .sec-request-title,
	.wrap .sec-mv-title.sec-reserve-title,
	.wrap .sec-mv-title.sec-contact-title{
		width: 100%;
        max-width: initial;
        margin: 0 auto;
        padding: 30px 50px;
	}
	body.request .wrap .sec-request-title>h1,
	.wrap .sec-mv-title.sec-reserve-title>h1,
	.wrap .sec-mv-title.sec-contact-title>h1{
	        max-width: initial;
            position: relative;
            top: auto;
            left: auto;
            font-size: var(--fz28);
            font-weight: 500;
            text-align: left;
            text-shadow: none;
            transform: none;
	}
	
	
  /*--------------------single-news-----------------*/
  .sec-news .inner{
    padding: 0;
  }
  .news-single{
    max-width: 1280px;
  }
	
}
}