@charset "UTF-8";

@media (max-width: 959px) and (min-width: 751px) {

}

@media
only screen and (max-width : 750px){
	html,body {background-color: #ebebe6;}
	img{
		height: auto !important;
	}

	a[href^="tel:"] {
		pointer-events: inherit;
	}

	.pc{
		display: none;
	}

	.sp{
		display: block;
	}

	.openbtn{
		display: inherit;
	}

	#page-ttl .ttl {
		font-size: 16px;
		line-height: 1.6;
		letter-spacing: .2em;
	}

	#gnav {
		position: fixed;
		z-index: 999;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100vh;
		box-sizing: border-box;
		background-color: #000;
		transition: all 0.6s;
	}
	.gnav_list_top, .gnav1_top {
		width: 100% !important;
	}
	#gnav ul {
		position: absolute;
		z-index: 999;
		top: 50%;
		left: 50%;
		padding-left: 20px;
		padding-top: 0;
		transform: translate(-50%, -50%);
	}

	#page-ttl.thought {
		background: url("../image/page/thought/bg-main.jpg") no-repeat center;
		background-size: cover;
		color: #000;
		padding: 50px 0 250px;
	}

	nav ul li a {font-size: 13px;}

	.top-logo-page {
		position: relative;
		z-index: 10;
	}

	.loading-img {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}

	.loading-img img {
		width: 100%;
		height: 100vh !important;
		object-fit: cover;
	}

	.loading-logo {
		width: 40%;
		max-width: 40%;
		position: absolute;
		top: 20%;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		z-index: 11;
	}

	.loading-logo img {
		width: 100%;
	}

	.loading-txt {
		font-size: 20px;
		letter-spacing: .3em;
		left: 3%;
		top: 30%;
	}

#splash {
	z-index: 10000;
	height: 50vh;
}
.logo {
  width: 60%;
  top: 44%;
}
.catch{
	width: 70%;
  top: 45%;
}
.catch, .logo {

	transform: translate(-50% ,-50%);
}


	/*----------------------------contents----------------------------*/
	.top-nav {display: none;}
	.visual {
		position: relative;
		width: 100%;
		height: 43vh;
		background-color: #ebebe6;
		margin-top: 15%;
	}

	.movie video {
	    position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		object-fit: cover;
	}

	.movie video {
		top:0;
		left: 0;
		transform:none;
	}



	.movie {
		overflow: hidden;
		position: absolute;
		top: 4%;
		left: 0;
		right: 0;
		width: 96%;
		height: 100%;
		z-index: 1;
		margin: 0 auto;

	}

	.about-area {
		width: auto;
		padding: 0 2em;
		-webkit-writing-mode: lr-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: lr-tb;
		-webkit-text-orientation: upright;
		/* text-orientation: upright; */
		margin: 1em auto;
	}

	.about-area h2 {
		font-size: 20px;
		letter-spacing: .5em;
		font-weight: normal;
		padding-left: 0em;
		margin-bottom: 30px;
		text-align: center;
	}

	.about-area h3 {
		font-size: 16px;
		letter-spacing: .5em;
		font-weight: normal;
		line-height: 2;
		padding-left: 0em;
		margin-bottom: 30px;
		text-align: center;
	}

	.about-area p {
		font-size: 11px;
		text-align: center;
		letter-spacing: .1em;
		font-weight: normal;
		line-height: 2.2;
		margin-bottom: 50px;
		/*--縦書きの指定--*/
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: inherit;
		writing-mode: inherit;

		/*--mixedを指定--*/
		-webkit-text-orientation: inherit;
		text-orientation: inherit;
	}

	ul.topics-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 50px;
	}
	.topics-area {padding-top: 40px !important;}
	ul.topics-list li {
		width: 480%;
		max-width: 48%;
		margin-bottom: 20px;
	}
	ul.topics-list li + li {margin-top: 0px;}
	ul.topics-list li a {
		padding: 0;
	}
	ul.topics-list li img {
		width: 100%;
		height: 116px !important;
		object-fit: cover;
		margin-bottom: 5px;
	}

	ul.topics-list li p.day {
		font-size: 12px;
		margin-bottom: 5px;
	}

	ul.topics-list li h3.txt {
		font-size: 10px;
		line-height: 1.6;
		text-align: left;
		letter-spacing: 0;
	}


	.open-house {margin-bottom: 50px;}
	.open-house h2 {
		font-size: 22px;
		letter-spacing: .3em;
		margin-bottom: 30px;
	}

	.open-house ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}


	.open-house ul li {
		width: 48%;
		max-width: 48%;
		margin-right: 0;
	}

	.open-house ul li img {
		width: 100%;
	}

	.open-house ul li h3 {
		font-size: 12px;
		letter-spacing: .1em;
		margin-bottom: 10px;
	}

	.original-design-area {
		background: url("../image/page/top/sp-bg-01.jpg") no-repeat center left;
		background-size: cover;
		color: #fff;
		margin-bottom: 50px;
	}

	.original-design-area a {
		color: #ccc !important;
		display: block;
		padding: 100px 0 100px 20px;
	}

	.original-design-area p.top {
		font-size: 18px;
		letter-spacing: .1em;
		margin-bottom: 15px;
	}

	.original-design-area h2 {
		font-size: 18px;
		letter-spacing: .1em;
		margin-bottom: 20px;
	}

	.original-design-area p.txt {
		font-size: 14px;
		line-height: 2;
		padding-left: 0;
		margin-bottom: 45px;
		text-align: left;
	}

	.original-design-area .more {padding-left: 0;}
	.original-design-area a .more  {
		width: 50%;
		padding-bottom: 10px;
		display: block;
		color: #fff;
		border-bottom: 1px solid #fff;
		position: relative;
		margin-left: 0;
	}

	.more a:hover {
		color: #ccc;
		border-bottom: 1px solid #ccc;
	}

	.model-house-gallery {
		background: url("../image/page/top/bg.jpg") no-repeat center;
		background-size: cover;
		color: #fff;
		text-align: center;
		margin-bottom: 50px;
	}

	.model-house-gallery a {padding: 150px 0 150px;}

	.model-house-gallery h2 {
		font-size: 24px;
		letter-spacing: .05em;
		margin-bottom: 20px;
	}

	.model-house-gallery p {
		font-size: 16px;
		letter-spacing: .2em;
		margin-bottom: 35px;
	}


	.model-house-gallery .more {
		width: 50%;
		margin: 0 auto;
		text-align: center;
	}

	.model-house-gallery .more a {width: 100%;}

	.blog-area {
		background: #fff;
		padding: 50px 0;
	}
	.blog-area h2 {
		margin-bottom: 25px;
		padding-left: 0;
	}

	.blog-area ul {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 25px;
	}

	.blog-area ul li {
		width: 48%;
		max-width: 48%;
		margin-right: 0px;
	}

	.blog-area ul li:last-child {
		margin-right: 0px;
	}

	.blog-area ul li .thumbnail {margin-bottom: 20px;}
	.blog-area ul li .thumbnail img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
	.blog-area ul li h3 {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.blog-area ul li p {display: none;}
	.view-btn {
		width: 50%;
		margin: 0 auto;
	}
	/*----------------------------blog----------------------------*/


	.blog-page {
		background-color: #ebebe6;
		padding: 0;
	}

	.blog-page h2 {
		text-align: center !important;
		padding-top: 50px;
	}
	.blog-page ul {flex-wrap: wrap;}
	.blog-page ul li {
		width: 49% !important;
		max-width: 49% !important;
	}

	.blog-single h2 {
		font-size: 16px;
		text-align: left !important;
	}

	.article-area p {
		font-size: 13px;
	}


	/*----------------------------news----------------------------*/
	.news-page h2.ttl {text-align: center !important; padding-top: 50px;}
	.news-page ul li dl, .news-single-article dl {
		flex-wrap: wrap;
	}
	.news-page ul li dl dt,
	.news-single-article dl dt {
		font-size: 13px;
		width: 100%;
		display: block;
	}

	.news-page ul li dl dd,
	.news-single-article dl dd {
		font-size: 13px;
		padding: 5px 20px;
		width: 50%;
		display: block;
		margin-top: 10px;
	}

	.news-single-article h2,
	.news-page ul li h3 {
		font-size: 16px;
	}

	.news-single {flex-wrap: wrap;}

	.news-single-article,
	.news-single-cat {
		width: 100%;
		max-width: 100%;
		margin-bottom: 5%;
	}

	.news-single-article p {
		font-size: 13px;
		line-height: 2;
		margin-bottom: 70px;
	}

	/*----------------------------footer----------------------------*/
	h2.ttl {
		text-align: left;
		font-size: 20px;
		padding-left: 20px;
		margin-bottom: 30px;
	}
	#footer {text-align: left; background-color: #fff;}
	#footer ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#footer ul li {
		width: 100%;
		max-width: 100%;
		text-align: center;
		border-left: none;
	}

	#footer ul li.mail,
	#footer ul li.reservation {
		width: 50%;
		max-width: 50%;
		box-sizing: border-box;
	}

	#footer ul li.mail {
		border-right: 1px solid #A2A2A2;
	}

	#footer ul li:first-child {border-top: 1px solid #A2A2A2;}

	#footer ul li:last-child {border-right: none;}

	#footer ul li .contact-ttl {
		color: #606060;
		font-size: 15px;
		font-weight: normal;
		letter-spacing: .2em;
		margin: 25px 0 30px;
	}

	#footer ul li.tel .contact-ttl {
		font-size: 30px;
		letter-spacing: .05em;
		margin: 10px 0 15px;
	}

	#footer ul li.tel {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-items: center;
	}

	#footer ul li.tel .contact-icon {
		width: 18%;
		max-width: 18%;
	}

	#footer ul li.tel .contact-ttl {
		width: 60%;
		max-width: 60%;
		font-size: 28px;
	}

	#footer ul li.tel a {
		padding: 0;
	}

	#footer ul li.tel p {
		width: 100%;
		max-width: 100%;
		display: block;
	}

	#footer ul li.tel {padding: 25px 0;}
	#footer ul li.tel a {
		text-decoration: none;
	}

	#footer ul li p {font-size: 10px;}

	#footer ul li .contact-btn {
		text-align: center;
		background: #606060;
		border: 1px solid #606060;
		color: #fff;
		font-size: 10px;
		width: 100%;
		height: 30px;
		line-height: 30px;
		margin: 0 auto;
	}
	#footer ul li a {padding: 25px; box-sizing: border-box;}
	#footer ul li.mail a,
	#footer ul li.reservation a {
		display: block;

	}

	#footer ul li.mail a:hover .contact-btn,
	#footer ul li.reservation a:hover .contact-btn {
		background: #fff;
		color: #606060;
		border: 1px solid #606060;
	}

	#footer .footer-address {
		flex-wrap: wrap;
		border-top: 1px solid #606060;
		margin: 45px 0 0;
		padding-top: 45px;
	}

	#footer .sns-area {
		width: 100%;
		max-width: 100%;
		margin-bottom: 10%;
	}

	#footer .sns-area ul li:first-child {border-top: none;}

	#footer .sns-area ul {justify-content: flex-start;}
	#footer .sns-area ul li {
		width: 50%;
		max-width: 50%;
		border-left: none;
		margin-right: 0px;
		text-align: left;
	}

	#footer .sns-area ul li img {
		width: 86%;
		height: auto;
		object-fit: cover;
	}

	#footer .sns-area ul li a {
		padding: 0;
		display: block;
	}


	#footer .address-inner {
		width: 100%;
		max-width: 100%;
		margin-left: auto;
	}

	#footer .footer-address p.txt {
		font-size: 10px;
		line-height: 2;
		margin: 30px 0 40px;
		text-align: left;
	}

	#footer .footer-address p.copyright {
		font-size: 10px;
		text-align: center;
		padding-bottom: 10vw;
	}

	#side {
		display: none;
	}
	#side ul li {
		width: 80px;
		height: 80px;
	}

	#side ul li img {
		width: 100%;
	}

	#page-ttl {
		/* width: 1200px; */
		width: 96%;
		max-width: 96%;
		min-height: 100%;
		margin: 20px auto 50px;
		text-align: center;
		padding: 120px 0;
		color: #fff;
	}


	/*----------------------------area----------------------------*/

	p.en-txt {
		text-align: center;
		font-size: 12px;
		letter-spacing: .15em;
		margin-bottom: 10px;
	}

	h2.ttl-page {
		font-size: 16px;
		margin-bottom: 20px;
		text-align: center;
		letter-spacing: .3em;
		line-height: 2;
	}


	p.txt {
		text-align: center;
		font-size: 10px;
		line-height: 2.6;
		letter-spacing: 0em;
	}

	/*p.txt br {display: none;}*/

	.mb130,
	.mb150,
	.mb160,
	.mb180{margin-bottom: 50px !important;}

	h2.area-ttl {margin-bottom: 40px;}
	p.ttl-page.box {
	line-height: 1.5;
	padding: 0.5rem 4rem;

}
ul.area-list{
	justify-content: space-between;
}
	ul.area-list li {
		width: 49%;
		max-width: 49%;
		margin-right: 0px;
		margin-bottom: 20px !important;
	}

	ul.area-list li img {
		width: 100%;
		height: 145px !important;
		object-fit: cover;
	}

	ul.area-list li:nth-of-type(3n) {margin-right: 0px;}

	ul.area-list li:nth-child(-n+3) {
		margin-bottom: 00px;
	}

	ul.area-list li h3 {
		font-size: 13px;
		letter-spacing: 0em;
		margin-bottom: 15px;
	}



	/*----------------------------concept----------------------------*/
	.meitetsu-area {
		position: relative;
		margin-bottom: 50px;
	}

	.meitetsu-area .meitetsu {
		width: 20%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
	}

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

	.meitetsu-area h2 {
		font-size: 18px;
		background-color: #ACACA8;
		padding: 30px 0;
		text-align: center;
	}

	.meitetsu-area ul.brand li dl {padding-left: 18%;}
	.meitetsu-area ul.brand li dl.no2 {
		float: none;
	}

	.meitetsu-area ul.brand li dl dt {
		margin-right: 0px;
	}

	.meitetsu-area ul.brand li dl dd {
		margin-right: 0px;
		padding-top: 20px;
	}

	.meitetsu-area ul.brand li dl dd h3 {
		font-size: 14px;
		margin-bottom: 20px;
		letter-spacing: .1em;
	}

	.meitetsu-area ul.brand li dl dd .meitetsu-logo {
		margin-bottom: 20px;
	}

	.meitetsu-area ul.brand li dl dd p {
		font-size: 11px;
		line-height: 2;
		letter-spacing: 0;
	}

	.meitetsu-area ul.brand li dl dd p br {display: none;}

	.meitetsu-area ul.brand li {padding: 45px 0;}
	.meitetsu-area ul.brand li:last-child {
		padding: 45px 0;
	}

	.meitetsu-area ul.quality li h3 {
		font-size: 18px;
		letter-spacing: .2em;
		margin-bottom: 20px;

	}

	.meitetsu-area ul.quality li p {
		font-size: 10px;
		letter-spacing: .1em;
	}

	.meitetsu-area ul.quality li a {
		display: block;
		padding: 80px 0;
		color: #fff;
	}

	.meitetsu-area ul.brand li:first-child {
		background: url("../image/page/concept/sp-concept-bg01.jpg") no-repeat center;
		background-size: cover;
	}

	.meitetsu-area ul.brand li:last-child {
		background: url("../image/page/concept/sp-concept-bg02.jpg") no-repeat center;
		background-size: cover;
		padding: 50px 0;
	}

	.meitetsu-area ul.quality li:first-child {
		background: url("../image/page/concept/sp-concept-bg03.jpg") no-repeat;
		background-size: cover;
	}

	.meitetsu-area ul.quality li{
		background: url("../image/page/concept/sp-concept-bg04.jpg") no-repeat;
		background-size: cover;
	}

	.meitetsu-area ul.quality li:last-child {
		background: url("../image/page/concept/sp-concept-bg05.jpg") no-repeat;
		background-size: cover;
	}

	.original-area {
		padding: 100px 0 0;
		color: #fff;
		margin-bottom: 40px;
	}

	.original-01 {
		background: url("../image/page/original/sp-original-bg01.jpg") no-repeat top 20px center;
		background-size: contain;
		padding-top: 120px;
	}

	.original-02 {
		background: url("../image/page/original/sp-original-bg02.jpg") no-repeat top center;
		background-size: contain;
		text-align: left;
	}

	.original-03 {
		background: url("../image/page/original/sp-original-bg03.jpg") no-repeat top center;
		background-size: contain;
	}

	.original-area h2 {
		font-size: 20px;
		letter-spacing: .1em;
		margin-bottom: 10px;
	}

	.original-02 h2,
	.original-02 h3{text-align: left;}


	.sp-original {
		width: 90%;
		margin: 25% auto 0;
		background-color: #fff;
		color: #000;
		padding: 20px 20px;
		position: relative;
		z-index: 10;

	}

	.original-area:before {
	    content: "";
	    width: 100%;
	    /*height: 80px;*/
	    background: #EBEBE6;
	    position: absolute;
	    bottom: 0%;
	    left: 0;
	}

	.original-area h3 {
		font-size: 13px;
		line-height: 2;
		letter-spacing: 0;
		margin-bottom: 10px;
	}

	.original-area p {
		font-size: 9px;
		line-height: 2;
		letter-spacing: .1em;
	}

	.original-area p br {display: none;}

	ul.gallery-list li h3 {
		font-size: 11px !important;
		margin-bottom: 15px;
	}

	ul.gallery-list li {
		margin-bottom: 0px;
	}

	ul.area-list li a {
		display: block;
		padding: 10px 5px 10px;
	}

	h2.gallery-ttl {
		font-size: 17px;
	}

	h2.gallery-ttl span {
		vertical-align: top;
		font-size: 11px;
		margin: 10px 0px 0px 20px;
		font-style: inherit;
		position: absolute;
		right: 4%;
	}

	.inner-video {
		max-width: 1200px;
		width: 100%;
		margin: 0 auto 40px;
		display: block;
	}


	/*----------------------------form----------------------------*/

	.form-ttl {
		font-size: 20px;
		text-align: center;
		letter-spacing: 0em;
		margin-bottom: 100px;
	}

	.form-area {
		width: 90%;
		margin: 0 auto 60px;
		border-bottom: 1px solid #000;
	}

	.form-tel {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-bottom: 30px;
	}

	.form-tel dt {
		width: 100%;
		max-width: 100%;
		font-size: 20px;
		letter-spacing: .2em;
		border: 1px solid #000;
		padding: 10px;
		box-sizing: border-box;
		text-align: center;
		margin-bottom: 20px;
	}
	.form-tel dd {
		width: 100%;
		max-width: 100%;
		margin-left: 0px;
		text-align: center;
	}

	p.form-txt {
		width: 90%;
		margin: 0 auto 60px;
		text-align: left;
		font-size: 13px;
		line-height: 2;
		letter-spacing: .1em;
	}

	.mail-area {margin-bottom: 20px;}
	.ttl-area h2.mail-form {
		width: 90%;
		margin: 0 auto;
		display: inline-block;
		font-size: 20px;
		text-align: center;
		letter-spacing: .1em;
		border: 1px solid #000;
		padding: 10px 40px;
	}


	/*----------------------------form----------------------------*/

	.form-tel-area {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.owari-area {margin-bottom: 30px;}
	.owari-area,
	.mikawa-area {
		width: 100%;
		max-width: 100%;
	}

	.form-tel-area h3 {
		font-size: 16px;
		text-align: center;
	}

	/*---------------------------- afterfollow----------------------------*/
	#page-ttl.afterfollow {
		background: url("../image/page/afterfollow/sp-main.jpg") no-repeat center;
		background-size: contain;
	}


	p.afterfollow-no {
		font-size: 17px;
		text-align: center;
		margin-bottom: 10px;
	}


	h2.afterfollow-ttl {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 20px;
		padding-bottom: 20px;
		font-size: 15px;
		letter-spacing: .3em;
	}

	.ttl-area {width: 100%;}
	.ttl-area h3.afterfollow-ttl02 {
		width: 100%;
		display: inline-block;
		font-size: 12px;
		padding: 15px 0;
		line-height: 2;
	}

	.afterfollow-flow img,
	.afterfollow-schedule img{width: 100%;}
	.afterfollow-flow {
		text-align: center;
		margin-bottom: 50px;
	}

	ul.afterfollow-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	ul.afterfollow-list li.list + li {margin-top: 20px;}
	ul.afterfollow-list li.list {
		width: 100%;
		max-width: 100%;
		border: 1px solid #8F7C52;
		padding: 0 15px 30px;
		text-align: center;
	}

	.sp-img {
		overflow-x: scroll;
	    -webkit-overflow-scrolling: touch;
	    margin-bottom: 50px;
	}

	.sp-afterfollow {

	    width: 640px;
	    border-spacing: 0;
	    margin: 0 auto;
	}

	ul.afterfollow-list li.list  .afterfollow-icon {
		width: 55px;
		max-width: 20%;
		text-align: center;
		margin: 0;
	}

	ul.afterfollow-list li.list  .afterfollow-icon img {
		width: 100%;
		height: auto;
	}

	.sp-area {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.sp-ttl {
		width: 80%;
		max-width: 90%;
		padding-top: 20px;
	}


	ul.afterfollow-list li.list h3 {
	    font-size: 13px;
	    text-align: left;
	    letter-spacing: .2em;
	    border-bottom: 1px solid #000;
	    margin-bottom: 10px;
	    padding-bottom: 10px;
	}


	ul.afterfollow-list li.list ol {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 10px;
	}

	ul.afterfollow-list li.list ol li {
		width: 18%;
		max-width: 18%;
		background-color: #fff;
		text-align: center;
		margin-right: 2%;
		padding: 10px 0;
		font-size: 9px;
		letter-spacing: 0em;
		margin-bottom: 10px;
	}

	ul.afterfollow-list li.list ol li:nth-of-type(3n) {
	    margin-right: 2%;
	}

	ul.afterfollow-list li.list ol li:last-child {
		margin-right: 0%;
	}

	.inspection-sp {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	ul.afterfollow-list li.list p.inspection {
		width: 100px;
		max-width: 20%;
		text-align: center;
		background: #8F7C52;
		color: #fff;
		font-size: 14px;
		letter-spacing: .2em;
		padding: 10px;
		margin-bottom: 0px;
	}

	ul.afterfollow-list li.list p.inspection-txt {
		width: 76%;
		max-width: 76%;
		text-align: left;
		line-height: 1.6;
		font-size: 12px;
		padding: 0;
	}

	p.afterfollow-txt16 {margin-bottom: 30px;}

	.guarantee-list dt {
		font-size: 15px;
		padding: 15px;
		margin-bottom: 20px;
	}

	.guarantee-list dd {
		font-size: 10px;
		line-height: 2;
	}

	.jio-area .jio-info h3 {
	    font-size: 12px;
	    line-height: 2;
	    margin-bottom: 30px;
	}

	.guarantee-ttl {
		color: #42210B;
		margin-bottom: 20px !important;
	}


	h2.guarantee-ttl {
		font-size: 20px;
		letter-spacing: .1em;
		margin-bottom: 10px;
	}

	.guarantee-area {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 50px;
	}

	.guarantee-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.guarantee-list {
		width: 100%;
	}

	.guarantee-list + .guarantee-list {margin-top: 40px;}
	.guarantee-list dt span {
		display: block;
		padding: 10px 0 0;
		line-height: 1.6;
	}

	.guarantee-list dd ul li {
		width: 31%;
		background-color: #D7D7C2;
		font-size: 9px;
		letter-spacing: 0em;
		padding: 10px 8px;
		margin-top: 10px;
	}

	.jio-area {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
		padding: 20px 0;
	}

	.jio-area .jio-img{
		width: 90%;
		max-width: 90%;
		margin: 0 auto 20px;
	}

	.jio-area .jio-img img {width: 100%;}

	.jio-area .jio-info{
		width: 100%;
		max-width: 100%;
	}

	p.txt-18{
		font-size: 12px;
		line-height: 2;
		margin-bottom: 10px;
		text-align: center;
	}

	p.txt-ttl {
		width: 100%;
		font-size: 12px;
		margin-bottom: 50px;
		text-align: center;
	}


	/*----------------------------thought----------------------------*/

	.professional-area {
		background: url("../image/page/thought/thought.png"),
			url("../image/page/thought/thought-bg.png");
		background-position: top left -23px, bottom;
		background-repeat: no-repeat;
		background-size: 20% auto ,cover;
		padding: 50px 0 240px;
		margin-bottom: 50px;
	}

	.professional-main {
		width: 60%;
		margin: 0 auto 20px;
		text-align: center;
	}

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

	.professional-area h2 {
		color: #42210B;
		font-size: 14px;
		line-height: 2;
		letter-spacing: .1em;
		padding-left: 0px;
		margin-bottom: 20px;
		text-align: center;
	}

	.professional-area p {
		color: #42210B;
		font-size: 10px;
		letter-spacing: .1em;
		line-height: 2.6;
		padding-left: 0px;
		text-align: center;
	}

	/*.professional-area p br {display: none;}*/


	.thought-01 {
		background: url("../image/page/thought/sp-thought-bg01.jpg") no-repeat;
		background-size: contain;
	}

	.thought-02 {
		background: url("../image/page/thought/sp-thought-bg02.jpg") no-repeat;
		background-size: contain;
		text-align: left;
	}

	.thought-03 {
		background: url("../image/page/thought/sp-thought-bg03.jpg") no-repeat;
		background-size: contain;
	}

	.thought-area {
		padding: 100px 0 0;
		color: #000;
		margin-bottom: 40px;
	}

	.thought-area h2 {
		font-size: 16px;
		line-height: 2;
		letter-spacing: .1em;
		margin-bottom: 10px;
	}

	.thought-area h2 br {display: none;}

	.thought-area h3 {
		font-size: 13px;
		line-height: 2;
		letter-spacing: 0;
		margin-bottom: 10px;
	}

	.thought-area p {
		font-size: 10px;
		line-height: 2;
		letter-spacing: .1em;
	}

	.thought-area p br {display: none;}

	.thought-02 {
		text-align: left;
	}

	.mb70 {margin-bottom: 50px !important;}
	.mb100 {margin-bottom: 30px !important;}

	.footer-btn {
		width: 100%;
		position: fixed;
		bottom: 0px;
		left: 0;
		vertical-align: bottom;
		z-index: 11;
		background-color: #fff;
	}

	.footer-btn ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.footer-btn ul li.request,
	.footer-btn ul li.contact,
	.footer-btn ul li.foot-area {
		width: 33.2%;
	}

	.footer-btn ul li.tel {
		width: 100%;
		margin-bottom: 1%;
	}

	.footer-btn ul li img {width: 100%;}


	.btn_page {
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}

	.openbtn.top {
	  background-image: url(../image/common/sp-menu-inner.png);
	}

	.openbtn {
	    position: fixed;
	    top: 25px;
	    right: 20px;
	    z-index: 9999;
	    cursor: pointer;
	    width: 30px;
	    height: 22px;
	    background-image: url(../image/common/sp-menu-inner.png);
	    background-size: 30px 22px;
	}

	.openbtn {
	    position: fixed;
	    top: 25px;
	    right: 20px;
	    z-index: 9999;
	    cursor: pointer;
	    width: 30px;
	    height: 22px;
	    background-size: 30px 22px;
	}

	.openbtn.active {
	    background-image: url(../image/common/sp-menu-push.png);
	}

	p.sp-txt {
		font-size: 12px !important;
		margin-bottom: 10px;
		text-align: center;
	}

	.js-scrollable {
	   overflow-x: scroll;
	}

	.js-scrollable {overflow-x: scroll; margin-bottom: 30px;}
	table.formTable th span {
		background-color: #A0272D;
		color: #fff;
		font-size: 11px;
		letter-spacing: .1em;
		padding: 6px 8px;
		margin-right: 10px;
	}
	table.formTable tr.top td,
	table.formTable tr.top th{
		width: 100%;
		display: block;
	}
	table.formTable tr.top th {
		font-size: 13px;
		line-height: 2;
	}
	th.check-txt {
		text-indent:-4em;
		padding-left:4em;
	}
	span.area-ttl {
	    font-size: 12px;
	    padding: 30px 0 10px;
	    letter-spacing: .1em;
	    line-height: 2;
	    display: block;
	}

	.checkbox {justify-content: space-between;}
	.checkbox .mwform-checkbox-field {
	    width: 48% !important;
	    max-width: 48% !important;
	    margin: 0 0 10px 0 !important;
	    background-color: #fff;
	}
	.checkbox .mwform-checkbox-field label {padding: 7px;}
	.mwform-checkbox-field input, .mwform-radio-field input {
	    margin-right: 1px !important;
	}

	.pl20 {padding-left: 0% !important;}
	.checkbox .mwform-radio-field {
	    text-align: center;
	    width: 48%;
	    margin-left: 0;
	}

	.checkbox .mwform-checkbox-field span {font-size: 10px;}

	table.formTable tr.top.form th {
		width: 100% !important;
		display: block;
	}

	table.formTable tr.top.form td {
		width: 100% !important;
		display: block;
	}
	table.formTable td .cont_input {width: 100%;}
	table.formTable td .sp_cont {
		width: 46%;
	}

	.more-form {
	    width: 80%;
	    text-align: center;
	    margin: 40px auto;
	}


	.more-form a {
	    width: 100% !important;
	    color: #000 !important;
	    border: 1px solid #000;
	}

	.agree-check {
    	text-align: center;
    	padding-top: 50px;
    	font-size: 13px;
    }

	#submit input{
		font-size: 14px;
	    padding: 25px 40px;
	    width: 80%;
		cursor:pointer;
	}

	table.formTable tr.top.form td {
	    display: inline-block !important;
	    padding: 5px 0;
	}

	.instagram-area {padding: 80px 0 0;}

	.thanks-area h3 {
		font-size: 20px;
		letter-spacing: .1em;
		margin-bottom: 50px;
	}

	.thanks-area p {
		font-size: 14px;
		line-height: 2;
	}

	.checkbox-area span:nth-child(-n+3) {
		margin-bottom: 10px !important;
	}


div.checkbox span:nth-child(2) {
	margin-right: 0px !important;
  }


	.checkbox-area span:nth-of-type(3) {
		margin-top: 50px !important;
	}

	.checkbox-area span:nth-of-type(4) {
		margin-top: 50px !important;
	}

	span.mikawa {margin-top: -4.5%;}

	.ttl-top {
	    padding-top: 105px !important;
	}


.nenmatu img {
	margin: 0 auto 1rem;
	max-width: 100%;
  }
  

}

@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */