@charset "utf-8";
/*--------------------------------------- css初期化 */

/* ▼フォント系 */
* {
	font-family: 'メイリオ', Meiryo, sans-serif;
	font-size: 16px;
	letter-spacing: 0.08em;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
    line-height: 1.6em;
    font-weight: 400;
	color: #1A1A1A;
	-webkit-text-size-adjust: 100%;
}
.font_en{
	font-family: Futura, 'Century Gothic';
	letter-spacing: 0;
}
/* ▼テキスト */
hr{
	background: #B3B3B3;
    height: 1px;
    box-shadow: none;
	border: none;
}
p {
	/*text-align: justify;*/
	display: block;
}
.overflow_text_ellipsis{
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text_link {
	color: #00663F;
	margin: 0 0.2em;
	cursor: pointer;
	display : inline-block;
}
.wrapper_link{
	position : absolute;
	width : 100%;
	height: 100%;
	display: block;
	z-index: 10;
	top : 0;
	left: 0;
}
.text_center{
	text-align : center;
}
.text_justify{
	text-align : justify;
}
.font_size_0 {
	font-size: 0px;
}
.font_size_10 {
	font-size: 0.625rem;
}
.font_size_12 {
	font-size: 0.75rem;
}
.font_size_14 {
	font-size: 0.875rem;
}
.font_size_18 {
	font-size: 1.1rem;
}
.font_size_21 {
	font-size: 1.3rem;
}
.font_size_24 {
	font-size: 1.5rem;
}
.font_size_28 {
	font-size: 1.75rem;
}
.font_size_32 {
	font-size: 2rem;
}
.font_size_36 {
	font-size: 2.25rem;
}
.font_size_40 {
	font-size: 2.5rem;
}
.font_size_48 {
	font-size: 3rem;
}
.font_size_60{
	font-size : 3.8rem;
}
.font_size_72{
	font-size : 4.5rem;
}
.annotation {
	font-size: 0.75rem;
	color: #808080;
}
.number_letter_spacing{
	letter-spacing: 0.01em;
}
.text_white{
	color : #ffffff;
}
.text_gold{
	color : #958264;
}
.text_red{
	color : #B11F00;
}
.text_green{
	color : #00663f;
}
.text_gray{
	color : #808080;
}
.text_black{
	color : #1a1a1a;
}
.line_height_1rem{
	line-height: 1rem;
}
.line_height_1em{
	line-height: 1em;
}
.line_height_1point3em{
	line-height: 1.3em;
}
.line_height_2em{
	line-height: 2em;
}
.font_weight_bold{
    font-weight: bold;
}
.double_arrow{
	letter-spacing: -0.2em;
	font-size: 0.7em;
	vertical-align: middle;
}
.considerations_label{
	display: inline-block;
	background-color: #B11F00;
	color : #fff;
	padding : 0.5em 1em;
	font-size : 0.875rem;
	line-height: 1em;
	vertical-align: middle;
}
.kakaku strong{
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 0;
	margin-right: 3px;
}
/* ▼コンテンツのサイズ */
main {
	display: block;
	width: 100%;
	margin: auto;
	min-height : 70vh;
	padding-bottom : 0.1px;
}

.max_width_1200 {
	max-width: 1200px;
	margin: auto;
}

.max_width_950 {
	max-width: 950px;
	margin: auto;
}

.max_width_750 {
	max-width: 750px;
	margin: auto;
}
.max_width_600 {
	max-width: 600px;
	margin: auto;
}

.max_height_600 {
	max-height: 600px;
	margin: auto;
}
.width_minus_40{
	width: calc(100% - 40px);
	margin: auto;
}
.width_100vw {
    position: relative;
    margin-left: calc(((100vw - 100%) / 2) * -1);
    margin-right: calc(((100vw - 100%) / 2) * -1);
    padding-left: calc((100vw - 100%) / 2);
    padding-right: calc((100vw - 100%) / 2);
    max-width: initial;
    max-width: none;
    overflow: hidden;
}
/* ▲コンテンツのサイズ */
/* ▼余白系(t=top b=bottom r=right l=left) */
/* margin */
.margin_200_tb {
	margin-bottom: 200px;
	margin-top: 200px;
}
.margin_200_t {
	margin-top: 200px;
}
.margin_200_b {
	margin-bottom: 200px;
}
.margin_150_tb {
	margin-bottom: 150px;
	margin-top: 150px;
}
.margin_150_t {
	margin-top: 150px;
}
.margin_150_b {
	margin-bottom: 150px;
}
.margin_100_tb {
	margin-bottom: 100px;
	margin-top: 100px;
}
.margin_100_t {
	margin-top: 100px;
}
.margin_100_r {
	margin-right: 100px;
}
.margin_100_b {
	margin-bottom: 100px;
}
.margin_75_tb {
	margin-top: 75px;
	margin-bottom: 75px;
}
.margin_75_t {
	margin-top: 75px;
}
.margin_75_b {
	margin-bottom: 75px;
}
.margin_50_tb {
	margin-top: 50px;
	margin-bottom: 50px;
}
.margin_50_t {
	margin-top: 50px;
}
.margin_50_b {
	margin-bottom: 50px;
}
.margin_40_tb {
	margin-top: 40px;
	margin-bottom: 40px;
}
.margin_40_t {
	margin-top: 40px;
}
.margin_40_b {
	margin-bottom: 40px;
}
.margin_30_tb {
	margin-top: 30px;
	margin-bottom: 30px;
}
.margin_30_t {
	margin-top: 30px;
}
.margin_30_b {
	margin-bottom: 30px;
}
.margin_15_tb {
	margin-top: 15px;
	margin-bottom: 15px;
}
.margin_15_t {
	margin-top: 15px;
}
.margin_15_b {
	margin-bottom: 15px;
}
.margin_15_l {
	margin-left: 15px;
}
.margin_15_r {
	margin-right: 15px;
}
.margin_10_tb {
	margin-top: 10px;
	margin-bottom: 10px;
}
.margin_10_t {
	margin-top: 10px;
}
.margin_10_b {
	margin-bottom: 10px;
}
.margin_5_t {
	margin-top: 5px;
}
.margin_5_b {
	margin-bottom: 5px;
}
.margin_5_tb {
	margin-bottom: 5px;
	margin-top: 5px;
}
.margin_5_r {
	margin-right: 5px;
}
.margin_5_l {
	margin-left: 5px;
}
/* ▲余白系 */

/* ▼レスポンシブ */
.pc_hidden{
	display: none;
}
.display_none{
	display: none;
}
/* ▲レスポンシブ */
/* ▼ボタン */
.button_style {
  position: relative;
  display: inline-block;
  padding: .7rem 2rem;
  border: 2px solid #00663F;
  background-color: #00663F;
  color : #fff;
  text-align: center;
  text-decoration: none;
  transition: .3s;
  min-width : 100px;
  z-index : 0;
  overflow: hidden;
}
.button_style:hover {
  color: #00663F;
}
.button_style::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 120%;
  height: 100%;
  background: #fff;
  transform-origin: right top;
  transform: skewX(-30deg) scale(0, 1);
  transition: transform .3s;
}
.button_style:hover::before {
  transform-origin: left top;
  transform: skewX(-30deg) scale(1, 1);
}

.button_style.gold{
	border: 2px solid #958264;
	background-color: #958264;
}
.button_style.gold:hover {
  color: #958264;
}
.button_style.button_disabled{
	pointer-events : none;
	background-color : #B3B3B3;
	border-color : #B3B3B3;
}

/* ▲ボタン */
/* ▼パンくず */

#BREADCRUMB {
	display: block;
	margin-top: 10px;
}

#BREADCRUMB li {
	display: inline-block;
	font-size: 0.875rem;
	color: #989898;
}

#BREADCRUMB li a:hover {
	color: #00663F;
}

#BREADCRUMB li:not(:last-of-type)::after {
	content: ">";
	font-size: 0.85rem;
	vertical-align: middle;
	margin-left: 0.5em;
}

/* ▲パンくず */

/* フォーム */
input::placeholder, textarea::placeholder{
	color : #ccd4da;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{
	color : #ccd4da;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder{
	color : #ccd4da;
}
.input_disabled{
	background: #B3B3B3;
	pointer-events: none;
}
/* ▼リスト */
.list_style li{
	position : relative;
	padding-left : 2em;
	line-height : 2em;
}
.list_style li:before {
	content: "▶";
	margin-right: 10px;
	color: #B11F00;
	position : absolute;
	left : 0;
}
/* ▲リスト */

/* ▼ヘッダー */
header{
    background-color: #fff;
    position: fixed;
    top : 0;
    left : 0;
	width : 100%;
	z-index: 1000;
}
header.scroll_page_top:not(.scroll_over_eyecatch) {
	background-color: transparent;
	position : absolute;
}
header.scroll_over_eyecatch{
	animation: scrollDownMenu 0.5s both;
	background: transparent;
}
@keyframes scrollDownMenu{
	0%{transform : translateX(100%);}
	100%{transform : translateX(0%);}
}

#EYECATCH::before{
    content: "";
    height: 4px;
    width: 100%;
    background-image: linear-gradient(
        -90deg,
        rgba(0,102,63,1) 0px, rgba(0,102,63,1) 40%,
        rgba(177,31,0,1) 40%, rgba(177,31,0,1) 60%,
        rgba(0,102,63,1) 60%, rgba(0,102,63,1) 100%
    );
    position: absolute;
    bottom : 0;
    z-index: 1;
}
#EYECATCH .align_middle{
	width : 100%;
}
#HEADER_TOP{
    position : relative;
    height : 90px;
}
.scroll_over_eyecatch #HEADER_TOP{
	display: none;
}
#HEADER_MAIJI_LOGO{
    position : absolute;
    top :  10px;
}
#HEADER_LOGO{
    position : absolute;
    right : 0;
    left : 0;
    top : 15px;
    margin: auto;
    width : 73px;
}
#HEADER_TEL_WRAPPER{
    padding-top : 15px;
}
#HEADER_LINK_LIST:before{
	content : "";
	position : absolute;
	top : 0;
	left : calc(50% - 50vw);
	width : calc(50vw - 50%);
	height : 100%;
    background-image: linear-gradient(
        110deg,
        rgba(0,0,0,0) calc(100% - 26px),
        rgba(177,31,0,1) calc(100% - 25px), rgba(177,31,0,1) calc(100% - 21px),
        rgba(0,0,0,0) calc(100% - 20px), rgba(0,0,0,0) calc(100% - 16px),
        rgba(0,102,63,1) calc(100% - 15px), rgba(0,102,63,1) calc(100%)
    );
}
#HEADER_LINK_LIST::after{
	content : "";
	position : absolute;
	top : 0;
	right : calc(50% - 50vw);
	width : calc(50vw - 50%);
	height : 100%;
    background-image: linear-gradient(
        110deg,
        rgba(0,102,63,1) 0px, rgba(0,102,63,1) 15px,
        rgba(0,0,0,0) 16px, rgba(0,0,0,0) 20px,
        rgba(177,31,0,1) 21px, rgba(177,31,0,1) 25px,
        rgba(0,0,0,0) 26px, rgba(0,0,0,0) 30px,
        rgba(0,102,63,1) 31px, rgba(0,102,63,1) 35px,
        rgba(0,0,0,0) 36px, rgba(0,0,0,0) 40px,
        rgba(0,102,63,1) 41px, rgba(0,102,63,1) 100%
    );
}
#HEADER_LINK_LIST{
	position : relative;
	background-color:rgba(0,102,63,1);
	height : 35px;
	width : calc(100% - 80px);
	padding : 0 10px;
	margin: auto;
}
.scroll_page_top:not(.scroll_over_eyecatch) #HEADER_LINK_LIST::before{
    background-image: linear-gradient(
        110deg,
        rgba(0,0,0,0) calc(100% - 26px),
        rgba(177,31,0,0.6) calc(100% - 25px), rgba(177,31,0,0.6) calc(100% - 21px),
        rgba(0,0,0,0) calc(100% - 20px), rgba(0,0,0,0) calc(100% - 16px),
        rgba(0,102,63,0.6) calc(100% - 15px), rgba(0,102,63,0.6) calc(100%)
    );
}
.scroll_page_top:not(.scroll_over_eyecatch)  #HEADER_LINK_LIST::after{
    background-image: linear-gradient(
        110deg,
        rgba(0,102,63,0.6) 0px, rgba(0,102,63,0.6) 15px,
        rgba(0,0,0,0) 16px, rgba(0,0,0,0) 20px,
        rgba(177,31,0,0.6) 21px, rgba(177,31,0,0.6) 25px,
        rgba(0,0,0,0) 26px, rgba(0,0,0,0) 30px,
        rgba(0,102,63,0.6) 31px, rgba(0,102,63,0.6) 35px,
        rgba(0,0,0,0) 36px, rgba(0,0,0,0) 40px,
        rgba(0,102,63,0.6) 41px, rgba(0,102,63,0.6) 100%
    );
}
.scroll_page_top:not(.scroll_over_eyecatch)  #HEADER_LINK_LIST{
	background-color:rgba(0,102,63,0.6);
}
#HEADER_LINK_LIST .side_menu{
	color : #fff;
	font-size : 12px;
	line-height: 35px;
	display: inline-block;
	transition: 0.2s;
}
#HEADER_LINK_LIST .side_menu:hover{
	opacity: 0.3;
}
#HEADER_LINK_LIST li img{
	vertical-align: middle;
}
#HEADER_TEL_COPY,
#HEADER_TEL_NUMBER{
	color : #808080;
	padding-left: calc(50% + 60px);
}

.scroll_page_top:not(.scroll_over_eyecatch)  #HEADER_TEL_COPY,
.scroll_page_top:not(.scroll_over_eyecatch)  #HEADER_TEL_NUMBER{
	color : #ffffff;
}
header:not(.scroll_page_top) + main{
	padding-top : 115px;
}
#HEADER_LINK_LIST .deployment_menu{
	position :absolute;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	left: 0;
	background : #fff;
	width : 100%;
	border : solid #00663F;
	border-width: 0px 3px 0px 3px;
}
#HEADER_LINK_LIST .deployment_menu a{
	display: block;
	padding : 0px 20px;
	min-width: 100%;
	overflow: hidden;
	transition: 0.2s;
	height: 0;
	color: #00663F;
}
#HEADER_LINK_LIST .deployment_menu a::before{
	content : "▶";
}
#HEADER_LINK_LIST .deployment_menu_base:hover .deployment_menu{
	height: auto;
	border-width: 0px 3px 3px;
}
#HEADER_LINK_LIST .deployment_menu_base:hover .deployment_menu a{
	height: 4em;
	line-height: 4em;
}
.deployment_menu_base:hover .deployment_menu li a {
	height : 28px;
	transition : 0.2s;
}

/* ▲ヘッダー */

/* label系 */

.label_style {
	font-size: 0.875rem;
	display: inline-block;
	padding: 10px 15px;
	margin: 0 0.5em 8px 0;
	line-height: 1em;
	border: 1px solid #808080;
	color: #808080;
	cursor: pointer;
	background: #fff;
}

input:checked+.label_style {
	border-color: #958264;
	background-color: #958264;
	color: #fff;
}
input.disable_choose+.label_style {
	border-color: #c1c1c1;
    background-color: #e6e6e6;
    color: #989898;
	pointer-events: none;
}

/* ▼タイトル */
.title_wrapper *{
	text-align: center;
}
.title_copy{
	font-size : 1rem;
	color: #808080;
}
.title_en{
	font-size : 3rem;
	font-weight: bold;
	line-height: 1em;
}
.title_en_accent{
	font-size: 1.8rem;
	font-weight: normal;
	margin : 0 0.5em;
	color: #808080;
}
.page_title{
	font-size: 1.8rem;
	color: #958264;
	font-weight: bold;
	line-height: 1.3em;
}
.contents_title{
	font-size : 1.125rem;
	padding-left : 40px;
	background-image: url(../img/contents_titile_mark.png);
	background-repeat: no-repeat;
	background-position: left top 0.2em;
	background-size: 1.5em;
	color: #808080;
}
.contents_title .contents_title_accent{
	font-size: 1.4em;
	color: #1A1A1A;
	font-weight: bold;
}
.slash_accent{
	padding-left : 1.5em;
	background-image: url(../img/contents_titile_mark.png);
	background-repeat: no-repeat;
	background-position: left top 0.2em;
	background-size: 1.2em;
	color: #808080;
	display: inline;
}
.subtitle{
	color: #958264;
	font-size : 1.5rem;
}
.title_under_arrow{
	margin-bottom : 80px;
	position : relative;
}
.title_under_arrow::after{
	content : "";
	position : absolute;
	bottom : calc(-50% - 40px);
	left : 50%;
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	width : 40px;
	height : 40px;
	border : 20px solid;
	border-color: #1A1A1A transparent transparent transparent;
}
/* ▲タイトル */
/* ▼ニュース */
.news_datetime{
	font-size: 0.875rem;
	color : #808080;
	width : 120px;
}
.news_text{
	width : calc(100% - 120px);
	overflow: hidden;
    text-overflow: ellipsis;
	font-size: 0.875rem;
    white-space: nowrap;
}
.two_column > *{
	width : calc(50% - 30px);
}
/* ▲ニュース */

/* 相談会 */
#STUDY_AND_CONSULTING_TITLE_IMG{
    width : 360px;
}
#STUDY_AND_CONSULTING_TITLE_TEXT{
    width : calc(100% - 360px);
    padding-left: 50px;
}
.consulting_tile{
    position: relative;
}
.consulting_status{
	display: inline-block;
	background-color: #00663F;
	color : #fff;
	padding : 0.5em 1em;
	font-size : 0.875rem;
	line-height: 1em;
	vertical-align: middle;
}
.consulting_status.red{
    background-color: #B11F00;
}
.consulting_date{
    width : 70px;
	padding : 5px;
	padding-top: 10px;
    text-align: center;
    border : 1px solid #808080;
}
.consulting_date span{
    display: inline-block;
    line-height: 1em;
}
.consulting_date_month,
.consulting_date_day{
    padding-bottom : 5px;
    margin-bottom: 5px;
    border-bottom : 2px solid #808080;
}
.consulting_content{
    width : calc(100% - 80px);
    padding-left : 30px;
}
.consulting_datetime{
    padding-left:  20px;
    background-image: url(../img/icon_consulting_datetime_gray.png);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 30px;
    margin-right: 10px;
}
.consulting_plece{
    padding-left:  20px;
    background-image: url(../img/icon_consulting_place_gray.png);
    background-repeat: no-repeat;
    background-position: left center;
}
/* ▼CTA */
.member_entry_cta{
	position : relative;
	background-image: url(../img/cta_bg.jpg);
	background-size : cover;
	background-position : bottom center;
	padding : 60px 0;
	overflow: hidden;
}
.member_entry_cta::before,
.member_entry_cta::after{
	content: "";
    height: 4px;
    width: 100%;
    background-image: linear-gradient(
        -90deg,
        rgba(0,102,63,1) 0px, rgba(0,102,63,1) 40%,
        rgba(177,31,0,1) 40%, rgba(177,31,0,1) 60%,
        rgba(0,102,63,1) 60%, rgba(0,102,63,1) 100%
	);
	position : absolute;
	left : 0;
}
.member_entry_cta::before{
	top : 0;
}
.member_entry_cta::after{
	bottom : 0;
	z-index: 1;
}
.member_entry_cta .display_flex{
	-ms-justify-content : flex-end; /* IE10 */
	justify-content : flex-end;
}
.member_entry_cta_content{
	width : calc(100% - 600px);
}
.cta_link{
	background: #00663F;
	background-image: linear-gradient(
		110deg,
        rgba(177,31,0,1) 50%, rgba(177,31,0,1) calc(50% + 120px),
		rgba(0,102,63,1)  calc(50% + 120px), rgba(0,102,63,1) 100%
	);
	background-repeat: no-repeat;
	background-position : right;
	background-size: 200%;
	display: inline-block;
	max-width : 500px;
}

.cta_link *{
    color: #ffffff;
}
.cta_link_accent{
	padding : 10px 15px;
	display: inline-block;
	text-align: center;
	position: relative;
	padding-right: 15px;
	vertical-align: middle;
	width : 135px;
}

.cta_link:hover{
	animation: changeBackgroundDeg 0.6s ease-in-out both;
}
.bg_trans_green {
	background : rgba(0,102,63,0.6);
	width : 100%;
}
@keyframes changeBackgroundDeg {
	0%{background-position : right  center}
	60%{background-position : right 20px center;}
	100%{background-position : left  center;}
}
.cta_link_text{
	line-height: 1.3em;
	padding-left: 10px;
	padding-right: 30px;
	display: inline-block;
	width: calc(100% - 135px);
	text-align: center;
	vertical-align: middle;
}
.cta_present{
    width : 580px;
	margin: auto 20px auto auto;
}
.member_entry_annotation{
	background-color: #f7e9e6;
	padding : 15px 30px;
	color: #B11F00;
	margin : 30px 0;
}
.member_entry_campaign_content{
	width : calc(100% - 600px);
}
.member_entry_campaign{
	position : relative;
	background-image: url(../img/background_present.jpeg);
	background-size : cover;
	background-position : bottom center;
	padding : 50px 0;
	height: auto;
}
.campaign_present{
    width : 600px;
	margin: auto -23px auto auto;
}
.campaign_march{
	display: inline-block;
	border: 1px solid #00663F;
	background-color: rgb(255, 255, 255,0.7);
	text-align: center;
	position: relative;
	vertical-align: middle;
	width : 95px;
	padding: 5px;
    margin: 0px 5px 5px 0px;
	grid-area: box1;
}
.campaign_name {
	grid-area: box2;
	place-content: space-evenly;

  }
.campaign_date {
	grid-area: box3;
  }
.campaign_content {
	grid-area: box4;
	margin-top: 5px;
  }
  .member_entry_campaig_layout{
	align-items: center;
  }
.member_entry_campaign_present{
	display: grid;
	margin: 30px 0px auto 0px;
	place-content: center;
	grid-template-rows: 50px auto;
    grid-template-columns: 105px auto;
	grid-template-areas:
	  "box1 box2"
	  "box4 box4";
}
.campaign_notice{
	padding-top: 8px;
	word-break: keep-all;
}

/* ▲CTA */
/* ▼物件件数 */
.estate_count{
    color: #808080;
}
.count_number{
    font-size : 2em;
    font-weight: bold;
    color: #1a1a1a;
    margin-right : 5px;
    letter-spacing: 0px;
}
/* ▲物件件数 */
/* 物件ラベル */
.estate_label{
	display: inline-block;
	padding : 0px 10px;
	background-color: #f1f1f1;
	font-size : 0.75rem;
	vertical-align : middle;
}
.estate_label + .estate_label{
	margin-left : 10px;
}
.estate_label.new{
	background-color: #00663F;
	color: #fff;
}
.estate_label.price_down{
	background-color: #B11F00;
	color: #fff;
}
.estate_label.sales{
	background-color: #1a1a1a;
	color: #fff;
}
.estate_label.pick_up{
	background-color: #958264;
	color: #fff;
}
/* ▲物件ラベル*/
/* 物件種別 */
.search_category_list_wrapper{
	width : 240px;
	margin-bottom : 10px;
}
.search_category_list{
    width : 200px;
    height : 200px;
    border-radius: 50%;
    border : 1px solid #dddddd;
    position : relative;
    padding-top : 120px;
	transition: 0.2s;
	cursor : pointer;
	margin : 10px 20px;
}
.search_category_list:hover{
    background : #E6E6E6;
    border-color: #E6E6E6;
}
.search_category_list img{
	position : absolute;
	max-height : 60px;
    top : 40px;
	left : 50%;
	max-height: 60px;
	-ms-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}
/* 現地販売会 */
.pickup_sale .exhibition_and_sale_image{
    width : 40%;
}
.exhibition_and_sale_image{
    position: relative;
}
.exhibition_and_sale_accent{
    position : absolute;
    top : 0px;
    right: 0px;
    transform: translateY(-50%);
    background-color: #fff;
}
.exhibition_and_sale_accent > div{
    padding : 0.3em 1em;
}
.exhibition_and_sale_accent_top{
    background : #00663F;
    color: #fff;
}
.exhibition_and_sale_overview{
    margin : 30px;
}
.pickup_sale_title img{
    height: 2.5em;
    margin-right: 0.5em;
}
.pickup_sale .exhibition_and_sale_content{
    width : 60%;
    padding-left: 100px;
}
.exhibition_and_sale_tile{
    width : 330px;
    position: relative;
    margin-right: calc((100% - (330px * 3)) / 2);
}
.exhibition_and_sale_tile:nth-child(3n){
    margin-right: 0;
}
/* ▼フッター */
#FOOTER_SALE_AREA{
	background : #f3f3f3;
	padding : 50px 0;

}
.footer_sale_area_title{
	width : 70px;
}
.footer_sale_area_list{
	width : calc(100% - 70px);
}
.footer_sale_line_title{
	width : 100%;
}
.footer_sale_line_list{
	width : 100%;
}
.footer_sale_area_list li,
.footer_sale_line_list li{
	display: inline-block;
	color : #808080;
	font-size : 0.875rem;
}
.footer_sale_area_list li:not(:last-of-type)::after,
.footer_sale_line_list li:not(:last-of-type)::after {
	content: " / ";
	margin-right: 0.2em;
}
footer{
	background-color: #666666;
}
#FOOTER_LINK{
	padding : 50px 0;
}
.fotter_link_category{
	margin-right : 60px;
	margin-bottom : 20px;
}
.fotter_link_list li{
	color : #c1c1c1;
	font-size : 0.875rem;
	margin-bottom : 5px;
}
#FOOTER_SNS{
	justify-content: center;
	gap: 10px;
	padding-bottom: 10px;
}
.icon_instagram{
	width: 60%;
}
.banner_fotter{
	margin : 0px 0px 0px 10px;
}
.banner_fotter img{
	max-height : 50px;
}
#COPYRIGHT{
	text-align: center;
	color: #c1c1c1;
	border-top: 1px solid #808080;
	font-size: 0.75rem;
	padding : 10px;
}
.icon_line{
	width: 35px;
    position: relative;
    left: -20px;
}
/* ▲フッター */
/* 学区検索 */
.school_list .text_link{
	min-width : 180px;
	margin-right: 50px;
	margin-bottom : 20px;
	padding-right: 20px;
	position : relative;
}
.school_list .text_link::after{
	content : "▶";
	position : absolute;
	right : 0;
}
/* インフォメーション用 */
.infomation{
	padding : 30px;
	border : 4px solid #00663F;
}
/* SDGs */
#SDGS_ICON{
	position: absolute;
	width : 40px;
	height : 40px;
	bottom : 25px;
	left : calc(50% + 50px);
	background-color: #fff;
}
#SDGS_TEXT{
	position: absolute;
	font-size: 9px;
	color: #ffffff;
	top : 70px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
/* ウクライナ */
#UKRAINE_ICON{
	position: absolute;
	width : 30px;
	height : 20px;
	bottom : 25px;
	right : calc(50% + 50px);
}

/* 動画表示 */
#youtube{
	background-attachment: unset !important;
}
#EYECATCH_MOVIE{
	width : 100%;
	clear: both;
	position :relative;
}
/*
#EYECATCH_MOVIE:before{
	content : "";
	position : absolute;
	width : 100%;
	height : 100%;
	background-color: #00663F;
	background-size: cover;
	top : 0;
	left : 0;
	opacity: 1;
	transition : 0.5s;
	display: block;
	z-index: 10;
}
*/
#EYECATCH_MOVIE.hidden_preview:before{
	opacity: 0;
}
#MOVIE_PLAY_SWITCH_BUTTON{
	cursor: pointer;
}
#MOVIE_PLAY_VOL_WRAPPER{
	position : absolute;
	z-index: 20;
	bottom : 10px;
	left: 10px;
}
#MOVIE_PLAY_VOL{
    -webkit-appearance:none;
    background:rgba(255,255,255,0.5);
    height:4px;
    width:50px;
	border-radius:8px;
	opacity: 0;
}
#MOVIE_PLAY_VOL_WRAPPER:hover #MOVIE_PLAY_VOL{
	opacity: 1;
}
#MOVIE_PLAY_VOL::-webkit-slider-thumb{
	-webkit-appearance:none;
	background:#fff;
	height:10px;
	width:10px;
	border-radius:50%;
}
#MOVIE_PLAY_VOL::-ms-tooltip{
	display:none;
}
#MOVIE_PLAY_VOL::-moz-range-track{
	height:0;
}
#MOVIE_PLAY_VOL::-moz-range-thumb{
	background:#fff;
	height:10px;
	width:10px;
	border:none;
	border-radius:50%;
}
#MOVIE_PLAY_VOL_ICON{
	width : 30px;
	height : 30px;
	background-image: url(/img/icon_vol.png);
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}
#MOVIE_PLAY_VOL_SWITCH:checked + #MOVIE_PLAY_VOL_ICON{
	background-image: url(/img/icon_mute.png);
}
.inlinePlayButton{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/img/icon_movie_play.png);
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	color: transparent;
	cursor: pointer;
	pointer-events: none;
}
.loading{
	color: transparent;
}
#MOVIE_SEEK_WRAPPER{
	position: absolute;
	bottom : 50px;
	width : 100%;
	z-index: 20;
}
#MOVIE_SEEK{
	width: calc(100% - 20px);
	margin: auto;
	display: block;
    background:rgba(255,255,255,0.5);
    height:4px;
	border-radius:8px;
	opacity: 0;
}
#MOVIE_SEEK_WRAPPER:hover #MOVIE_SEEK{
	opacity: 1;
}
#MOVIE_SEEK::-webkit-slider-thumb{
	-webkit-appearance:none;
	background:#fff;
	height:10px;
	width:10px;
	border-radius:50%;
}
#MOVIE_SEEK::-ms-tooltip{
	display:none;
}
#MOVIE_SEEK::-moz-range-track{
	height:0;
}
#MOVIE_SEEK::-moz-range-thumb{
	background:#fff;
	height:10px;
	width:10px;
	border:none;
	border-radius:50%;
}

/* ----------------------------------------------------------------------------- */
/* 1500px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width: 1500px){
	.echo_catch {
		left : 0;
		width : 500px;
	}
	.echo_catch_call {
		left: 5%;
	    top: -50px;
	    font-size: 2.4rem;
	}
	.echo_name {
		font-size : 2.5rem;
	}
	.echo_catch_text {
		font-size : 1.7rem;
	}
}

/* ----------------------------------------------------------------------------- */
/* 1200px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width: 1200px) {
	#HEADER_TEL_COPY{
		font-size : 0.875rem;
	}
	/* CTA */
    .member_entry_cta{
        background-position: left -200px bottom;
    }
	.member_entry_cta_content{
		width : calc(100% - 470px);
	}
	.member_entry_cta_content .font_size_48{
		font-size : 1.8rem;
	}
	.member_entry_cta_content .font_size_24{
		font-size : 1.125rem;
	}
	.member_entry_cta_content .font_size_21{
		font-size : 1rem;
	}
    .cta_present{
        width : calc(400px - 20px);
    }

	.member_entry_campaign_content{
		width : calc(100% - 400px);
	}
	.member_entry_campaign{
		padding : 70px 0;
	}
	.campaign_present{
        width: calc(400px - 20px)
    }
	/* 現地販売会 */
	.exhibition_and_sale_tile{
		width : 300px;
		margin-right: calc((100% - (300px * 3)) / 2);
    }
}

/* ----------------------------------------------------------------------------- */
/* 1050px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width: 1050px) {
	/* 物件種別 */
	.search_category_list_wrapper{
		width : 200px;
	}
    .search_category_list{
        width : 180px;
        height : 180px;
        padding-top : 105px;
    }
    .search_category_list img{
        top : 30px;
        max-height : 80px;
	}
	.member_entry_campaign_content {
		width: calc(100% - 365px);
	}
	.member_entry_campaign{
		padding : 70px 0;
	}
	/* 現地販売会 */
    .exhibition_and_sale_tile{
        width : calc(50% - 30px);
        margin-right: 0;
    }
    .pickup_sale .exhibition_and_sale_content{
        padding-left: 50px;
    }
}
/* ----------------------------------------------------------------------------- */
/* 950px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width: 950px) {
    /* CTA */
    .member_entry_cta_content .font_size_21{
		font-size : 0.875rem;
	}
	.member_entry_cta_content .font_size_24{
		font-size: 1rem;
	}
	.cta_link{
		background-image: linear-gradient(
		110deg,
		rgba(177,31,0,1) 50%, rgba(177,31,0,1) calc(50% + 100px),
		rgba(0,102,63,1) calc(50% + 10px), rgba(0,102,63,1) 100%
		);
	}
	.member_entry_cta{
		background-size: 100%;
		background-position: left top -10vw;
		padding-top: 17.5vw;
        padding-bottom : 5vw;
		background-repeat: no-repeat;
		background-color: #067D71;
	}
	.member_entry_cta *{
        color : #ffffff;
    }
	.member_entry_cta_content{
		width : 100%;
		padding : 10px;
	}
	.member_entry_cta::before, .member_entry_cta::after{
		background-image: linear-gradient(
        -90deg,
        rgba(0,102,63,1) 0px, rgba(0,102,63,1) 30%,
        rgba(177,31,0,1) 30%, rgba(177,31,0,1) 70%,
        rgba(0,102,63,1) 70%, rgba(0,102,63,1) 100%
        );
	}
    .cta_link_text{
        padding-right: 15px;
        width : calc(100% - 120px);
    }
    .cta_link_accent{
        padding-right: 15px;
        width : 120px;
    }
    .cta_present{
        position: absolute;
        top : 0;
        left : 0px;
        height: 17.5vw;
        width : 100%;
        padding : 0px 60px 0px 60px;
        display: flex;
    }
    .cta_present img{
        top : 0;
        bottom: 0;
        margin: auto;
        max-width : 40%;
        max-height: 80%;
    }
	.member_entry_campaign_content {
		width: calc(100% - 0px);
	}
	.campaign_present {
		width: calc(400px - -275px);
		margin: 15px auto;
	}
	.campaign_notice{
		margin: 0px 10% 0px 10%;
	}
	.member_entry_campaign{
		padding : 70px 0px;
	}
	/* 物件種別 */
	.search_category_list_wrapper{
		width : 170px;
	}
    .search_category_list{
        width : 150px;
        height : 150px;
        padding-top : 80px;
    }
    .search_category_list img{
        max-height : 40px;
    }
    /* 相談会 */
    #STUDY_AND_CONSULTING_TITLE_TEXT{
        width : 100%;
        padding: 0;
        margin-top : 30px;
    }
    .echo_catch {
    	bottom : 10px;
    	left : 0%;
    	width : 300px;
    }
    .echo_catch_text {
    	font-size : 14px;
    }
    .echo_catch_call {
    	top: -60px;
	}
	/* 現地販売会 */
    .pickup_sale .exhibition_and_sale_image{
        width : 100%;
        margin-bottom : 30px;
    }
    .pickup_sale .exhibition_and_sale_content{
        width : 100%;
        padding : 0;
    }
    .exhibition_and_sale_tile{
        width : 100%;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -ms-align-items : center; /* IE10 */
	    align-items : center;
    }
    .exhibition_and_sale_image{
        width : 300px;
    }
    .exhibition_and_sale_content{
        width : calc(100% - 300px);
        padding-left: 50px;
    }
}
/* ----------------------------------------------------------------------------- */
/* 800px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width: 800px) {
	/* 物件種別 */
	.search_category_list_wrapper{
		width : 150px;
	}
    .search_category_list{
        width : 130px;
        height: 130px;
        padding-top : 60px;
    }
    .search_category_list img{
        max-height: 30px;
        top : 20px;
    }
	.campaign_present {
		width: calc(400px - 145px);
	}
}
/* ----------------------------------------------------------------------------- */
/* 750px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {
	#HEADER_TEL_WRAPPER{
		padding-top: 10px;
	}
	#HEADER_MAIJI_LOGO,
    #HEADER_TEL_NUMBER{
        display: none;
    }
    #HEADER_LOGO{
        right: auto;
    }
    #HEADER_TEL_COPY{
        padding-left: 70px;
	}
	#HEADER_NAV{
		width : 100px;
		padding-left: 50px;
		right: 0;
		bottom : 0px;
		position: absolute;
	}
    #HEADER_LINK_LIST{
        width : 50px;
        height : 45px;
        margin: 0;
	}
	#HEADER_LINK{
		position: fixed;
		right: 0;
		top : 0px;
		height : 100vh;
		background-color: #fff;
		display: block;
		padding-top : 50px;
		pointer-events: none;
		opacity: 0;
		transition: 0.5s;
		border: 4px solid;
		border-color: #00663F #00663F #00663F #B11F00;
		overflow-y: auto;
	}
	#HEADER_LINK_LIST::after{
		display : none;
	}
	#HEADER_LINK li{
		width : 100%;
	}
	#HEADER_LINK .side_menu,
	.login_or_mypage_link,
	.tel_shop_link{
		width : 100%;
		font-size : 1rem;
		padding : 0px 20px;
		background-color: #fff;
		text-align: left;
		color : #1a1a1a;
		z-index: 1000;
	}
	#HEADER_LINK .side_menu .hidden_text{
		font-size: 1rem;
		display: inline;
	}
	#HEADER_LINK_LIST .side_menu img{
		display: none;
	}
	#HEADER_LINK_LIST .deployment_menu{
		position :relative;
		border :none;
	}
	#HEADER_LINK_LIST .deployment_menu_base .deployment_menu a {
		height: 4em;
		line-height: 4em;
		padding : 0px 40px;
	}
	
	#SP_MENU_BUTTON {
		display: block;
		width: 45px;
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
		cursor: pointer;
		font-size: 10px;
		line-height: 1em;
		text-align: center;
		z-index: 1;
	}
	#SP_MENU_BUTTON span:nth-of-type(1) {
		top: calc((100% - 22px) / 2 + 1px);
	}
	#SP_MENU_BUTTON span:nth-of-type(2) {
		top: calc((100% - 22px) / 2 + 7px);
	}
	#SP_MENU_BUTTON span:nth-of-type(3) {
		top: calc((100% - 22px) / 2 + 13px);
	}
	#SP_MENU_SWITCH:checked + #SP_MENU_BUTTON + #HEADER_LINK_LIST #HEADER_LINK{
		opacity: 1;
		pointer-events: all;
	}
	#SP_MENU_SWITCH:checked + #SP_MENU_BUTTON{
		z-index: 0;
	}
	#SP_MENU_BUTTON span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		width: 22px;
		height: 2px;
		background-color: #fff;
	}
	#HEADER_NAV #HEADER_MENU_CLOSE{
		display: block;
		position : absolute;
		width : 50px;
		height: 50px;
		top : 0;
		right: 0;
	}
	#HEADER_LINK .pc_hidden{
		display: block;
	}
	#HEADER_LINK_LIST .button_style img{
		display: inline-block;
		margin-right: 10px;
		vertical-align: middle;
	}
	#HEADER_MENU_CLOSE label{
		color : #00663F;
		font-size : 40px;
		cursor: pointer;
	}
	#HEADER_LINK_LIST .sp_hidden{
		display: none;
	}
	#HEADER_LINK_LIST .side_menu:hover{
		opacity: 1;
	}
	.scroll_page_top #HEADER_LINK_LIST::after{
		background-image: linear-gradient(110deg,rgba(0,102,63,0.6) 0px, rgba(0,102,63,0.6) 100%);
	}
	header.scroll_over_eyecatch{
		height : 50px;
	}
	.title_under_arrow{
		margin-bottom : 80px;
	}
	header:not(.scroll_page_top) + main{
		padding-top : 80px;
	}
	/* CTA */
	.campaign_present {
		width: calc(400px - 10px);
		margin: 18px auto;
	}
	.member_entry_campaign{
		padding : 33px 0px 0px 0px;
	}
    /* 相談会 */
    #STUDY_AND_CONSULTING_TITLE_TEXT{
        max-width : 400px;
    }
    .echo_catch {
    	bottom : 30px;
    }
    .echo_name {
    	font-size : 1.5rem;
    }
    .echo_catch_text {
    	font-size : 12px;
    }
	/* SDGs */
	#SDGS_TEXT{
		text-align: left;
	}
	#SDGS_ICON{
		left: 90px;
	}
	#UKRAINE_ICON{
		right: auto;
    	left: 140px;
	}

}
@media screen and (max-width: 650px) {
	*{
		font-size: 14px;
	}
    /* 余白系(t=top b=bottom r=right l=left) */
	.margin_200_tb {
		margin-top: 25vw;
		margin-bottom: 25vw;
	}
	.margin_200_t {
		margin-top: 25vw;
	}
	.margin_200_b {
		margin-bottom: 25vw;
	}
	.margin_150_tb {
		margin-top: 22vw;
		margin-bottom: 22vw;
	}
	.margin_150_t {
		margin-top: 22vw;
	}
	.margin_150_b {
		margin-bottom: 22vw;
	}
	.margin_100_tb {
		margin-top: 20vw;
		margin-bottom: 20vw;
	}
	.margin_100_t {
		margin-top: 20vw;
	}
	.margin_100_b {
		margin-bottom: 20vw;
	}
	.margin_75_tb {
		margin-top: 15vw;
		margin-bottom: 15vw;
	}
	.margin_75_t {
		margin-top: 15vw;
	}
	.margin_75_b {
		margin-bottom: 15vw;
	}
	.margin_50_tb {
		margin-top: 10vw;
		margin-bottom: 10vw;
	}
	.margin_50_t {
		margin-top: 10vw;
	}
	.margin_50_b {
		margin-bottom: 10vw;
	}
	.width_minus_40{
		width : calc(100% - 20px);
	}
	.page_title {
		font-size: 1.8rem;
	}
	.content_title {
		font-size: 1.5rem;
	}
	.font_size_24 {
		font-size: 1.4rem;
	}
	.font_size_32 {
		font-size: 1.5rem;
	}
	.font_size_36 {
		font-size: 1.65rem;
	}
	.font_size_40 {
		font-size: 1.8rem;
	}
	.font_size_60{
		font-size : 2.5rem;
	}
	
	/* 物件種別 */
	.search_category_list_wrapper{
		width : 140px;
	}
    .search_category_list{
        margin: 5px;
    }
}

/* ----------------------------------------------------------------------------- */
/* 550px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width: 550px) {
	.title_en_accent{
		display: inline-block;
	}
    #EYECATCH::before{
        background-image: linear-gradient(
        -90deg,
        rgba(0,102,63,1) 0px, rgba(0,102,63,1) 30%,
        rgba(177,31,0,1) 30%, rgba(177,31,0,1) 70%,
        rgba(0,102,63,1) 70%, rgba(0,102,63,1) 100%
		)
	}
	#HEADER_TEL_COPY{
		padding: 0;
		font-size : 2vw;
	}
	#HEADER_LOGO{
		width : 50px;
		height : 35px;
		padding-top : 10px;
	}
	#HEADER_TOP{
		height : 70px;
	}
	header:not(.scroll_page_top) + main{
		padding-top : 70px;
	}
	.search_category_list{
		width : 120px;
		height : 120px;
	}

    /* CTA */
	/*
    .member_entry_cta {
        background-position: center top -5vw;
        padding-top: 28.5vw;
        background-size: 120%;
    }
    .cta_present {
        height: 28.5vw;
        max-width: 50%;
        margin-right: 30px;
    }*/
	.campaign_present {
		width: calc(400px - 75px);
	}
	/* 相談会 */
    .consulting_date{
        width : 50px;
        padding : 10px;
    }
    .consulting_date span{
        font-size : 1rem;
    }
    .consulting_date_month, .consulting_date_day {
        padding-bottom: 2px;
        margin-bottom: 2px;
        border-bottom: 1px solid #808080;
    }
    .consulting_date .consulting_date_weekday{
        line-height: 1.5rem;
        height : 1.5rem;
        overflow: hidden;
        display: inline-block;
    }
    .consulting_content{
        padding-left: 10px;
        width : calc(100% - 50px);
	}
	/* フッター */
	.fotter_link_category{
		width : 100%;
		margin-right: 0px;
	}
	.fotter_link_list{
		columns: 2;
		height : 0;
		overflow: hidden;
	}
	.footer_menu_switch + label{
		display: block;
		position : relative;
		cursor: pointer;
		border-bottom : 1px solid #808080;
	}
	.footer_menu_switch + label::after{
		content : "▼";
		position : absolute;
		bottom : 0;
		right: 0;
	}
	.footer_menu_switch:checked + label::after{
		content : "▲";
	}
	.footer_menu_switch:checked + label + .fotter_link_list{
		height: auto;
	}
	/* 学区検索 */
	.school_list .text_link{
		min-width : 150px;
		margin-right : 10px;
	}
	/* SDGs */
	#SDGS_ICON {
		left: 60px;
		bottom: 12px;
		width: 30px;
		height: 30px;
	}
	#UKRAINE_ICON {
		left: 100px;
		bottom: 12px;
	}

}
/* ----------------------------------------------------------------------------- */
/* 390px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width: 390px) {
	.member_entry_campaign_present{
		grid-template-rows: 42px 9px auto;
	}
	.campaign_content {
		margin-top: 15px;
	}
}