@charset "UTF-8";


body.brand .c-pagetitle {
  background-image: url(../images/brand/brand_fv.webp);
  background-size: cover;
  background-position: center;
}

body.brand .c-pagetitle__txt {
  color: var(--bodycolor);
}
body.brand .c-pagetitle__txt:after {
  background-color: var(--bodycolor);
}

@media screen and (max-width: 576px) {
	body.brand .c-pagetitle {
		background-image: url("../images/brand/mainimg_sp.webp");
	}
}


.c-pagetitle .annotation {
position: absolute;
right: 5px;
bottom: 5px;
font-size: 11px;
font-weight: 200;
color: var(--bodycolor);
/*	font-family: sans-serif;*/
	letter-spacing: 0.1em
}

ul{margin: 0;padding: 0;}

.c-pagetitle{height: 400px; color: white}


/*=====================

　　ブランドページ CSS

=====================*/



/*---------------------*/
/* from common.css */
/*---------------------*/
/*
body.brand .effect {
  opacity: 0;
  transform: translate(0, 0);
  transition: all 1s;
}
body.brand .effect_bottom {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1s;
}
body.brand .effect.scrollin,
body.brand .effect_top.scrollin,
body.brand .effect_bottom.scrollin,
body.brand .effect_left.scrollin,
body.brand .effect_right.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
*/
body.brand .wrap {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1140px) {
  body.brand .wrap {
      width: 90%;
  }
}
@media screen and (max-width: 768px) {
  body.brand .wrap {
      width: 94%;
  }
}

body.brand .l-article p {
  margin-bottom: 0;
}
body.brand .l-article img {
  /*display: block;*/
  image-rendering: -webkit-optimize-contrast;
}
body.brand .l-article li {
  list-style-type: none;
}
body.brand .l-article a {
  text-decoration: none;
}
body.brand .section {
  width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  body.brand .section {
      width: 94%;
  }
}

/*---------------------*/
/* 共通 */
/*---------------------*/
/*
.conBG {
	background: url(../images/brand/bg.webp) center top repeat;
	background-size: cover;
}
.conBG_02 {
	background: url(../images/brand/bg.webp) center top repeat;
	background-size: cover;
	padding: 6em 0;
}
*/
.conBG {
background: rgb(244,247,246);
background: linear-gradient(146deg, rgba(244,247,246,1) 0%, rgba(160,190,180,1) 100%);
}
.conBG_02 {
  background-image: url(../images/top/top_fv_bg.webp);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
	padding: 6em 0;
}

@media screen and (max-width: 576px) {
	.conBG_02 {
		padding: 4em 0;
	}
}



/*---------------------*/
/* メインビジュアル */
/*---------------------*/
#mainArea {
	position: relative;
	width: 100%;
	margin: auto;
	z-index: 0;
}
#mainArea h2.pagetitle {
	position: absolute;
	top: 45%;
	right: 5%;
	transform: translateY(-45%);
	font-size: 60px;
	letter-spacing: 0.1em;
	/*font-family: "trajan-pro-3", serif;*/
	font-weight: 400;
	font-style: normal;
	color: #FFF;
	text-shadow: 0px 0px 3px #000000;
	opacity: 0;
	animation: mainimg_ttl 1s ease-in-out 2s forwards;
	z-index: 99;
}
#mainArea .imageCap {
	width: 100%;
	height: 800px;
	animation: main_img 2s ease forwards;
}
#mainArea .imageCap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 80%;
}
@keyframes mainimg_ttl {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}
@keyframes main_img {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media screen and (max-width: 768px) {
	 #mainArea {
		position: relative;
		width: 100%;
		margin: auto;
		z-index: 0;
	}
	#mainArea h2.pagetitle {
		font-size: 7.813vw;
	}
	#mainArea .imageCap {
		height: 90vw;
	}
}
@media screen and (max-width: 576px) {
	#mainArea h2.pagetitle {
		font-size: 8.681vw;
	}
}





/*---------------------*/
/*コンテンツエリア #conArea_01*/
/*---------------------*/
#conArea_01 {
	padding: 6em 0;
}
/*#conArea_01 .copy {
	background: url(../images/brand/copy01_bg.webp) center top no-repeat;
	background-size: contain;
	padding: 0.5em 0;
}*/
#conArea_01 .copy p {
	font-size: 24px;
	line-height: 1.8;
	color: #333;
	text-align: center;
	letter-spacing: 0.1em;
}

#conArea_01 .leafia_logo {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 75%;
	max-width: 800px;
	margin: auto;
	padding: 5em 0;
}
#conArea_01 .leafia_logo .logo {
	width: 40%;
}
#conArea_01 .leafia_logo .txt {
	margin-top: -.75em;
	font-size: 14px;
	line-height: 2.4;
	color: #333;
	text-align: left;
	letter-spacing: 0.1em;
}
#conArea_01 .leafia_img {
	width: 100%;
	margin-bottom: 6em;
}

#conArea_01 .odakyu_logo {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	/*
	width: 90%;
	max-width: 900px;
	margin: auto;
	*/
}
#conArea_01 .odakyu_logo .logo {
	width: 38%;
}
#conArea_01 .odakyu_logo .txt {
	font-size: 14px;
	line-height: 2.4;
	color: #333;
	text-align: center;
	letter-spacing: 0.1em;
}
#conArea_01 .odakyu_logo .txt span {
	padding: .2em 0.1em;
	color: var(--themecolor);
	background-color: rgba(255, 255, 255, .5);
}

@media screen and (max-width: 768px) {
	#conArea_01 .copy {
		margin-bottom: 2em;
	}
	#conArea_01 .copy p {
		font-size: 3.125vw;
		line-height: 1.8;
	}
	
	#conArea_01 .leafia_logo {
		width: 90%;
		max-width: initial;
		margin: auto;
		padding: 4em 0;
	}
	#conArea_01 .leafia_logo .logo {
		width: 35%;
	}
	#conArea_01 .leafia_logo .txt {
		font-size: 1.823vw;
		line-height: 2.4;
    text-align: justify/**/;
	}
	#conArea_01 .leafia_img {
		width: 100%;
		margin-bottom: 5em;
	}

	#conArea_01 .odakyu_logo {
		display: block;
		width: 94%;
		max-width: initial;
		margin: auto;
	}
	#conArea_01 .odakyu_logo .logo {
		width: 38%;
		margin: 0 auto 2em;
	}
	#conArea_01 .odakyu_logo .txt {
		font-size: 1.823vw;
		line-height: 2.4;
		text-align: center;
	}
}
@media screen and (max-width: 576px) {
	#conArea_01 {
		padding: 4em 0;
	}
	#conArea_01 .copy {
		background-size: 100% 100%;
		padding: 1em 0;
		margin-bottom: 1em;
	}
	#conArea_01 .copy p {
		font-size: 3.819vw;
		line-height: 1.6;
	}

	#conArea_01 .leafia_logo {
		display: block;
		width: 85%;
		margin: auto;
		padding: 2em 0 3em;
	}
	#conArea_01 .leafia_logo .logo {
		width: 50%;
		margin: 0 auto 2em;
	}
	#conArea_01 .leafia_logo .txt {
		font-size: 2.431vw;
		line-height: 2.4;
		text-align: center;
	}
	#conArea_01 .leafia_img {
		width: 100%;
		margin-bottom: 4em;
	}

	#conArea_01 .odakyu_logo {
		display: block;
		width: 100%;
		margin: auto;
	}
	#conArea_01 .odakyu_logo .logo {
		width: 60%;
		margin: 0 auto 2em;
	}
	#conArea_01 .odakyu_logo .txt {
		font-size: 2.231vw;
		line-height: 2.4;
		text-align: center;
	}
}





/*---------------------*/
/*実績写真ループ #odakyu_img*/
/*---------------------*/
#odakyu_img {
	width: 100%;
}
.loopSlide {
	display: flex;
	overflow: hidden;
}
.loopSlide ul.list_img {
	display: flex;
}
.loopSlide .list_img li:nth-child(1) {
	width: 500px;
}
.loopSlide .list_img li:nth-child(2) {
	width: 213px;
}
.loopSlide .list_img li:nth-child(3) {
	width: 425px;
}
.loopSlide .list_img li:nth-child(4) {
	width: 425px;
}
.loopSlide .list_img li:nth-child(5) {
	width: 462px;
}
.loopSlide .list_img li:nth-child(6) {
	width: 452px;
}
.loopSlide .list_img li:nth-child(7) {
	width: 452px;
}
#odakyu_img .list--left {
	animation :infinity-scroll-left 65s infinite linear 0.5s both;
}
#odakyu_img .cap {
	font-size: 12px;
	line-height: 1.4;
	color: #333;
	text-align: left;
	letter-spacing: 0.1em;
	margin-top: 0.3em;
}
#odakyu_img .cap_r {
	font-size: 12px;
	line-height: 1.4;
	color: #333;
	text-align: right;
	letter-spacing: 0.1em;
	margin-top: 0.3em;
}

@keyframes infinity-scroll-left {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-100%);
	}
}

@media screen and (max-width: 768px) {
	#odakyu_img .cap {
		font-size: 1.563vw;
	}
	#odakyu_img .cap_r {
		font-size: 1.563vw;
	}
}
@media screen and (max-width: 576px) {
	#odakyu_img .cap {
		font-size: 2.083vw;
	}
	#odakyu_img .cap_r {
		font-size: 2.083vw;
	}
}





/*---------------------*/
/*コンテンツエリア #conArea_03*/
/*---------------------*/
#conArea_03 {
	padding: 6em 0;
	background-color: #F1F1F1;
}
#conArea_03 .record＿ttl {
	font-size: 20px;
	line-height: 1.8;
	color: #333;
	text-align: center;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #333;
	margin-bottom: 1.5em;
}
#conArea_03 .name {
	font-size: 24px;
	line-height: 1;
	color: #333;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 1em;
}
#conArea_03 .name span {
	font-size: 14px;
}

#conArea_03 .record＿img {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#conArea_03 .record＿img.lst {
	margin-bottom: 5em;
}
#conArea_03 .record＿img li {
	width: 49%;
	margin-bottom: 1em;
}
#conArea_03 .record＿img li:nth-child(3),
#conArea_03 .record＿img li:nth-child(4) {
	margin-bottom: 0;
}

@media screen and (max-width: 768px) {
	#conArea_03 {
		padding: 5em 0;
	}
	#conArea_03 .record＿ttl {
		font-size: 2.604vw;
		line-height: 1.8;
	}
	#conArea_03 .name {
		font-size: 3.125vw;
		line-height: 1;
	}
	#conArea_03 .name span {
		font-size: 1.823vw;
	}

	#conArea_03 .record＿img.lst {
		margin-bottom: 4em;
	}
}
@media screen and (max-width: 576px) {
	#conArea_03 {
		padding: 4em 0 1em;
	}
	#conArea_03 .record＿ttl {
		font-size: 3.472vw;
		line-height: 1.8;
		margin-bottom: 1.5em;
	}
	#conArea_03 .name {
		font-size: 4.167vw;
		line-height: 1;
		margin-bottom: 1em;
		letter-spacing: 0;
	}
	#conArea_03 .name span {
		font-size: 2.431vw;
	}

	#conArea_03 .record＿img.lst {
		margin-bottom: 3em;
	}
	#conArea_03 .record＿img li {
		margin-bottom: 0.6em;
	}
}





/*---------------------*/
/*コンテンツエリア #conArea_04*/
/*---------------------*/
#conArea_04 {
	margin-bottom: 3em;
}
#conArea_04 .ttlArea {
	background: linear-gradient(90deg, rgba(237, 232, 189, 1), rgba(158, 144, 101, 1));
	padding: 1.5em 0;
}
#conArea_04 .ttlArea p {
	font-size: 28px;
	line-height: 1.6;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.1em;
}
#conArea_04 .ttlArea p b{font-size: 110%;}

#conArea_04 .mainCon {
	width: 100%;
	background: #FFF;
	padding: 3em;
	box-sizing: border-box;
}

#conArea_04 .suumoLogoWrap{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center}

#conArea_04 .suumo_logo {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 50px;
	margin-bottom: 2em;
	width: 40%;
}
#conArea_04 .suumo_logo img {
	width: 60%;
}
#conArea_04 .suumo_logo p {
	width: 100%;
	/*font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 24px;
	line-height: 2.2;
	color: #333;
	text-align: center;
	letter-spacing: 0em;
	font-weight: bold;
}

#conArea_04 .main_txt {
	font-size: 16px;
	line-height: 2.2;
	color: #333;
	letter-spacing: 0.1em;
	margin-bottom: 3em;
	width: 58%;
	text-align: left;
}
#conArea_04 .img {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2%;
}
#conArea_04 .img li {
	width: 32%;
}
#conArea_04 .img .cap {
	font-size: 12px;
	line-height: 1.4;
	color: #333;
	text-align: right;
	margin-top: 0.3em;
}

@media screen and (max-width: 768px) {
	#conArea_04 .ttlArea p {
		font-size: 3.646vw;
		line-height: 1.6;
	}
	#conArea_04 .mainCon {
		padding: 2em;
	}

	#conArea_04 .suumo_logo {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 30px;
		margin-bottom: 2em;
	}
	#conArea_04 .suumo_logo img {
		width: 40%;
	}
	#conArea_04 .suumo_logo p {
		width: 45%;
		font-size: 2.344vw;
	}

	#conArea_04 .main_txt {
		font-size: 2.083vw;
		line-height: 2.2;
		margin-bottom: 3em;
    text-align: justify/**/;
	}
	#conArea_04 .img {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#conArea_04 .img li {
		width: 49%;
		margin-bottom: 1em;
	}
	#conArea_04 .img li:last-child {
		width: 49%;
		margin: 0 auto;
	}
	#conArea_04 .img .cap {
		font-size: 1.563vw;
	}
	#conArea_04 .suumo_logo {width: 100%; margin-bottom: 10px;}
	#conArea_04 .main_txt {width: 100%;}
}
@media screen and (max-width: 576px) {
	#conArea_04 {
		margin-bottom: 3em;
	}
	#conArea_04 .ttlArea p {
		font-size: 3.967vw;
		line-height: 1.6;
		letter-spacing: 0;
	}
	#conArea_04 .mainCon {
		padding: 2em 1em;
	}

	#conArea_04 .suumo_logo {
		display: block;
		margin-bottom: 2em;
	}
	#conArea_04 .suumo_logo img {
		width: 60%;
		margin: 0 auto 1em;
	}
	#conArea_04 .suumo_logo p {
		width: 80%;
		font-size: 3.125vw;
		line-height: 2.2;
		margin: auto;
		text-align: left;
		font-weight: 300;
	}

	#conArea_04 .main_txt {
		font-size: 2.778vw;
		line-height: 2.2;
		margin-bottom: 2em;
	}
	#conArea_04 .img {
		display: block;
	}
	#conArea_04 .img li {
		width: 100%;
	}
	#conArea_04 .img li:last-child {
		width: 100%;
	}
	#conArea_04 .img .cap {
		font-size: 2.083vw;
	}
}





/*---------------------*/
/*コンテンツエリア #conArea_05*/
/*---------------------*/
#conArea_05 {
	margin-bottom: 3em;
}
#conArea_05 .ttlArea {
	background: linear-gradient(90deg, rgba(237, 232, 189, 1), rgba(158, 144, 101, 1));
	padding: 1.5em 0;
}
#conArea_05 .ttlArea > p {
	font-size: 24px;
	line-height: 1.6;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.1em;
}
#conArea_05 .ttlArea > p b{font-size: 110%;}
#conArea_05 .mainCon {
	width: 100%;
	background: #FFF;
	padding: 1em 3em 3em;
	box-sizing: border-box;
}

#conArea_05 .gda_logo {
	width: 35%;
	max-width: 450px;
	margin: 0 auto 1em;
}

#conArea_05 .main_txt {
	font-size: 16px;
	line-height: 2.2;
	color: #333;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 3em;
}
#conArea_05 .img {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.5em;
	margin-bottom: 3em;
}
#conArea_05 .img > li {
	width: calc((100% - 1em) / 3);
}

#conArea_05 .infoArea {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#conArea_05 .infoArea > li {
	width: 48%;
}

#conArea_05 .ttl {
	/*font-family:  "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 18px;
	line-height: 2.2;
	color: #333;
	text-align: left;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #333;
	margin-bottom: 1.5em;
}

.summary li {
	width: 100%;
	display: flex;
	justify-content: start;
	font-size: 14px;
	line-height: 2.2;
	color: #333;
	letter-spacing: 0;
	text-align: left;
}
.summary li > .cat {
	position: relative;
	width: 16%;
	padding-right: 3%;
	margin-right: 3%;
	text-align-last:justify;
}
.summary li > .cat:after {
	content: '';
	position: absolute;
	top: 0.6em;
	right: 0;
	height: 16px;
	border-right: 1px solid #333;
	transform: rotate(30deg);
}
.summary li > .cat_txt {
	width: 78%;
}

#conArea_05 .txt {
	font-size: 14px;
	line-height: 2;
	color: #333;
	text-align: left;
	letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
	#conArea_05 .ttlArea > p {
		font-size: 3.646vw;
		line-height: 1.6;
	}
	#conArea_05 .mainCon {
		padding: 1em 2em 3em;
	}

	#conArea_05 .gda_logo {
		width: 60%;
		max-width: initial;
		margin: 0 auto 1em;
	}

	#conArea_05 .main_txt {
		font-size: 2.083vw;
		line-height: 2.2;
		margin-bottom: 3em;
    text-align: justify/**/;
	}

	#conArea_05 .infoArea {
		display: block;
	}
	#conArea_05 .infoArea > li {
		width: 100%;
		margin-bottom: 2em;
	}
	#conArea_05 .infoArea > li:last-child {
		margin-bottom: 0;
	}

	#conArea_05 .ttl {
		font-size: 2.344vw;
		line-height: 2.2;
		margin-bottom: 1.2em;
	}

	.summary li {
		font-size: 1.823vw;
		line-height: 2.2;
	}
	.summary li > .cat:after {
		height: 2vw;
	}

	#conArea_05 .txt {
		font-size: 1.823vw;
		line-height: 2;
	}
}
@media screen and (max-width: 576px) {
	#conArea_05 {
		margin-bottom: 3em;
	}
	#conArea_05 .ttlArea > p {
		font-size: 4.167vw;
		line-height: 1.6;
		letter-spacing: 0;
	}
	#conArea_05 .mainCon {
		padding: 1em 2em 3em;
	}

	#conArea_05 .gda_logo {
		width: 80%;
		margin: 0 auto 1em;
	}

	#conArea_05 .main_txt {
		font-size: 2.778vw;
		line-height: 2.2;
		margin-bottom: 2em;
	}
	#conArea_05 .img {
		display: flex;
		margin-bottom: 2em;
		gap: 0.5em;
	}
	#conArea_05 .img > li {
		width: 100%;
	}

	#conArea_05 .ttl {
		font-size: 3.125vw;
		margin-bottom: 1em;
	}

	.summary li {
		font-size: 2.431vw;
		line-height: 2.2;
	}
	.summary li > .cat {
		position: relative;
		width: 18%;
	}
	.summary li > .cat:after {
		top: 0.5em;
		height: 3vw;
	}
	.summary li > .cat_txt {
		width: 76%;
	}

	#conArea_05 .txt {
		font-size: 2.431vw;
		line-height: 2;
	}
}





/*---------------------*/
/*リンクボタン .btnArea*/
/*---------------------*/
.btnArea {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
}
.btn_item {
	width: 35%;
}
.btn_item a {
	transition: all .6s;
}
.btn_item a:hover {
	opacity: 0.6;
}

@media screen and (max-width: 768px) {
	.btn_item {
		width: calc((100% - 1em) / 2);
	}
}
@media screen and (max-width: 576px) {
	.btnArea {
		display: block;
	}
	.btn_item {
		width: 100%;
	}
	.btn_item:first-child {
		margin-bottom: 1em;
	}
}
.hashimotoWrap{display: flex; justify-content: space-between; flex-wrap: wrap;margin-bottom: 40px; align-items: center}
.hashimotoWrap p.main_txt{width: 58%; text-align: left!important;}
.hashimotoWrap figure{width: 40%;}
.hashimotoImg{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 100px;}
.hashimotoImg figure{width: 49%;}
@media screen and (max-width: 768px) {
	.hashimotoWrap p.main_txt{width: 100%; margin-bottom: 40px;}
	.hashimotoWrap {margin-bottom: 0;}
	.hashimotoWrap figure{width: 100%;}
	.hashimotoImg figure{width: 100%; padding:  0 0 10px;margin-bottom: 0!important;}

}