@charset "utf-8";

:root {
	/* メインカラー コーラル */
	--color10: #F5989D;

	/* メインの薄いver */
	--color11:#F2CBC9;

	/* サブカラー　オレンジnew */
	--color20:#F9AE3B;

	/* サブの薄いver */
	--color21:#F9DAAD;

	/* 各ブランドカラー */
	--color_b_tsunagu:#ffd980;
	--color_b_trettio:#BAD0D7;
}



.bg-mama{background:var(--color10);}
.bg-reno{background:var(--color20);}
.bg-tsunagu{background:var(--color_b_tsunagu);}
.bg-trettio{background:var(--color_b_trettio);}


* {
	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "Helvetica", "ＭＳ Ｐゴシック", "Arial", "Verdana", "sans-serif";
	box-sizing: border-box;
	list-style: none}
html {
	font-size: 62.5%;
	color: #3c3c3c;
	background-color: #FFF;
}

img {
	vertical-align: middle;
	border: 0;
}

ul,
ol {
	-webkit-padding-start: 0px;
	margin: 0;
}

a {
	text-decoration: none;
}

a:link {
	color: #3c3c3c;
}

a:visited {
	color: #3c3c3c;
}

a:hover {
	color: #3c3c3c;
}

a:active {
	color: #3c3c3c;
}

h1,
h2,
h3,
h4 {
	margin: 0;
}

.fl_r {
	float: right;
}

.fl_l {
	float: left;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.txt_l {
	text-align: left;
}

.mgt_10 {
	margin-top: 10px;
}

.pdb_20 {
	padding-bottom: 20px;
}

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

body {
	font-size: 15px;
	font-weight: normal;
	background: url(../images/all/bodyBg-base.jpg)repeat 0 0;
}

#header {
	width: 100%;
	height: 86px;
	background-color: #FFF;
	padding: 0px;
	margin: 0 auto;
	position: fixed;
	z-index: 99;
}

#headerLeft {
	float: left;
	width: 200px;
	padding-top: 5px;
}

#headerRight {
	float: right;
	text-align: right;
}

#gnavi {
	float: left;
	padding-top: 0px;
  max-width: 70vw;
}

#gnavi li {
	display: inline-block;
	/* margin-left: 20px; */
	font-weight: bold;
}


.gnav-wrap {
	background: #FFF;
	position: relative;
	padding: 0 80px;
}

.gnav {
	display: flex;
	justify-content:  flex-end;
  align-items: center;
  gap:  1rem 1.3vw;
  flex-wrap: wrap;
  height: min(55px,5vw);
}
@media screen and (max-width: 1000px) {
  .gnav {
    flex-wrap: wrap;

  }
  .gnav .menu-contact{
    order: -1;
    width: 100%;
    text-align: right;
  }
}

.gnav li {
	/* padding: 18px 0; */
	text-align: center;
	transition: all .3s ease-in-out;
}

.gnav > li:hover .megamenu {
	max-height: 9999px;
	opacity: 1;
	padding: 30px 0;
}

.megamenu li {
	margin-left: 31.25px !important;
}

.megamenu li:first-child {
	margin-left: 0px !important;
}

.megamenu {
	background:#FFF;
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	width: 100%;
	position: absolute;
	top: 60px;
	left: 0;
	transition: all .2s ease-in;
	z-index: 999;
}

.megamenu-inner {
	display: flex;
	flex-wrap: wrap;
	width: 1280px;
	margin: 0 auto;
}

.megamenu-inner li {
	width: calc((100% / 5) - 25px);
	padding: 0;
}


.megamenu-inner a {
	border-left: none;
}

.megamenu-inner-img {
	margin: 0 0 5px;
}

.megamenu-inner-img img {
	width: 100%;
}

.line-hov a {
	position: relative;
	display: inline-block;
	text-decoration: none;
}

.line-hov a::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #333;
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .3s;
}

.line-hov a:hover::after {
	transform: scale(1, 1);
}
.menu-contact a img{
  width: min(160px, 10vw);
  height: auto;
}





/*トップに戻るボタン*/
#page_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 30px;
	bottom: 90px;
	background: var(--color10);
	opacity: 1;
}

#page_top a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}

#page_top a::before {
	font-family: FontAwesome;
	content: '\f106';
	font-size: 25px;
	color: #282828;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

.pc {
	display: inline-block;
}

.sp {
	display: none;
}
#main-img img,
.main-img-message img,
#main-slider .swiper-container,
#main-slider img{width:100%}


#main-img,
#main-slider{width:100%;overflow:hidden;position:relative;}
#main-slider .swiper-container{width:100%;}
.main-img-message{position:absolute;top:10vw;left:10vw;display:block;width:209px}


@media screen and (max-width:768px) {

}

@media screen and (min-width:749px) {
	#main-slider .swiper-container_sp,
	#main-slider .swiper-pagination_sp,
	#main-slider .swiper-button-prev_sp,
	#main-slider .swiper-button-next_sp{display:none;}
	#main-img,
	#main-slider{padding-top:86px;}
}
.swiper-button-prev,
.swiper-button-next{z-index:100;}
.swiper-pagination-clickable{text-align:center;margin:10px 0}
.swiper-pagination-bullet{margin:3px;}
.swiper-pagination-bullet-active{background: var(--color20) !important;}
.swiper-button-next, .swiper-button-prev{color: var(--color20) !important;}


.top-con-box {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding: 10px 0;
}

.top-con-box-heart {
	position: absolute;
	display: block;
	top: 60px;
	left: 0;
	width: 73.424px;
	height: 118.684px;
}

.top-con-box-home {
	position: absolute;
	display: block;
	top: 60px;
	right: 0;
	width: 127.231px;
	height: 173.844px;
}


.top-con-box-txt {
	font-size: 18px;
	line-height: 2.5em;
	letter-spacing: .2em;
	padding-bottom: 45px;
}

.top-con-box-inner {
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0 60px;
}

.top-con-box-left,
.top-con-box-right {
	width: 490px;
	height: 210px;
	position: relative;
	display: inline-block;
}

.top-con-box-left {
	margin-right: 15px;
}

.top-con-box-left .link-box {
	width: 100%;
	height: 100%;
}

/* 家づくり塾バナー */
.top-con-box-iedukuri {
	width: 680px;
	height: 250px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
}

.iedukuri-left {
	width: 163.076px;
	height: 66.628px;
	position: absolute;
	top: -5px;
	left: -5px;
	display: block;
	content: "";
	z-index: 3;
}

.iedukuri-right {
	width: 134.111px;
	height: 80.113px;
	position: absolute;
	top: -5px;
	right: -5px;
	display: block;
	content: "";
	z-index: 3;
}



.box2:hover::after {
	width: 100%;
	height: 100%;
}

.box2::after {
	width: 617px;
	height: 208px;
	content: "";
	background: rgba(255, 255, 255, 0.8);
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5;
	-moz-transition: ease-in-out 0.5;
}

/* 不動産バナー */
.top-con-box-fudosan {
	width: 1000px;
	height: 210px;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.box3:hover::after {
	width: 100%;
	height: 100%;
}

.box3::after {
	width: 800px;
	height: 170px;
	content: "";
	background: rgba(255, 255, 255, 0.8);
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5;
	-moz-transition: ease-in-out 0.5;
}

.fudosan-wrap {
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 50px;
}


.top-facebook {
	width: 300px;
	display: inline-block;
	text-align: right;
	vertical-align: top;
}

.box-img {
	width: 100%;
	height: auto;
}

.box-img img {
	max-width: 100%;
	height: auto;
}

.box-inner {
	width: 100%;
	height: auto;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5;
	-moz-transition: ease-in-out 0.5;
}

.box:hover::after {
	width: 100%;
	height: 100%;
}

.box::after {
	width: 446px;
	height: 166px;
	content: "";
	background: rgba(255, 255, 255, 0.8);
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5;
	-moz-transition: ease-in-out 0.5;
}


.news-wrap {
	width: 100%;
	margin: 0 auto 40px;
	padding: 0 4.3%;
	background: rgba(255, 255, 255, 0.5);
}

.news-wrap-inner {
	width: calc(100% / 3 - 4px);
	position: relative;
	padding: 0px 30px 30px;
	margin: 60px 0;
	display: inline-block;
	vertical-align: top;
}

.news-wrap-inner:nth-of-type(1){
	border-right: 1px solid #282828;
}

.news-wrap-inner:nth-of-type(2){
	min-height: 824px;
	border-right: 1px solid #282828;
}


.news-wrap-inner:nth-of-type(3) {
	margin-right: 0px;
	border-right: none;
}

.news-wrap-inner-img {
	position: absolute;
	display: block;
	content: "";
	top: -100px;
	left: 0;
	right: 0;
	margin: auto;
	width: 104px;
	height: 82.3px;
}

.mgr-20 {
	margin-right: 0px;
}

.news-box {
	margin-bottom: 60px;
	width: 100%;
	height: 320px;
}

/* 本多便り　最新2件の表示変更 */
.news-wrap-inner:nth-of-type(3) ul:nth-of-type(1){
	height: 218px;
	margin-bottom: 60px;
}
.news-wrap-inner:nth-of-type(3) .news-box:first-child,
.news-wrap-inner:nth-of-type(3) .news-box:nth-child(2){
	height:auto;
	margin-bottom: 35px;
}
/* 月刊ハーブ */
.herb_box{
	position:relative;
}

.herb_box:hover::after{
	width: 100%;
	height: 100%;
}

.herb_box::after{
	width: 85%;
	height: 80%;
	content: "";
	background: rgba(255, 255, 255, 0.8);
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5;
	-moz-transition: ease-in-out 0.5;
}


.herb_box img{
	width:100%;
	height:auto;
}

.herb_box a{
	display:inline-block;
	width:100%;
}

.herb_box .btn-more{
	position:absolute;
	top: 63%;
	left:0;
	right:0;
	margin:0 auto;
	z-index: 2;
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5;
	-moz-transition: ease-in-out 0.5;
}

.herb_box .txt{
	min-width:258px;
	width:72%;
	position:absolute;
	top:20%;
	left:0;
	right:0;
	margin:0 auto;
	z-index: 2;
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5;
	-moz-transition: ease-in-out 0.5;
}

@media screen and (max-width: 1000px) {
	.herb_box .txt{
		top:30%;
	}

	.herb_box .btn-more{
		top:122%;
	}
}

@media screen and (max-width: 1210px) {
	.herb_box .txt{
		min-width:unset;
	}
}
/*  */


.news-box-inner {
	width: 100%;
	height: 210px;
	position: relative;
}

.news-box-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.news-box-inner:hover,
.series-box:hover,
.works-box:hover,
.megamenu-inner li:hover,
#fconright li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-ms-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}

.news-category {
	background-color:var(--color10);
	color: #FFF;
	text-align: center;
	padding: 5px 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.model-category {
	color: #FFF;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}

.model-category span{
	padding: 5px 12px;
	line-height: 24px;
}

.news-wrap-title {
	font-size: 32px;
	text-align: center;
	margin: 20px 0 60px;
}

.news-wrap-title span {
	background: linear-gradient(transparent 70%, rgba(200, 200, 200, 0.7) 30%);
}

.new-icon {
	position: absolute;
	top: -10px;
	left: -10px;
	width: 60px;
	height: 60px;
}

.news-box-h3 {
	font-size: 16px;
	color: #000;
}

.news-box-title {
	font-size: 16px;
	font-weight: bold;
	color: #282828;
	line-height: 1.5em;
}

.btn-more {
	width: 180px;
	height: 34px;
	border: 1px solid #282828;
	border-radius: 17px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;
	display: block;
	font-size: 14px;
	font-weight: 600;
}

.btn-more span {
	position: relative;
}

.btn-more span::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #282828;
	border-right: 2px solid #282828;
	transform: rotate(45deg);
	margin-top: -3px;
}

.btn-more:hover {
	border: 1px solid #282828;
	background-color: #282828;
	color: #FFF;
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5;
	-moz-transition: ease-in-out 0.5;
}

.btn-more:hover span::before {
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
}

.series-wrap {
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.series-wrap-box {
	width: 1280px;
	position: relative;
	padding: 80px 0;
	margin: 0 auto;
}

.series-wrap-inner-img {
	position: absolute;
	display: block;
	width: 104px;
	height: 82.48px;
	content: "";
	left: 0;
	right: 0;
	margin: auto;
	top: -20px;
}

.series-wrap-title {
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 25px;
	font-weight: bold;
	padding: 20px 0 60px;
}

.series-wrap-title img {
	position: absolute;
	content: "";
	display: block;
	width: 191px;
	height: 55px;
	top: 20px;
	left: -35px;
	right: 0;
	margin: auto;
}

.series-wrap-title-reno {
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 25px;
	font-weight: bold;
	padding: 60px 0 60px;
}


.series-wrap-title-reno img {
	position: absolute;
	display: block;
	width: 244px;
	height: 85px;
	top: 30px;
	left: 85px;
	right: 0;
	margin: auto;
}
.series-wrap-title-reno.ttlbg_refo img {
	height: 60px;top: 50px;
}

.series-box {
	width: 100%;
	height: 24%;
	font-size: 0;
	margin: 0 auto 30px;
}

.series-right-img {
	display: inline-block;
	width: 60%;
	vertical-align: top;
}

.series-right-img img,
.series-right-box img {
	width: 100%;
	height: 308px;
	object-fit: cover;
}

.series-right-box {
	display: inline-block;
	width: 40%;
	height: 308px;
	vertical-align: top;
}

.top-mama {
	background: url("../images/top/bn-mama.png")no-repeat center center var(--color10);
	background-size: 100%;
}

.top-tsunagu {
	background: url("../images/top/bn-tsunagu.png")no-repeat center center var(--color_b_tsunagu);
	background-size: 100%;
}

.top-mint {
	background-color: #b6c589;
	background-image: url("../images/top/bn-mint.png");
	background-image: none, url("../images/top/bn-mint.svg")no-repeat;
}

.top-trettio {
	background: url("../images/top/bn-trettio.png")no-repeat center center var(--color_b_trettio);
	background-size: 100%;
}


/*
.top-kokoti {
	background-color: #ffaf66;
	background-image: url("../images/top/bn-kokoti.png");
	background-image: none, url("../images/top/bn-kokoti.svg")no-repeat;
}*/
.top-kokoti{
	background: url("../images/top/bn-kokoti.png")no-repeat center center var(--color20);
	background-size: 100%;
}
.top-reform{
	background: url("../images/top/bn-reform.png")no-repeat center center var(--color20);
	background-size: 100%;
}

.hr_topReform{
	border: none;
	border-bottom: 1px solid #666;
	height: 0;
	margin: 60px 0 0 !important}
/*.top-sagasu {
	background-color: #ffaf66;
	background-image: url("../images/top/bn-sagasu.png");
	background-image: none, url("../images/top/bn-sagasu.svg")no-repeat;
}*/
.top-sagasu{
	background: url("../images/top/bn-sagasu.png")no-repeat center center var(--color20);
	background-size: 100%;
}
@media screen and (max-width: 880px){
	.top-kokoti,
	.top-reform,
	.top-sagasu{background-size: 400px;}
}
.works-wrap {
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	padding-bottom: 40px;
	margin-bottom: 40px;
}

.works-wrap-inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 60px 0;
}

.works-wrap-inner-img {
	width: 104px;
	height: 82px;
	position: absolute;
	display: block;
	content: "";
	top: -30px;
	left: 0;
	right: 0;
	margin: auto;
}

.works-wrap-title {
	font-size: 32px;
	text-align: center;
	position: absolute;
	top: 85px;
	left: 0;
	right: 0;
	margin: auto;
}

.works-wrap-title span {
	background: linear-gradient(transparent 70%, rgba(200, 200, 200, 0.7) 30%);
}

.works-left {
	width: calc(100% / 2 - 45px);
	display: inline-block;
	margin: 40px 0;
	vertical-align: top;
}

.works-left-ma {
	margin-right: 85px;
}

.works-left li:nth-child(1),
.works-left li:nth-child(3){
	margin-right: 22.5px;
}


.works-left-inner {
	width: 100%;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 30px 0;
	margin-bottom: 20px;
}

.works-left-inner img {
	width: 186px;
	height: 75px;
	position: absolute;
	top: 5px;
	left: 0;
	right: 30px;
	margin: auto;
	display: block;
	content: "";
}

.works-left-inner-right {
	width: 100%;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	position: relative;
	padding: 30px 0;
	margin-bottom: 20px;
}

.works-left-inner-right img {
	width: 308px;
	height: 102px;
	position: absolute;
	top: -20px;
	left: 150px;
	right: 0;
	margin: auto;
	display: block;
	content: "";
}


.works-box {
	width: calc(100% / 2 - 15px);
	display: inline-block;
	height: auto;
	position: relative;
	vertical-align: top;
	margin-bottom: 20px;
}

.works-left ul{
	margin-bottom: 30px;
}

.works-box-r {
	margin-right: 25px;
}

.works-box-img {
	width: 100%;
	height: 170px;
	overflow: hidden;
}

.works-box-img img {
	width: 100%;
	height: 170px;
	object-fit: cover;
}

.works-title {
	font-size: 16px;
	text-align: left;
}

.works-title span {
	padding-left: 1em;
}


.works-category {
	width: 100%;
	height: 24px;
	overflow: hidden;
	font-size: 14px;
	color: #FFF;
	text-align: left;
	margin: 10px 0;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.works-category span {
	margin-right: .5em;
	text-align: center;
	line-height: 24px;
	padding: 6px 10px 5px;
	margin-right: 1em;
}


/* ---------------------------------- footer ------------------------------------*/
footer {
	padding: 30px 0 70px;
}


.ft-top {
	background-color:var(--color11);
	width: 100%;
}

.ft-top-inner {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	padding: 60px 0;
}

.ft-mori {
	width: 90px;
	height: 120px;
	position: absolute;
	content: "";
	display: block;
	right: -80px;
	top: -30px;
}
@media screen and (max-width:1120px) {
.ft-mori{right:10px}
}
.ft-inner-img {
	position: absolute;
	display: block;
	content: "";
	top: -30px;
	left: 0;
	right: 0;
	margin: auto;
	width: 104px;
	height: 82.3px;
}

.ft-inner-img img {
	width: 100%;
}

.ft-top-box {
	width: calc(100% /3 - 4px);
	height: 140px;
	margin: 0 auto;
	display: inline-block;
	vertical-align: top;
	border-right: 1px dotted #282828;
}

.ft-top-box-r {
	border-right: none;
}

.ft-top-box-title {
	width: 178px;
	height: 35px;
	background-color: #FFF;
	text-align: center;
	line-height: 35px;
	font-weight: bold;
	font-size: 15px;
	border-radius: 17.5px;
	margin: 0 auto 10px;
}

.ft-top-box-img {
	width: 210px;
	height: 30px;
	text-align: center;
	margin: 10px auto 0;
}

.ft-top-box-img img {
	width: 100%;
}

.ft-top-box-txt {
	text-align: center;
	line-height: 1.5em;
	padding-top: 1em;
	font-size: 14px;
}

.ft-top-box-txt2 {
	width: 210px;
	margin: 0 auto;
	text-align: center;
	line-height: 15px;
	padding: 1em 0;
}

.ft-top-box-txt3 {
	width: 210px;
	margin: 0 auto;
	text-align: center;
	line-height: 20px;
	padding: .2em 0;
}


.ft-top_ban1 a,
.ft-top_ban2 a{display:block;}

.ft-top_ban1 li,
.ft-top_ban2 li{border-radius:10px;margin-top:30px;text-align:center;overflow: hidden;background:#FFF;}


.ft-top_ban1 li:nth-child(1) a{background:#61BC88;}
.ft-top_ban1 li:nth-child(2) a{background:#D88CBA;}
.ft-top_ban1 li:nth-child(3) a{background:#6FC7CF;}
.ft-top_ban1 li a{color:#FFF;}
.ft-top_ban1 li a:hover{opacity:.8;}
.ft-top_ban1 .ft-top_ban_img{height:50%;overflow:hidden;margin:0;}
.ft-top_ban1 .ft-top_ban_img img{width:100%;object-fit:cover;height:100%}
.ft-top_ban1 .ft-top_ban_txt{padding:1em;}
.ft-top_ban1 .ft-top_ban_title{margin:0 0 1em;}

.ft-top_ban2{margin-bottom:20px;line-height:1.3;}
.ft-top_ban2 li{border:solid 2px #3C3C3C;}
.ft-top_ban2 li a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;min-height:100px;}
.ft-top_ban2 li div{margin:0 auto; text-align:center;}
.ft-top_ban2 li a:hover{opacity:.8;}
.ft-top_ban2 .ft-top_ban_txtL{font-size:28px;line-height:1;font-weight:700;margin:5px auto 10px;}
.ft-top_ban_mail img{margin:0 10px 5px 0}


@media screen and (min-width:749px) {
	.ft-top_ban1,
	.ft-top_ban2{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}

	.ft-top_ban1 li{width:calc((100% - 110px)/3);}
	.ft-top_ban2 li{width:calc((100% - 40px)/2);}
}







.ft-title {
	font-size: 32px;
	text-align: center;
	padding: 20px 0 30px;
	letter-spacing: .1em;
}

.ft-title span {
	background: linear-gradient(transparent 70%, var(--color10) 30%);
}

.ft-copy {
	font-size: 13px;
	text-align: center;
	padding: 90px 0px 0px;
	margin: 0 auto
}

table {
	border-collapse: collapse;
}

.line-top td {
	border-top: 1px solid #282828;
	padding-top: .5em;
}

.line-bottom td {
	padding-bottom: .5em;
}

.bottom-tb tr:nth-child(3) td:nth-child(4){
	border-bottom: 1px solid #282828;
}

.ft-bottom-wrap {
	width: 100%;
	background: rgba(255, 255, 255, 0.5);
	padding: 40px 5% 30px;
}

.ft-bottom-left {
	width: 56%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.ft-bottom-logo {
	width: 195px;
	height: 45px;
}

.ft-bottom-txt {
	line-height: 1.5em;
	padding: 1em 0;
}

.ft-bottom-facebook {
	width: 36px;
	height: 36px;
}

/* facebook insta line アイコン */
.ft-sns_block{position: relative}
.ft-sns_block a{margin-right:6px}
.ft-sns_block a img{width: 36px;height: 36px}

/* 吹き出し--*/
.ft-sns_balloon.sp{display: none}
.ft-sns_balloon.pc{
    position: absolute;
    /* top:-15px; */
	 top:0;
    left:150px;
	 margin:0;}
.ft-sns_balloon.pc br{display: none}
.ft-sns_balloon.pc span{
    font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    display: inline-block;
    position:relative;
    background:#FFF;
    padding: 7px 16px 8px;
    font-size: 16px;
    line-height: 1.4;
    border:2px solid var(--color10);
    border-radius: 6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
}
.ft-sns_balloon.pc span:after,
.ft-sns_balloon.pc span:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    right:100%;
    top:50%;
}
.ft-sns_balloon.pc span:after{
    border-color: rgba(255, 255, 255, 0);
    border-top-width:5px;
    border-bottom-width:5px;
    border-left-width:10px;
    border-right-width:10px;
    margin-top: -5px;
    border-right-color:#FFF;
}
.ft-sns_balloon.pc span:before{
    border-color: rgba(255, 124, 92, 0);
    border-top-width:6px;
    border-bottom-width:6px;
    border-left-width:14px;
    border-right-width:14px;
    margin-top: -6px;
    margin-right: 1px;
    border-right-color:var(--color20);
}


/* フッターの右側ナビ */
.ft-bottom-right {
	position:relative;
	width: 43%;
	display: inline-block;
	vertical-align: top;
}

.bottom-tb {
	position:relative;
	width: 100%;
	line-height: 2;
}

.bottom-tb td {
	font-size: 15px;
	vertical-align: top;
}

.bottom-tb a:hover {
	opacity: 0.7;
}

.ft_banner a{
	width:180px;
	display:block;
	position:absolute;
	left:438px;
	bottom:18px;
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5;
	-moz-transition: ease-in-out 0.5;
}
.ft_banner2 a{
	width:195px;
	display:block;
	position:absolute;
	left:423px;
	bottom:-60px;
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5;
	-moz-transition: ease-in-out 0.5;
}

@media screen and (max-width: 1600px) {
	.ft_banner a{
	width:28%;
	position:absolute;
	left:unset;
	right:0;
	bottom:25px;
	}
	.ft_banner2 a{
    width: 32%;
    position: absolute;
    left: unset;
    right: 0;
    bottom: -40px;
	}
}

.ft_banner a:hover,
.ft_banner2 a:hover{
	opacity:0.65;
}

.ft_banner a img,
.ft_banner2 a img{
	width:100%;
}

.ft-top-box a:link,
.ft-top-box a:visited {
	color: #FFF;
}

.ft-top-box a:hover {
	color: #3c3c3c;
}

.btn-cv {
	width: 90%;
	height: 46px;
	border: 1px solid #3c3c3c;
	background-color: #3c3c3c;
	color: #FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	line-height: 46px;
	display: block;
	font-size: 14px;
	font-weight: 600;
}

.btn-cv span {
	position: relative;
}

.btn-cv span::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transform: rotate(45deg);
	margin-top: -3px;
}

.btn-cv:hover {
	border: 1px solid #FFF;
	background-color: #FFF;
	color: #3c3c3c;
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5;
	-moz-transition: ease-in-out 0.5;
}

.btn-cv:hover span::before {
	border-top: 2px solid #3c3c3c;
	border-right: 2px solid #3c3c3c;
}



/* -------------------- 固定footer -------------------- */
.fcon {
	position: fixed;
	width: 100%;
	height: 70px;
	bottom: 0;
	left: 0;
	padding: 0;
	z-index: 400;
	background-color: var(--color10);
}
.fcon .inner {
	width: 1280px;
	margin: 0 auto;
	/*overflow: hidden;*/
}
#fconleft {
	float: left;
	width: 280px;
}
.fcon-logo {
	width: 212px;
	text-align: left;
	line-height: 70px;
}

/* ---------- 固定フッターの右 アイコンエリア ---------- */
#fconright {
	float: right;
	width: 1000px;
	line-height: 70px;
}

#fconright ul {
	float: right;
}

#fconright ul li {
	float: left;
	margin-left: 40px;
}

#fconright ul li a {
	color: #FFF;
}

#fconContact span {
	display: inline-block;
	margin-right: 10px;
	background: url(../images/all/ftcontact.svg) no-repeat 0 0;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}

#fconSiryou span {
	display: inline-block;
	margin-right: 10px;
	background: url(../images/all/ftshiryo.svg) no-repeat 0 0;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}

#fconSassi span {
	display: inline-block;
	margin-right: 10px;
	background: url(../images/all/ftsassi.svg) no-repeat 0 0;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}
/*#fconright ul li#fconFb{margin-left:35px}*/
#fconFb span {
	display: inline-block;
	background: url(../images/all/icon-fb-w.svg) no-repeat 0 0;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}
#fconIn span {
	display: inline-block;
	background: url(../images/all/icon-in-w.svg) no-repeat 0 0;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}
/* Lineアイコン */
.fcon_line span{
    display: inline-block;
	background: url(../images/all/icon-line-w.svg) no-repeat 0 0;
	width: 40px;
	height: 40px;
	vertical-align: middle
}


#fconTell {
	display: inline-block;
	width: 189px;
	height: 24px;
	vertical-align: middle;
}
.fconTell {
	display: inline-block;
	width: 189px;
	height: 24px;
	vertica-align: middle;
}
.fconTell img{width: 189px}
/*archive*/

#content {
	padding: 90px 0;
	text-align:center;
}

#content-box {
	width: 90.625%;
	margin: 0 auto;
	text-align:left;
}

.content-box {
	width: 72.41%;
	background-color: #FFF;
	padding: 80px;
	display: inline-block;
	margin-right: 3%;
	vertical-align: top;
}

.content-box-inner {
	width: 100%;
	padding-bottom: 60px;
	margin-bottom: 40px;
	border-bottom: 1px solid #282828;
}

.content-dayori-date {
	font-size: 17px;
	font-family: din-condensed, sans-serif;
	color: var(--color10);
	margin-bottom: 20px;
}

.dayori-title {
	letter-spacing: .05em
}

.content-main-img {
	width: 100%;
	height: auto;
	margin: 40px 0;
}

.content-main-img img {
	width: 100%;
}

.content-box-honbun {
	font-size: 16px;
	line-height: 2.5em;
	margin-bottom: 40px;
}

.writer-box {
	width: 100%;
	height: 100px;
	border: 2px solid var(--color11);
	position: relative;
	padding: 10px;
}

.writer-pen {
	position: absolute;
	content: "";
	display: block;
	width: 40px;
	height: 41px;
	right: -10px;
	bottom: -10px;
}

.writer-img {
	background-color: var(--color20);
	width: 80px;
	height: 80px;
	border-radius: 40px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
}

.wrier-right {
	text-align: left;
	display: inline-block;
	margin-left: 2em;
}

.writer-title {
	font-size: 15px;
	font-weight: bold;
	padding: 5px 0 0;
}

.writer-name {
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	padding-bottom: 1px;
}

.writer-cate {
	background-color: var(--color10);
	text-align: center;
	padding: 3px 5px;
	font-size: 12px;
	margin-left: .5em;
}

.writer-1coto {
	font-size: 13px;
}

.tsugi-box {
	width: 100%;
	font-weight: bold;
}

.eventTi{
	padding: 10px 0;
	font-family: din-condensed, sans-serif;
}

.event_map p{padding: 5px 0;}

.mae,
.ichiran,
.tsugi {
	display: inline-block;
	width: 32%;
}

.mae {
	text-align: left;
}

.ichiran {
	text-align: center;
}

.tsugi {
	text-align: right;
}

.mae a {
	position: relative;
	padding-left: 20px;
}

.mae a::before {
	content: "";
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #282828;
	border-right: solid 2px #282828;
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
}

.tsugi a {
	position: relative;
	padding-right: 20px;
}

.tsugi a::before {
	content: "";
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #282828;
	border-right: solid 2px #282828;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
}


.ichiran span {
	border-bottom: 1px solid #282828;
	padding-bottom: 4px;
}

.sub-category {
	width: 100%;
	margin-bottom: 60px;
}

.sub-category li {
	border-top: 1px solid #282828;
	padding: 1em 0;
}

.sub-category li:first-child {
	margin-top: 15px;
}

.sub-category li:last-child {
	border-bottom: 1px solid #282828;
}

.content-dayori-cate {
	font-size: 16px;
}

.content-box-sub {
	width: 24.13%;
	display: inline-block;
	vertical-align: top;
}

#breadcrumbList {
	width: 90.625%;
	margin: 0 auto 40px;
	padding-top: 40px;
	font-size: 12px;
	text-align:left;
}

.archive-wrap {
	width: 90.625%;
	margin: 0 auto;
	display:inline-block;
	text-align:left;
}

.archive-wrap,
.archive-box,
.archive-box img{
	font-size:0px;
	letter-spacing:0;
}

.company-100vw-innnerbox{
	font-size:15px;
}

.archive-inner-img {
	width: 104px;
	height: 82px;
	text-align: center;
	margin: 0 auto 40px;
}

.archive-title {
	font-size: 32px;
	text-align: center;
	margin: 20px 0 60px;
	letter-spacing: .1em;
}

.archive-title span {
	background: linear-gradient(transparent 70%, rgba(200, 200, 200, 0.7) 30%);
}

.archive-inner-img img {
	width: 100%;
}

.archive-box {
	width: calc((100% - 160px) / 4);
	display: inline-block;
  margin:0 20px 30px;
	vertical-align: top;
	position: relative;
}

/* .post-type-archive-blog .archive-box:nth-child(4n),
.post-type-archive-voice .archive-box:nth-child(4n-1),
.post-type-archive-info_herb .archive-box:nth-child(4n),
.post-type-archive-event .archive-box:nth-child(4n-1){
	margin-left:0px;
} */

.archive-box-cate {
	font-weight: bold;
}



/*
.archive-box:nth-child(6),
.archive-box:nth-child(10),
.archive-box:nth-child(14) {
	margin-right: 0px;
}
*/

.archive-box-inner {
	position: relative;
	width: 100%;
	height: 14vw;
}

.archive-box-inner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.archive-box-inner.eventend{background-color:#000;position: relative;}
.archive-box-inner.eventend img{opacity:.4;display:block}
.archive-box-inner.eventend::after {
  position: absolute;
  text-align: center;
  top: 38%;
  right: 0;
  left: 0;
  white-space: pre;
  content: 'イベントは\A終了しました';
  line-height: 1.5;
  color: #fff;
  z-index: 1;
  display: block;
  font-size: 17px;
}


.news-box-honbun {
	position: relative;
	font-size: 15px;
	line-height: 1.5em;
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: justify;
}

.news-box-honbun p {
	margin: 0;
}

.btn-more-archive {
	width: 30%;
	height: 45px;
	color: #FFF;
	border: 1px solid var(--color20);
	background-color: var(--color20);
	border-radius: 22.5px;
	-webkit-border-radius: 22.5px;
	-moz-border-radius: 22.5px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	line-height: 45px;
	display: block;
	font-size: 16px;
	font-weight: 600;
}

.btn-more-archive:visited {
	color: #FFF;
}

.btn-more-archive span {
	position: relative;
}

.btn-more-archive span::before {
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	width: 8px;
	height: 8px;
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	transform: rotate(45deg);
	margin-top: -5px;
}

.btn-more-archive:hover {
	border: 1px solid var(--color20);
	background-color: #FFF;
	color: var(--color20);
	transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5;
	-moz-transition: ease-in-out 0.5;
}

.btn-more-archive:hover span::before {
	border-top: 2px solid var(--color20);
	border-right: 2px solid var(--color20);
}


.sub-cate-h2 {
	font-size: 20px;
	font-family: din-condensed, sans-serif;
	color:var(--color10);
	letter-spacing: .1em;
}

.new {
	background: var(--color20);
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 30px;
	color: #FFF;
	font-size: 14px;
	font-family: din-condensed, sans-serif;
	position: absolute;
	top: -10px;
	left: -10px;
	z-index: 10;
	display: block;
	text-align: center;
}


span.hissu {
	color: #FFF;
	font-size: 12px;
	background-color: var(--color20);
	border-radius: 4px;
	padding: 4px 5px;
	margin-left: 1em;
	font-weight: normal;
}

span.nini {
	color: #FFF;
	font-size: 12px;
	font-weight: normal;
	background-color: #282828;
	border-radius: 4px;
	padding: 4px 5px;
	margin-left: 1em;
}


.wp-pagenavi {
	clear: both;
	text-align: center;
	font-size:15px;

}

.wp-pagenavi a,
.wp-pagenavi span {
	color: #282828;
	border: solid 1px #282828;
	padding: 8px 12px;
	margin: 0 4px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
}

.wp-pagenavi a:hover {
	color: #FFF;
	background-color: #282828;
	border-color: #282828;
}

.wp-pagenavi span.current {
	color: #FFF;
	background-color: #282828;
	border-color: #282828;
	font-weight: bold;
}

.school-inner{
	max-width: 1000px;
	margin: 0 auto;
	line-height: 1.5;
}
.school-title{
	text-align: center;
	margin: -95px calc(((100vw - 100%) / 2) * -1) 110px;
	background-image: url("../images/school/sc_top@2x.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 30%;
	padding: 6vw 0 12vw;
}
.school-title img.title-en{	width: 110px; height: 105px}
.school-title img.title-jp{	width: 400px; height: 150px}

.school-readtxt{margin-bottom: 80px;text-align: center;font-weight: bold;line-height: 2}
.school-h2{font-size: 30px; margin: 0 auto 30px; text-align: center;position: relative;max-width: 1000px;}
.sc_illust1{position: absolute; top: 0;left: 10%}
.sc_illust2{position: absolute; top: 0; right: 10% }
.sc_illust3{position: absolute; top: -20px;left: 130px}
.sc_illust4{position: absolute; top: -20px; right:200px }
.sc_illust5{position: absolute; top: -30px;left: 200px}

.school-hajime{font-size: 0; margin-bottom: 70px; padding-left: 0px;}
.school-hajime li{
	font-size:15px;
	width: calc((100% - 100px) / 3);
	margin-right: 50px;
	display: inline-block;
	vertical-align: top;
}
.school-hajime li p{margin: 0;line-height: 1.8}
.school-hajime li p img{width: 100%}
.school-hajime li:last-of-type{margin-right: 0}


.school-hajime li h5{ font-size: 20px;text-align: center; margin: 20px 0 25px}
#school-manabu-box{
	background: rgba(255,250,250,.7);
	margin: 0 calc(((100vw - 100%) / 2) * -1) 100px;
	padding: 100px 0 70px;
}

#school-manabu-box dl{
	border-bottom: 1px solid #3C3939;
	padding-bottom: 55px;
	max-width: 1000px;
	margin: 0 auto 55px;
}
#school-manabu-box dl:last-of-type{	border-bottom:none;margin-bottom:0;padding-bottom:0;}

#school-manabu-box dd,
#school-manabu-box dt{width: 48%}
#school-manabu-box dd.sc-manabu-img img{width: 100%}

#school-manabu-box dl:nth-of-type(odd) dd.sc-manabu-img{	float: left; margin: 0}
#school-manabu-box dl:nth-of-type(odd) dt{	float: right;}

#school-manabu-box dl:nth-of-type(even) dd.sc-manabu-img{	float: right; margin: 0}
#school-manabu-box dl:nth-of-type(even) dt{	float: left;}


.sc-manabu-no{
	height: 89px;
	width: 80px;
	background: url("../images/school/sc_illust_loupe.svg") no-repeat;
	background-size: 89px 80px;
	display: inline-block;
	margin: -15px 0 0 -20px;
}
.sc-manabu-no span{
	font-size: 28px;
	font-family: din-condensed, sans-serif;
    padding: 14px 0 0 25px;
    display: block;
    line-height: 1;
	text-align: center;
}
.sc-manabu-h5{
	font-size: 24px;
	font-weight: bold;
	margin: 0 0 15px;
}
.sc-manabu-txt{
	line-height: 1.8;
	text-align: justify;
	margin: 0;
}
.sc-manabu-tag{
	font-size: 0;
	margin: 25px 0 0;
}
.sc-manabu-tag li{
	display: inline-block;
	border: 1px solid #3C3939;
	border-radius: 4px;
	font-size: 12px;
	padding: 3px 6px;
	margin: 0 10px 10px 0;
}
.sc-manabu-tag li:before{
	content: "#"
}

#school-voice-box{margin-bottom: 80px}
.sc-voice-list li{
	background: #fff;
	padding: 10px 35px 20px 120px;
	margin-bottom: 30px;
	position: relative;
	text-align: justify;
}
.sc-voice-list dt{
	color: var(--color20);
	font-weight: bold;
	margin: 30px 0 10px;

	padding-left:1em;
	text-indent:-1em;
}
.sc-voice-list dd{
	margin: 0;

	padding-left:1.1em;
	text-indent:-1.1em;
}
.sc-voice-h5{
	position: absolute;
	top: 20px;
	left: -20px;
	height: 90px;
	width: 115px;
	background: url("../images/school/sc_illust_balloon.svg") no-repeat;
	background-size: 115px 90px;
	display: inline-block;
	margin: -0;
}
.sc-voice-h5 span{
	font-size: 13px;
    padding: 35px 0 0 0;
    display: block;
    line-height: 1;
	text-align: center;
}




#school-info-box{
	background: rgba(255,250,250,.7);
	margin: 0 calc(((100vw - 100%) / 2) * -1) 0;
	padding: 100px 0 70px;
}

#school-info-box .sc-info-inner{
	max-width: 1000px;
	margin: 0 auto;
}

#school-info-box p{
	float: right;
	width: 45%;
}
#school-info-box p img{
	width: 100%;
}
#school-info-box dl{
	float: left;
	line-height: 2;
	font-weight: bold;
}
#school-info-box dt{
	font-size: 20px;
	margin-bottom: 15px;
}
#school-info-box dd{
	margin: 0;
}

#school-info-box a:visited,
#school-info-box a:link{color: #FFF;}

a.school-detail-btn{
	display: block;
	text-align: center;
	width: 180px;
	margin: 20px 0 0;
	font-size: 14px;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: #3C3C3C;
	padding: 5px 0px;
	border-radius: 18px;
	position: relative;
	font-weight: normal;
}

a.school-detail-btn::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-left: solid 2px #fff;
	border-bottom: solid 2px #fff;

	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	transform: rotate(225deg);

	position: absolute;
	top: 38%;
	right: 15px;
}

a.school-detail-btn:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-webkit-transition: opacity .4s ease-out;
	-moz-transition: opacity .4s ease-out;
	-ms-transition: opacity .4s ease-out;
	transition: opacity .4s ease-out;
}


/* カテゴリーの色 */
.mamayell,.mamasw,
.mamazeh,.sale{background:var(--color10);}
.tsunagu{background: #ffc333;}
.peppermint{background: #99ae5a;}
.other,.nisetai,.kokoti,.other2,.other3{background: #3c3c3c;}

@media screen and (max-width: 1350px) {
	.bottom-tb td {
		font-size: 13px;
	}
		/* #gnavi li {
		margin-left: 12px;
	} */
}

/*1280以下*/
@media screen and (max-width: 1280px) {
	#gnavi li {
		/* margin-left: 10px; */
		font-size: 13px;
	}

	.gnav-wrap {
		padding: 0 40px;
	}

	.series-wrap-box {
		width: 100%;
	}
}

@media screen and (max-width: 1050px) {
	.content-box {
		padding: 50px;
		width: 71.41%;
	}

	.megamenu-inner {
		width: 90%;
	}

	.ft-bottom-left {
		width: 46%;
	}

	.ft-bottom-right {
		width: 53%;
	}

	#headerLeft {
		width: 230px;
	}

	#gnavi li {
		/* margin-left: 10px; */
		font-size: 11px;
	}

	.gnav-wrap {
		padding: 0 40px;
	}

	.news-wrap-title {
		font-size: 26px;
	}

	.fcon .inner {
		width: 92%;
	}

	#fconleft {
		width: 29.25%;
	}

	#fconright {
		width: 70%;
	}

	#fconright ul li {
		margin-left: 20px;
	}

	#fconContact span,
	#fconSiryou span,
	#fconSassi span {
		width: 35px;
		height: 35px;
	}

}

@media screen and (max-width: 965px) {
	#headerLeft {
		width: 140px;
	}
	#gnavi li{
		font-size: 11px;
	}
	.main-img-message{
		width: 185px;
	}
}

@media screen and (max-width: 810px) {
	#gnavi li{
		font-size: 10px;
		/* margin-left: 5px; */
	}

	.main-img-message{
		top: 14vw;
		width: 180px;
	}
	.top-con-box,.top-con-box-inner{
		width: 100%;
	}
	.top-con-box-left{
		margin-right: 0px;
		margin-bottom: 15px;
	}
}

/*リフォーム・リノベーション一覧　バナー追加　2019/10/1 追記*/
.lixil_reno{
	width:360px;
	margin:60px auto 0;
}

.lixil_reno img{
	width:100%;
}

.lineup_reno_ttl{
	width: 100%;
	height: 112px;
	box-sizing: border-box;
	padding-top:12px;
	line-height: 1.6;
	text-align: center
}
.lineup_reno_ttl h4{font-size: 20px;margin-bottom: 5px; color: #fff}
.lineup_reno_ttl p{font-size:16px; margin:0;}
.lineup_reno_ttl p.line1{margin-top:12px}
.lixil_reno .lineup_reno_ttl{background: #ff6000}

@media screen and (max-width: 750px) {
	.lixil_reno{
		width: 100%;
	}
}

.bigti{
	font-size: 12px;
	font-weight: normal;
	width: 100%;
	background-color: #FFF;
	text-align: left;
	padding: 10px 40px 0;
}

.top-bn{
	display: flex;
	margin: 30px auto;
}

.top-bn a{
	width: 30%;
}

.lixil_bn{
	display: flex;
}