@charset "utf-8";
/*
Theme Name: HALLELUJAH
Theme URI: null
Description: Description
Author: 81bridge - LZJ
Version: 1.0
*/

.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}

img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}

a.nolink,
a.nolink:hover {
	opacity: 1;
	cursor: default;
	pointer-events: none;
}
.wp-block-image figure,
.wp-block-image figcaption {
	display: block;
}
.bgimg {
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.bgimg img,
a:hover .bgimg img {
	opacity: 0 !important;
}
.wp-pagenavi {
	margin: 20px 0;
}
.wp-pagenavi .pages {
	display: none;
}




/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
}
html {
	font-size: 62.5%;
}
body, table, input, textarea, select, option {
 	font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 

}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
}
a,
a:link {
	color: #262626;
	text-decoration: none;
}
a:visited {
	color: #262626;
}
a:hover {
	color: #262626;
}
a:active {
	color: #262626;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #262626;
	font-size: 1.5rem;
	line-height: 1.8;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background-color: #FFF;
}
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

#container {
	text-align: left;
	overflow: hidden;
	position: relative;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media all and (min-width: 897px) {
	.sp {
		display: none !important;
	}
}
@media all and (max-width: 896px) {
	body {
		min-width: inherit;
		font-size: 1.16rem;
		/*line-height: 1.42;*/
	}
	a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
	#container {
		padding-top: 45px;
	}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	padding: 20px 47px 20px 27px;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	z-index: 99;
	justify-content: space-between;
	background-color:#fff;
}
#gHeader.fix {
	-webkit-animation: slideDown 0.5s ease;
	animation: slideDown 0.5s ease;
}
#gHeader h1 {
	/*margin-left: 106px;*/
	width: 82px;
}
#gHeader .sns {
	display: flex;
}
#gHeader .sns li {
	margin-left: 16px;
}
#gHeader .sns img {
	height: 22px;
}
#gHeader .sns a:hover {
	opacity: 0.7;
}
#gHeader nav{
	width:70%;
	max-width: 1057px;
}
#gHeader .gmenu ul{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
#gHeader .gmenu ul li{
	font-weight: 500;
	font-size: 1.6rem;
	padding: 5px 8px;	
}
#gHeader .gmenu li a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #262626;
    transition: color 0.25s ease;
}

#gHeader .gmenu li a i {
    flex-shrink: 0;
    width: 18px;
    color: #ed8000;
    font-size: 16px;
    text-align: center;
    transition:
        color 0.25s ease,
        transform 0.25s ease;
}

#gHeader .gmenu li a:hover {
    color: #ed7500;
}

#gHeader .gmenu li a:hover i {
    color: #f2b900;
    transform: translateY(-2px);
}



.menu {
	display: none;
}
.menu span {
	background: #000;
	height: 4px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s ease;
	border-radius: 4px;
}
.menu span:nth-of-type(2) {
	top: 11px;
}
.menu span:nth-of-type(3) {
	top: 22px;
}
.menu.close .top {
	transform: translateY(11px) translateX(0) rotate(45deg);
}
.menu.close .middle {
	opacity: 0;
}
.menu.close .bottom {
	transform: translateY(-11px) translateX(0) rotate(-45deg);
}
@media all and (max-width: 896px) {
	#gHeader {
		padding: 8px 17px 8px 15px;
	}
	#gHeader h1 {
		margin-left: 0px;
		width: 66px;
	}
	#gHeader .gmenu{
		display: none;
	}
	#gHeader .sns img {
		height: 21px;
	}
	.menu {
		margin-top: 5px;
		width: 23px;
		height: 20px;
	display: block;
	position: relative;
	cursor: pointer;
	transition: all .3s ease;
	}
	.menu span {
		height: 3px;
	}
	.menu span:nth-of-type(2) {
		top: 7px;
	}
	.menu span:nth-of-type(3) {
		top: 14px;
	}
	.menu.close .top {
		transform: translateY(7px) translateX(0) rotate(45deg);
	}
	.menu.close .middle {
		opacity: 0;
	}
	.menu.close .bottom {
		transform: translateY(-7px) translateX(0) rotate(-45deg);
	}
}
/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {
	padding: 40px;
	position: fixed;
	left: -320px;
	top: 0;
	width: 320px;
	height: 100vh;
	color: #262626;
	z-index: 100;
	letter-spacing: 1px;
	overflow: auto;
	box-sizing: border-box;
	transition: .3s;
	background-color: #ffd900;
}
#gNavi.on {
	left: 0;
}
#gNavi .close {
	margin-bottom: 40px;
}
#gNavi p {
	margin-bottom:10px
}
#gNavi li {
	margin-bottom: 10px;
}
#gNavi li a {
	color: #262626;
}
#cover {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
}
#cover.on {
	display: block;
}
@media all and (min-width: 897px) {
	#gNavi li a:hover {
		text-decoration: underline;
	}
}
@media all and (max-width: 896px) {
	#gNavi {
		width: 300px;
		padding: 40px 25px;
		font-size: 1.25rem;
	}
	#gNavi p {
	margin-bottom:10px
	}
}
/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
}
#pagePath li {
	display: inline;
	color: #000;
	font-size: 1.2rem;
}
#pagePath a {
}
@media all and (max-width: 896px) {
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 65px 0 0;
	text-align: center;
	font-size: 0.9rem;
	background-color: #FFD900;
	border-bottom: 20px solid #FFD900;
}
#gFooter .logo {
	margin: 0 auto 75px;
	width: 154px;
}
#gFooter .fNavi {
	margin-bottom: 23px;
}
#gFooter .fNavi li {
	display: inline-block;
}
#gFooter .fNavi li:after {
	margin: 0 12px;
	display: inline-block;
	width: 1px;
	height: 10px;
	background: #000;
	content: '';
	vertical-align: middle;
}
#gFooter .fNavi li:last-child:after {
	display: none;
}
#gFooter .copyright {
	padding: 16px 5px;
	background: #FFF;
}
@media all and (min-width: 897px) {
	#gFooter .fNavi a:hover {
		text-decoration: underline;
	}
}
@media all and (max-width: 896px) {
	#gFooter {
		padding-top: 22px;
		font-size: 1rem;
		border-width: 6px;
	}
	#gFooter .logo {
		margin: 0 auto 14px;
		width: 66px;
	}
	#gFooter .fNavi {
		margin: 0 auto 23px;
		width: 320px;
		line-height: 1.3;
	}
	#gFooter .fNavi li:nth-child(3):after,
	#gFooter .fNavi li:nth-child(7):after {
		display: none;
	}
	#gFooter .copyright {
		padding: 7px 5px;
		font-size: 0.6rem;
		letter-spacing: 0.5px;
	}
}
@media all and (max-width: 374px) {
	#gFooter {
		font-size: 0.9rem;
	}
}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
/* clearfix */	
* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}
.clearfix:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}
/* flex */	
.flex,.flexA,.flexB,.flexC {display: flex;flex-wrap: wrap;}
.flexA {justify-content: space-around;}
.flexB {justify-content: space-between;}
.flexC {justify-content: center;}

.headLine01 {
	padding: 74px 0 66px;
	font-size: 2.7rem;
	color: #EF8200;
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
	background: url("img/common/img01.png")no-repeat center top / 65px auto;
	font-weight:bold !important;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
	
}
.headLine01 img {
	display: block;
	height: 10px;
	margin: 7px auto 0;
}
@media all and (max-width: 896px) {
	.headLine01 {
		padding: 46px 0 23px;
		font-size: 1.66rem;
		background-size: 40px auto;
	}
	.headLine01 img {
		margin-top: 4px;
		height: 6px;
	}
}
/*content*/

.difference,
.faq,
.content,
.comBox {
	margin: 0 auto;
	padding: 0 40px;
	max-width: 795px;
}
.comBox {
	margin: 0 auto;
	padding: 0 40px;
}
@media all and (max-width: 374px) {
}

/*SP*/
@media screen and (max-width: 767px) {
.difference,
.faq {
	padding: 0 0px;
}
	.content,
	.comBox,
	.catBox{
		padding: 0 20px;
	}
}


/* comVoiceList */
.comVoiceList {
	padding-bottom: 44px;
	margin-top: -35px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: 1px dashed #000;
}
.comVoiceList li {
	margin-top: 35px;
	padding: 30px 31px;
	width: 47.5%;
	box-sizing: border-box;
	background: #FFFBE5;
}
.comVoiceList .photo {
	margin-bottom: 30px;
	position: relative;
}
.comVoiceList .photo img {
	width: 100%;
}
.comVoiceList p:not(:last-child) {
	margin-bottom: 20px;
	
}
.comVoiceList h3 {
	margin-bottom: 5px;
	color: #EF8200;
	font-weight: bold;
}
@media all and (max-width: 896px) {
	.comVoiceList {
		margin-top: -30px;
	}
	.comVoiceList li {
		margin-top: 30px;
		padding: 25px;
		width: 100%;
	}
	.comVoiceList .photo {
		margin-bottom: 24px;
	}
	.comVoiceList p:not(:last-child) {
		margin-bottom: 10px;
	}
}
.historyList {
	margin: 63px 15px 0;
}
.historyList p {
	margin-bottom: 20px;
}
.historyList li {
	margin-bottom: 3px;
	line-height: 1.15;
}
.historyList li:last-child {
	margin-bottom: 0;
}
.historyList li a {
	display: inline-block;
}
@media all and (min-width: 897px) {
	.historyList li a:hover {
		text-decoration: underline;
	}
}
@media all and (max-width: 896px) {
	.historyList {
		margin: 34px 0 0;
	}
	.historyList p {
		margin-bottom: 11px;
	}
	.historyList li {
		margin-bottom: 0;
	}
}
/* comNum */
.comNum {
	margin: -19px 0 0 -19px;
	position: absolute;
	left: 50%;
	top: 50%;
	color: rgba(0,0,0,0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 38px;
	background: rgba(255,255,255,0.75);
	border-radius: 38px;
}
@media all and (max-width: 896px) {
	.comNum {
		margin: -20px 0 0 -20px;
		width: 40px;
		height: 40px;
		font-size: 1.56rem;
	}
}
/* comStaffBox */
.comStaffBox {
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.comStaffBox .textBox {
	padding: 10px 0;
	width: 457px;
}
.comStaffBox .photo {
	width: 285px;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}
.comStaffBox .ttl {
	margin-bottom: 24px;
}
.comStaffBox .ttl .name {
	display: block;
}
@media all and (max-width: 896px) {
	.comStaffBox .photo {
		width: 133px;
	}
	.comStaffBox .textBox {
		padding: 0 0 0 18px;
		width: auto;
		flex: 1;
		line-height: 1.14;
	}
	.comStaffBox {
		margin: -2px auto 24px;
		align-items: flex-start;
	}
	.comStaffBox .ttl {
		margin-bottom: 12px;
		letter-spacing: 0;
	}
	.comStaffBox p {
		letter-spacing: 1px;
	}
}
@media all and (max-width: 374px) {
	.comStaffBox .photo {
		width: 100px;
	}
}

/* centerTxt */
.centerTxt {
	margin-bottom: 58px;
	text-align: center;
}
@media all and (max-width: 896px) {
	.centerTxt {
		margin-bottom: 30px;
	}
}
/* headLine03 */

.headLine06,
.headLine07,
.headLine03 {
	margin-bottom: 26px;
	color: #fff;
	font-weight: normal;
	font-size: 2.54rem;
	text-align: center;
}

.headLine06 span,
.headLine07 span,
.headLine03 span {
	padding: 7px 5px 6px;
	min-width: 173px;
	display: inline-block;
	border: 1px solid #000;
	border-radius: 2px;
	background-color: #EF8200;
	box-sizing: border-box;
	position: relative;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}


.headLine07 {
	margin-bottom: 26px;
	color: #fff;
	font-weight: normal;
	font-size: 2rem;
}

.headLine07 span {
	padding: 7px 5px 6px;
	min-width: 173px;
	display: inline-block;
	border: 1px solid #000;
	border-radius: 2px;
	background-color: #EF8200;
	box-sizing: border-box;
	position: relative;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}

.headLine03 span::after {
	width: 34px;
	height: 14px;
	position: absolute;
	bottom: -12px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(img/common/icon01.png) no-repeat left top;
	background-size: 34px auto;
	content: "";
}
@media all and (max-width: 896px) {
	.headLine07,
	.headLine03 {
		margin-bottom: 28px;
		font-size: 1.66rem;
	}
	.headLine06 {
		font-size: 1.66rem;
	}
	.headLine07 span,
	.headLine03 span {
		padding: 3px 5px 3px;
		min-width: 114px;
	}
	.headLine07 span::after,
	.headLine03 span::after {
		width: 23px;
		height: 14px;
		bottom: -13px;
		background-size: 23px auto;
	}
}
/* headLine04 */
.headLine04 {
	margin-bottom: 54px;
	font-size: 1.8rem;
}
.headLine04 span {
	padding: 12px 5px 11px;
	min-width: 370px;
}
/* headLine05 */
.headLine08,
.headLine05 {
	margin-bottom: 30px;
	font-size: 1.7rem;
}
.headLine08 span,
.headLine05 span {
	padding: 4px 12px 3px;
	min-width: 98px;
	letter-spacing: 1px;
}
.headLine05 span::after {
	width: 22px;
	height: 10px;
	left: 15px;
	bottom: -8px;
	left: 9px;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	background-image: url(img/common/icon02.png);
	background-size: 22px auto;
}
@media all and (max-width: 896px) {
	.headLine04 {
		margin-bottom: 21px;
		font-size: 1.16rem;
		min-width: 173px;
	}
	.headLine04 span {
		min-width: 173px;
		padding: 8px 20px 6px;
	}
	.headLine04 span::after {
		bottom: -13px;
	}
	.headLine08,
	.headLine05 {
		margin-bottom: 7px;
		color: #EF8200;
		font-size: 1.66rem;
	}
	.headLine08 span,
	.headLine05 span {
		margin: 0;
		padding: 0;
		min-width: 0;
		border: none;
		background-color: transparent;
	}
	.headLine08 span::after,
	.headLine05 span::after {
		display: none;
	}
}
/* comBtn */
.comBtn {
	margin: 20px 0 0 0;
	text-align: right;
}

.comBtn2 {
	margin: 20px 0 0 0;
	text-align: right;
}

/*SP*/
@media screen and (max-width: 767px) {
.comBtn2 {
	text-align:center;
}
}

span.comBtn3,
.comBtn a,
.comBtn2 a {
	padding: 3px 21px 2px 12px;
	color: #fff;
	font-size: 1.2rem;
	border: 1px solid #000;
	background-color: #EF8200;
	display: inline-block;
	position: relative;
	border-radius: 2px;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}



.comBtn a::after,
.comBtn2 a::after {
	margin-top: -3px;
	width: 0;
	height: 0;
	border: 3px solid #fff;
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	transform: rotate(-45deg);
	position: absolute;
	right: 9px;
	top: 50%;
	content: ""; 
}

span.comBtn3 span::after {
	margin-top: -3px;
	width: 0;
	height: 0;
	border: 3px solid #fff;
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	transform: rotate(45deg);
	position: absolute;
	right: 22px;
	top: 25%;
	content: ""; 
}

@media all and (min-width: 897px) {
	.comBtn a:hover,
	.comBtn2 a:hover {
		opacity: 0.7;
	}
}
@media all and (max-width: 896px) {
	.comBtn a,
	.comBtn2 a {
		padding: 1px 17px 1px 9px;
		font-size: 1rem;
	}
}
/* comList */
.comList li {
	margin-bottom: 64px;
	display: flex;
	justify-content: space-between;
}
.comList li:last-child {
	margin-bottom: 0;
}
.comList .photoBox {
	width: 381px;
	position: relative;
}
.comList .photoBox img {
	width: 100%;
	height: auto;
}

.comList .photoBox a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}



.comList .textBox {
	width: 330px;
}
.comList .ttl {
	margin-bottom: 5px;
	color: #EF8200;
	font-size: 2.7rem;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}
.comList .num {
	margin-bottom: 28px;
}
/* comList02 */
.comList02 li {
	margin-bottom: 50px;
}
.comList02 li:last-child {
	margin-bottom: 0;
}
.comList02 .textBox {
	padding-right: 15px;
	width: 390px;
	box-sizing: border-box;
}
.comList02 .textBox p {
	text-align: justify;
}
@media all and (max-width: 896px) {
	.comList li {
		margin-bottom: 24px;
		display: block;
	}
	.comList .textBox {
		margin-bottom: 13px;
		width: auto;
		text-align: center;
	}
	.comList .photoBox {
		width: auto;
	}
	.comList .num {
		margin-bottom: 15px;
		text-align: center;
	}
	.comList .num img {
		width: 70px;
	}
	.comList .ttl {
		margin-bottom: 2px;
		font-size: 1.66rem;
		line-height: 1.2;
	}
	.comList02 li {
		margin-bottom: 13px;
	}
	.comList02 .photoBox {
		display: none;
	}
	.comList02 .textBox {
		margin-bottom: 0;
		padding-right: 0;
		position: relative;
	}
	.comList02 .textBox .comBtn2,
	.comList02 .textBox .comBtn {
		margin: 0;
		position: absolute;
		top: 2px;
		right: 2px;
	}
}
/* numList */
.numList {
	margin: 0 auto;
	padding-left: 38px;
	max-width: 590px;
	box-sizing: border-box;
}
.numList li {
	margin-bottom: 36px;
	position: relative;
}
.numList li:last-child {
	margin-bottom: 0;
}
.numList .num {
	position: absolute;
	top: -5px;
	left: -41px;
}
@media all and (max-width: 896px) {
	.numList {
		max-width: inherit;
		padding-left: 30px;
		font-size: 1.16rem;
		line-height: 1.14;
	}
	.numList li {
		margin-bottom: 11px;
		min-height: 26px;
		display: flex;
		align-items: center;
	}
	.numList .num {
		top: 2px;
		left: -30px;
		width: 21px;
	}
}
/* comTable */
.comTable {
	width: 100%;
	border-collapse: collapse;
}
.comTable th,
.comTable td {
	text-align: left;
	vertical-align: middle;
}
/* slideDown */
@-webkit-keyframes slideDown { 0% { top: -60px; }
  100% { top: 0; } }
@keyframes slideDown { 0% { top: -60px; }
  100% { top: 0; } }

/*------------------------------------------------------------
	voice
------------------------------------------------------------*/
.voice {
	padding: 162px 0 233px;
}
@media all and (max-width: 896px) {
	.voice {
		padding: 34px 0 70px;
	}
}

/*------------------------------------------------------------
	event
------------------------------------------------------------*/
.event {
	padding: 162px 0 179px;
	background-color: #ffd900;
}
.event .headLine01 {
	margin-bottom: 62px;
}
.event .headLine01 img {
	height: 12.5px;
}
.event .eventList > li {
	padding-bottom: 67px;
	margin-bottom: 61px;
	position: relative;
	line-height: 1.33;
	border-bottom: 1px dashed #000;
	display: flex;
	justify-content: space-between;
}
.event .eventList > li:last-child {
	margin-bottom: 0;
}
.event .eventList .textBox {
	width: 340px;
}
.event .eventList .textBox p {
	margin-bottom: 20px;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	letter-spacing: -1px;
}
.event .eventList .textBox p:last-child {
	margin-bottom: 0;
}
.event .eventList .textBox h2 {
	margin-bottom: 41px;
	font-weight: normal;
}
.event .eventList .textBox h2 .time {
	display: block;
}
.event .eventList .photoUl {
	margin-top: 2px;
	width: 381px;
}
.event .eventList .photoUl img {
	width: 100%;
	height: auto;
}
.event .eventList .photoUl li {
	margin-bottom: 40px;
}
.event .eventList .photoUl li:last-child {
	margin-bottom: 0;
}
@media all and (max-width: 896px) {
	.event {
		padding: 32px 0 50px;
	}
	.event .eventList .photoUl {
		margin: 0 1px 22px;
		width: auto;
	}
	.event .eventList .textBox {
		width: auto;
	}
	.event .headLine01 img {
		height: 8px;
	}
	.event .headLine01 {
		margin-bottom: -7px;
	}
	.event .eventList > li {
		margin-bottom: 38px;
		padding-bottom: 36px;
		line-height: 1.14;
		display: block;
	}
	.event .eventList .textBox h2 {
		margin-bottom: 20px;
	}
	.event .eventList .textBox p {
		margin-bottom: 13px;
	}
	.event .eventList .photoUl li {
		margin-bottom: 20px;
	}
}
/* staff */
.staff {
	padding: 162px 0 179px;
}
.staff .headLine01 img {
	height: 10.5px;
}
.staff .headLine01 {
	margin-bottom: 66px;
}
.staff .detailBox {
/* 	max-width: 708px; */
}
.staff .detailBox h3 {
	margin-bottom: 20px;
	color: #EF8200;
	font-size: 2.7rem;
	font-weight: normal;
	line-height: 1.18;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}
.staff .detailBox p {
	margin-bottom: 19px;
	line-height: 1.33;
	font-weight:bold;
}
.staff .detailBox ul {
	margin: 0 0 40px -4px;
}
.staff .detailBox ul:last-child {
	margin-bottom: 0;
}
.staff .detailBox ul li {
	padding-left: 0.4em;
	text-indent: -0.4em;
}
.staff .detailBox p + h3 {
	margin-top: 38px;
}
.staff .staffUl > li {
	margin-bottom: 62px;
	padding-bottom: 57px;
	border-bottom: 1px dashed #000;
}
.staff .staffUl > li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.spSize {
	font-weight:normal !important;
}

@media all and (max-width: 896px) {
	.staff {
		padding: 34px 0 27px;
	}
	.staff .headLine01 img {
		height: 6.5px;
	}
	.staff .headLine01 {
		margin-bottom: -8px;
	}
	.staff .detailBox h3 {
		margin-bottom: 4px;
		font-size: 1.7rem;
	}
	.staff .detailBox p,
	.staff .detailBox ul {
		line-height: 1.14;
		letter-spacing: 0.5px;
	}
	.staff .detailBox p {
		margin-bottom: 8px;
	}
	.staff .detailBox ul {
		margin-bottom: 15px;
	}
	.staff .staffUl > li {
		margin-bottom: 36px;
		padding-bottom: 39px;
	}
	.staff .staffUl .spSize {
		font-size: 1rem;
	}
	.staff .detailBox p + h3 {
		margin-top: 16px;
	}
}

/* housing */
.supportdesk,
.exterior,
.renovation,
.existing-house,
.ready-built,
.housing {
	padding-bottom: 62px;
	background-color: #fffbe5;
}

.housing .mainImg {
	margin-bottom: 66px;
	padding-top: 82px;
	height: 720px;
	background: url(img/024.jpg) no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	position: relative;
}

.supportdesk .mainImg {
	margin-bottom: 66px;
	padding-top: 82px;
	height: 720px;
	background: url(img/055.jpg) no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	position: relative;
}

.ready-built .mainImg {
	margin-bottom: 66px;
	padding-top: 82px;
	height: 720px;
	background: url(img/029.jpg) no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	position: relative;
}

.existing-house .mainImg {
	margin-bottom: 66px;
	padding-top: 82px;
	height: 720px;
	background: url(img/034.jpg) no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	position: relative;
}

.exterior .mainImg {
	margin-bottom: 66px;
	padding-top: 82px;
	height: 720px;
	background: url(img/044.jpg) no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	position: relative;
}

.houseoption,
.housecleaning {
	background:#fff8dc;
}

.houseoption .mainImg,
.housecleaning .mainImg {
	margin-bottom: 66px;
	padding-top: 82px;
	height: 300px;
	background-size: cover;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	position: relative;
}

/*SP*/
@media screen and (max-width: 767px) {
.houseoption .mainImg,
.housecleaning .mainImg {
	margin-bottom: 0px;
	padding-top: 0px;
	height: 283px;
}
}

.renovation .mainImg {
	margin-bottom: 66px;
	padding-top: 82px;
	height: 720px;
	background: url(img/039.jpg) no-repeat center center;
	background-size: cover;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	position: relative;
}
.exterior .mainImg .comNum,
.renovation .mainImg .comNum,
.existing-house .mainImg .comNum,
.ready-built .mainImg .comNum,
.housing .mainImg .comNum {
	margin: 0;
	top: 80px;
	left: 25px;
}

.supportdesk .mainImg .innerBox,
.houseoption .mainImg .innerBox,
.housecleaning .mainImg .innerBox,
.exterior .mainImg .innerBox,
.renovation .mainImg .innerBox,
.existing-house .mainImg .innerBox,
.ready-built .mainImg .innerBox,
.housing .mainImg .innerBox {
	margin: 0 auto;
	max-width: 800px;
}

.supportdesk .mainImg .centerTxt,
.houseoption .mainImg .centerTxt,
.housecleaning .mainImg .centerTxt,
.exterior .mainImg .centerTxt,
.renovation .mainImg .centerTxt,
.existing-house .mainImg .centerTxt,
.ready-built .mainImg .centerTxt,
.housing .mainImg .centerTxt {
	margin-bottom: 0;
	font-size:18px;
	font-weight:bold;
}




.exterior .headLine01,
.renovation .headLine01,
.existing-house .headLine01,
.ready-built .headLine01,
.housing .headLine01 {
	padding-bottom: 62px;
}

.supportdesk .supportBox,
.exterior .supportBox,
.renovation .supportBox,
.existing-house .supportBox,
.ready-built .supportBox,
.housing .supportBox {
	margin-bottom: 63px;
	padding-bottom: 75px;
	border-bottom: 1px dashed #000;
}

.exterior .flowBox,
.renovation .flowBox,
.existing-house .flowBox,
.ready-built .flowBox,
.housing .flowBox {
	margin-bottom: 65px;
}
@media all and (max-width: 896px) {
	.housing .mainImg {
		margin-bottom: 30px;
		padding: 0 10px 15px;
		height: 283px;
		background-image: url(img/housing/sp_main_img.jpg);
	}

	.supportdesk .mainImg {
		margin-bottom: 30px;
		padding: 0 10px 15px;
		height: 283px;
	}


	.ready-built .mainImg {
		margin-bottom: 30px;
		padding: 0 10px 15px;
		height: 283px;
		background-image: url(img/029.jpg);
	}

	.existing-house .mainImg {
		margin-bottom: 30px;
		padding: 0 10px 15px;
		height: 283px;
		background-image: url(img/034.jpg);
	}


	.renovation .mainImg {
		margin-bottom: 30px;
		padding: 0 10px 15px;
		height: 283px;
		background-image: url(img/039.jpg);
	}

	.exterior .mainImg {
		margin-bottom: 30px;
		padding: 0 10px 15px;
		height: 283px;
		background-image: url(img/044.jpg);
	}

	.exterior .mainImg .centerTxt,
	.renovation .mainImg .centerTxt,
	.existing-house .mainImg .centerTxt,
	.ready-built .mainImg .centerTxt,
	.housing .mainImg .centerTxt {
		text-align: left;
		/*line-height: 1.42;*/
	}

	.supportdesk .mainImg .innerBox,
	.houseoption .mainImg .innerBox,
	.housecleaning .mainImg .innerBox,
	.exterior .mainImg .innerBox,
	.renovation .mainImg .innerBox,
	.existing-house .mainImg .innerBox,
	.ready-built .mainImg .innerBox,
	.housing .mainImg .innerBox {
		max-width: 71%;
	}
	.exterior .mainImg .comNum,
	.renovation .mainImg .comNum,
	.existing-house .mainImg .comNum,
	.ready-built .mainImg .comNum,
	.housing .mainImg .comNum {
		top: 17px;
		left: 19px;
	}
	.exterior .headLine01,
	.renovation .headLine01,
	.existing-house .headLine01,
	.ready-built .headLine01,
	.housing .headLine01 {
		padding-bottom: 19px;
	}
	.exterior .flowBox,
	.renovation .flowBox,
	.existing-house .flowBox,
	.ready-built .flowBox,
	.housing .flowBox {
		margin-bottom: 25px;
	}
	.exterior .supportBox,
	.renovation .supportBox,
	.existing-house .supportBox,
	.ready-built .supportBox,
	.housing .supportBox {
		margin-bottom: 30px;
		padding-bottom: 33px;
	}
	.exterior,
	.renovation,
	.existing-house,
	.ready-built,
	.housing {
		padding-bottom: 30px;
	}
	.exterior .supportBox .headLine04,
	.renovation .supportBox .headLine04,
	.existing-house .supportBox .headLine04,
	.ready-built .supportBox .headLine04,
	.housing .supportBox .headLine04 {
		margin: 0 60px 21px;
	}
}
/* top */
.index #gHeader {
	padding: 13px 47px 14px 27px;
	bottom: 0;
	top: auto;
	position: absolute;
}
.index #gHeader.fix {
	position: fixed;
	top: 0;
	bottom: auto;
}
.index #gHeader h1 {
/* 	display: none; */
}
.index .mainVisual {
	margin-bottom: 65px;
	position: relative;
	/*background: url(img/index/main_img.jpg) no-repeat center center;*/
	background-size: cover;
	box-sizing: border-box;
    height: auto !important;
    min-height: 0 !important;
	/*height: 100vh;
	min-height: 550px;
	display: flex;
	align-items: center;*/
}
.index .mainVisual .videoBox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden;
}
.index .mainVisual .videoBox video {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.index .mainVisual .innerBox {
	padding-top: 8.5%;
	margin: 0 auto;
	width: 1000px;
}
.index .mainVisual .textImg {
	margin-bottom: 78px;
	text-align: center;
}
.index .mainVisual .slickBox {
	padding: 0 28px;
	position: relative;
}
.index .mainVisual .textUl li {
	background-color: #fff;
	border-radius: 19px;
	font-size: 1.8rem;
	line-height: 1.23;
	text-align: center;
	letter-spacing: 1.8px;
}
.index .mainVisual .textUl img {
    display: block;
    width: 100%;
    height: auto !important;
}
.index .mainVisual .slick-list {
	border-radius: 19px;
	overflow: visible;
}
.index .mainVisual .slick-slide {
	padding:0px 10px;
	opacity: 0.6;
}
.index .mainVisual .slick-slide.slick-active{
	opacity: 1.0;
}

.index .mainVisual .arrowUl li {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	border-radius: 50%;
	overflow: hidden;
	background-color: #fff;
}
.index .mainVisual .arrowUl .prev {
	left: 4px;
}
.index .mainVisual .arrowUl .next {
	right: 4px;
}

.index .mainVisual .textUl,
.index .mainVisual .slick-list,
.index .mainVisual .slick-track,
.index .mainVisual .slick-slide,
.index .mainVisual .slick-slide > div,
.index .mainVisual .textUl li {
    height: auto !important;
    min-height: 0 !important;
}

.index .consultation h2 {
	margin-bottom: 5px;
	text-align: center;
	font-size: 2.7rem;
	font-weight: normal;
	letter-spacing: 2px;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}


.index .consultation h2 span {
	margin-top: 29px;
	display: block;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}
.index .consultation .bg {
	padding: 90px 0;
	background: url(img/001.jpg) no-repeat center center;
	background-size: cover;
}
.index .consultation .imgBox {
	margin: 0 auto;
	max-width: 894px;
	display: flex;
	justify-content: space-between;
}
.index .consultation .slickBox {
	padding: 0 48px;
	width: 495px;
	position: relative;
	box-sizing: border-box;
}
.index .consultation .arrowUl li {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
}
.index .consultation .arrowUl .prev {
	left: 0;
}
.index .consultation .arrowUl .next {
	right: 0;
}
.index .consultation .leftBox {
	margin: 18px 0 0 17px;
	width: 370px;
	text-align: center;
}
.index .consultation .lineTxt {
	margin-bottom: 18px;
	font-size: 2.7rem;
	/*line-height: 1.48;*/
	letter-spacing: 1px;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}
.index .consultation .lineTxt span {
	background: url(img/index/line.gif) repeat-x left bottom 0px;
	font-weight:bold;
}
.index .consultation .slickBox .listUl .slick-slide {
	padding: 27px 40px 24px;
	background-color: #FFD900;
}
.index .consultation .centerTxt {
	margin-bottom: 63px;
}
.index .consultation .slickBox .listUl .photoBox {
	margin: 0 auto 12px;
	max-width: 155px;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
}
.index .futureBox {
 	padding-bottom: 1px;
	background-color: #FFFCE4;
}
.index .futureBox .bg {
	margin-bottom: 80px;
	padding: 65px 0 62px;
	background-color: #FFD900;
	position: relative;
	background-image:none;
}
.index .futureBox .bg::after {
	margin-left: -16px;
	width: 0;
	height: 0;
	border: 16px solid #FFD900;
	border-top-color: transparent !important;
	border-left-color: transparent !important;
	transform: rotate(45deg);
	position: absolute;
	left: 50%;
	bottom: -13px;
	content: ""; 
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}
.index .futureBox .bg .headLine03 {
	margin-bottom: 31px;
	font-size: 1.8rem;
}
.index .futureBox .bg .headLine03 span {
	padding: 12px 20px 11px;
	min-width: 270px;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}
.index .futureBox .bg h3 {
	margin-bottom: 7px;
	font-size: 2.7rem;
	text-align: center;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}
.index .futureBox .bg .centerTxt {
	margin-bottom: 0;
}
.index .futureBox .listUl {
	display: flex;
	flex-wrap: wrap;
}
.index .futureBox .listUl li {
	margin-right: 56px;
	width: 227px;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}
.index .futureBox .listUl li:nth-child(3n) {
	margin-right: 0;
}
.index .futureBox .listUl .ttl {
	margin-bottom: 15px;
	font-size: 2.2rem;
	line-height: 1.3;
	font-weight:bold;
}
.index .futureBox .listUl .textBox {
	margin-bottom: 22px;
}

.index .difference,
.index .faq {
	padding: 66px 0;
}

/*SP*/
@media screen and (max-width: 767px) {
.index .faq {
	padding: 49px 0 0 0;
}

.index .difference {
	padding: 49px 0 49px 0;
}
}

.index .futureBox .listUl .photo {
	position: relative;
}

.index .serviceBox {
	padding: 66px 0;
	background-color: #FFD900;
}

.index .difference,
.index .faq {
	padding: 66px 0;
}

/*SP*/
@media screen and (max-width: 767px) {
.index .faq {
	padding: 49px 0 0 0;
}

.index .difference {
	padding: 49px 0 49px 0;
}
}


.index .serviceBox .headLine01 {
	padding-bottom: 64px;
}
.index .serviceBox .comList li {
	margin-bottom: 50px;
	display: block;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}
.index .serviceBox .comList li:last-child {
	margin-bottom: 0;
}
.index .serviceBox .comList .num {
	margin-bottom: 19px;
}
.index .serviceBox .comList .ttl {
	margin-bottom: 19px;
	line-height: 1.2;
	font-weight:bold;
}
.index .serviceBox .comList .imgBox {
	display: flex;
	justify-content: space-between;
}
.index .serviceBox .btmBox {
	margin-top: 39px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}
.index .serviceBox .btmBox .title {
	padding: 4px 5px 2px;
	width: 365px;
	border: 2px solid #000;
	font-size: 2rem;
	background-color: #fff;
	text-align: center;
	box-sizing: border-box;
	letter-spacing: 1px;
	position: relative;
	font-weight:bold;
}
.index .serviceBox .btmBox .title::after {
	margin-top: -8px;
	width: 13px;
	height: 17px;
	position: absolute;
	top: 50%;
	right: -8px;
	background: url(img/index/icon01.png) no-repeat left top;
	content: "";
}
.index .serviceBox .btmBox .textUl {
	margin-right: -4px;
	width: 384px;
}
.index .serviceBox .btmBox .textUl li {
	margin: 0 16px 0 0;
	width: 111px;
	height: 111px;
	color: #fff;
	border-radius: 50%;
	border: 1px solid #000;
	background-color: #EF8200;
	display: inline-block;
	vertical-align: top;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}
.index .serviceBox .btmBox .textUl li span {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	box-sizing: border-box;
	font-weight:bold;
}
.index .serviceBox .btmBox .textUl li:last-child {
	margin-right: 0;
}
.index .serviceBox .comList .textBox {
	width: 380px;
}
.index .serviceBox .numList {
	margin-right: -4px;
	width: 384px;
}
.index .serviceBox .numList .num {
	margin: -13px 0 0 1px;
	top: 50%;
}
.index .serviceBox .numList li {
	margin-bottom: 13px;
	letter-spacing: 0.5px;
}
.index .flowBox {
	padding: 66px 0;
	background-color: #FFFCE4;
}
.index .eventBox {
	padding: 66px 0 54px;
	background-color: #ffe44c;
	font-feature-settings: "palt";
	-moz-font-feature-settings: "palt";
}
.index .eventBox .headLine01 img,
.index .informationBox .headLine01 img {
	height: 12.5px;
}
.index .eventBox .headLine01 {
	padding-bottom: 45px;
}
.index .eventBox .eventDl dt {
	float: left;
}
.index .eventBox .eventDl dd {
	margin-bottom: 25px;
	padding: 0 0 45px 60px;
	border-bottom: 1px dashed #000;
	position: relative;
}



.index .eventBox .eventDl dd:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.index .eventBox .eventDl .comBtn2,
.index .eventBox .eventDl .comBtn {
	margin-top: -25px;
	position: absolute;
	/*top: 50%;*/
    bottom:10px;
	right: 0;
}

.event-box-area{
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.event-box-new{
    width: 48%;
    background: #fff;
    border-radius: 20px;
    }
.event-box-head{
    border-radius: 20px 20px 0 0;
    padding: 20px;
    color:#fff;
}
.event-box-head h3{
    font-size: 2rem;
}
.event-family .event-box-head{
    background-color:#ed7500;
}
.event-house .event-box-head{
    background-color:#1c5fa6;
}
.event-box-body{
    padding: 20px 15px;
}
.event-ttl{
    font-weight:bold;
    font-size:1.8rem
}
.index .eventBox .event-box-body .eventDl dt{
    float:none;
}

.event-house .event-box-body .comBtn a{
    background-color: #1c5fa6;
}
.event-list-btn {
    width: 80%;
    margin: 20px auto 0;
    padding:15px 20px;
    border-radius: 10px;
    max-width: 280px;
}
.event-list-btn a {
    font-weight: bold;
    color:#fff;
}
.event-date{
    font-weight: bold;
    text-decoration: underline;
}

.event-family .event-list-btn{background-color: #ed7500;}
.event-house .event-list-btn{background-color: #1c5fa6;}

.event-body-txt{font-size: 0.9em;  margin-bottom: 30px;}

.event-family-txt{color:#ed7500;font-weight: bold}
.event-house-txt{color:#1c5fa6;font-weight: bold}


@media all and (max-width: 896px) {
.event-box-new{
    width: 100%;
    margin:5px auto;
    }
.event-ttl{
    font-size:1.2rem
}


}

.index .informationBox {
	margin-bottom: 78px;
	padding-top: 66px;
}
.index .informationBox .imgUl {
	margin-top: -14px;
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
}
.index .informationBox .imgUl li {
	margin-bottom: 20px;
	width: calc( 25% - 22px );
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border:1px solid #ccc;
	min-height: 100px;
}
.index .informationBox .notesTxt {
	margin-top: 33px;
	font-size: 1.2rem;
	transform: scale(0.654);
	-webkit-transform: scale(0.654);
	text-align: center;
	letter-spacing: 1px;
}
.index .voiceBox .comVoiceList {
	padding-bottom: 0;
	border-bottom: none;
}

.index .voiceBox .comBtn2,
.index .voiceBox .comBtn {
	margin-top: 42px;
	text-align: center;
}
.index .voiceBox {
	padding-top: 50px;
	padding-bottom: 65px;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
	background-color:#ffe44c;
}
.index .faqBox {
	padding: 65px 0 63px;
	background-color: #fffce4;
}
.faqBox .faqDl {
	margin-bottom: 24px;
	padding: 25px 25px 25px 75px;
	background: #fff;
}
.faqBox .faqDl dt {
	margin:0 auto 15px;
	position: relative;
	font-weight:bold;
}
.faqBox .faqDl dt::after {
	width: 31px;
	height: 31px;
	position: absolute;
	top: -5px;
	left: -43px;
	background: url(img/index/faq_icon.png) no-repeat left top;
	background-size: 31px auto;
	content: "";
}
.faqBox .faqDl dd {
	color: #262626;
}
.faqBox .faqDl dd::after {
	width: 31px;
	height: 31px;
	position: absolute;
	top: -5px;
	left: -43px;
	background: url(img/index/faq_icon_a.png) no-repeat left top;
	background-size: 31px auto;
	content: "";
}

.faqBox .faqDl dd:last-child {
	margin-bottom: 0;
}
.index .faqBox .headLine01 {
	padding-bottom: 58px;
}
.index .staffBox {
	padding: 66px 0;
	background-color: #FFFCE4;
	padding-bottom:40px;
}
.index .staffBox .comStaffBox .textBox {
	width: 430px;
}
.index .staffBox .comStaffBox .ttl {
	margin-bottom: 15px;
}
.index .staffBox .comStaffBox .comBtn2,
.index .staffBox .comStaffBox .comBtn {
	margin-top: 30px;
}
.index .storeBox .headLine01 {
	padding-bottom: 43px;
}
.index .storeBox .headLine01 img {
	height: 11.5px;
}
.index .storeBox .slickBox {
	margin: 0 5px 50px;
}
.index .storeBox .slickBox .leftBox {
	width: 593px;
	float: left;
}
.index .storeBox .slickBox .leftUl li {
	position: relative;
}
.index .storeBox .slickBox .rightUl  {
	width: 178px;
	float: right;
}
.index .storeBox .slickBox .rightUl li {
	margin-bottom: 17px;
	cursor: pointer;
	position: relative;
}
.index .storeBox .slickBox .rightUl li::after {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	content: "";
}
.index .storeBox .slickBox .rightUl li.on::after {
	display: none;
}
.index .storeBox .slickBox .rightUl .comNum {
	z-index: 10;
}
.index .storeBox .slickBox .rightUl li:last-child {
	margin-bottom: 0;
}
.index .storeBox .notesTxt {
	margin-top: 13px;
}
.index .storeBox .textDl {
	margin-bottom: 41px;
}
.index .storeBox .textDl dt {
	float: left;
}
.index .storeBox .textDl dd {
	margin-bottom: 12px;
	padding: 0 0 11px 16em;
	border-bottom: 1px dashed #000;
}
.index .storeBox .textDl dd:last-child {
	margin-bottom: 0;
}
.index .storeBox .textDl .indentTxt {
	padding-left: 1em;
	text-indent: -1em;
}
.index .contactBox h2 {
	margin-bottom: 23px;
	color: #EF8200;
	font-size: 2.7rem;
	font-weight: bold;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}
.index .contactBox .centerTxt {
	margin-bottom: 29px;
}
.index .contactBox .imgUl {
	margin-bottom: 50px;
	display: flex;
	justify-content: space-between;
}
.index .contactBox .imgUl li {
	width: 381px;
	position: relative;
	min-height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.index .contactBox .imgUl li img {
	width: 100%;
}
.index .contactBox .comTable th,
.index .contactBox .comTable td {
	width: 100%;
	float: left;
	font-weight: normal;
}
.index .contactBox .comTable th {
	margin-bottom: 4px;
}
.index .contactBox .comTable td {
	padding-bottom: 18px;
}
.index .contactBox input[type="text"],
.index .contactBox input[type="email"],
.index .contactBox select,
.index .contactBox textarea,
.index .submitUl input {
	padding: 0 3px;
	width: 100%;
	height: 35px;
	font-size: 1.3rem;
	box-sizing: border-box;
	appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid #000;
}
.index .contactBox select {
	background-color: #fff;
}
select::-ms-expand {
	display: none;
}
.index .contactBox textarea {
	padding: 3px;
	height: 145px;
}
.index .submitUl {
	margin-top: 40px;
	text-align: center;
}
.index .submitUl li {
	margin: 0 15px;
	display: inline-block;
}
.index .submitUl input {
	padding: 7px 5px 6px;
	width: 232px;
	height: auto;
	color: #fff;
	font-size: 1.7rem;
	background-color: #EF8200;
	line-height: 1;
	cursor: pointer;
}
.index .storeBox {
	padding-top: 67px;
	margin-bottom: 57px;
	background-color: #ffe44c;
}
.index .mapBox {
	height: 470px;
	box-sizing: border-box;
	overflow: hidden;
}
.index .mapBox iframe {
	width: 100%;
	height: 470px;
}
.index .contactBox .agreeTxt * {
	display: inline-block;
	vertical-align: middle;
}
@media all and (max-height: 600px) {
	.index .mainVisual .innerBox {
		padding-top: 0;
	}
}
@media all and (min-width: 897px) {
	.index .mainVisual .arrowUl li:hover img,
	.index .consultation .arrowUl li:hover img {
		opacity: 0.7;
	}
	.index .eventBox .eventDl a:hover {
		text-decoration: underline;
	}
	.index .eventBox .eventDl .comBtn2 a:hover,
	.index .eventBox .eventDl .comBtn a:hover {
		text-decoration: none;
	}
	.index .submitUl input:hover {
		opacity: 0.7;
	}
	.index .storeBox .slickBox .rightUl li:hover::after {
		display: none;
	}
}
@media all and (max-width: 896px) {
	#container.index {
		padding-top: 0;
	}
	.index .mainVisual .textImg img {
		max-width: 184px;
	}
	.index .mainVisual .textUl li {
		padding: 10px 15px 9px;
		font-size: 1.16rem;
		line-height: 1.3;
		box-sizing: border-box;
		border-radius: 12px;
	}
	.index .mainVisual .slick-list {
		border-radius: 12px;

	}
	.index .mainVisual .textUl li span {
		width: 100%;
		min-height: 60px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.index .mainVisual .textImg {
		margin-bottom: 142px;
	}
	.index .mainVisual .slickBox {
		margin: 0 auto;
		width: 67%;
		padding: 0;
	}
	.index .mainVisual .arrowUl li {
		width: 34px;
	}
	.index .mainVisual .arrowUl .next {
		right: -24px;
	}
	.index .mainVisual .arrowUl .prev {
		left: -24px;
	}
	
	/*.index .consultation h2 img {
		width: 57px;
	}*/
	.index .mainVisual {
		margin-bottom: 29px;
		min-height: 500px;
	}
	.index .consultation h2 {
		margin-bottom: 1px;
		font-size: 2rem;
	}
	.index .consultation h2 span {
		margin-top: 8px;
	}
	.index .consultation .centerTxt {
		margin-bottom: 28px;
	}
	.index .consultation .imgBox {
		display: block;
		position: relative;
	}
	.index .consultation .leftBox {
		margin: 0;
		width: auto;
	}
	.index .consultation .slickBox {
		margin: 0 auto;
		padding: 0;
		width: 51.5%;
	}
	.index #gHeader {
		padding: 11px 16px 11px 17px;
	}
	.index .consultation .lineTxt {
		margin-bottom: 29px;
		font-size: 1.6rem;
	}
	.index .consultation .bg {
		padding: 35px 0 83px;
		/* background-image: url(img/index/sp_bg.jpg); */
	}
	.index .consultation .lineTxt span {
		background-position: left bottom 4px;
		background-size: auto 5px;
	}

	.imgBox .leftBox {
		position: relative !important;
		z-index: 999;
	
	}

	.slick-slider {
		position: relative !important;
		z-index: 1;
	}

  .index .mainVisual.sp {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    /*overflow: hidden;*/
    height: auto !important;
	min-height: 0 !important;
    margin-bottom: 60px;
  }

  .index .mainVisual.sp .innerBox,
  .index .mainVisual.sp .slickBox,
  .index .mainVisual.sp .textUl {
    width: 100%;
	max-width: none;
    margin: 0;
    padding: 0;
  }

  .index .mainVisual.sp .slick-list {
    width: 100%;
    overflow: visible;
    border-radius: 0;
  }
.index .mainVisual.sp .textUl li {
    padding: 0;
    border-radius: 0;
    height: auto!important;
  }
  .index .mainVisual.sp .slick-track {
    display: flex;
  }

  .index .mainVisual.sp .slick-slide {
    width: 100% !important;
  }

  .index .mainVisual.sp .slick-slide img {
    width: 100%;
    height: 100%;
    display: block;
	object-fit: cover;
  }
.index .mainVisual.sp,
  .index .mainVisual.sp .slick-list,
  .index .mainVisual.sp .slick-track,
  .index .mainVisual.sp .slick-slide {
    height: auto!important;
  }
.index .mainVisual.sp .slick-dots {
		display: flex !important;
		justify-content: center;
		align-items: center;
		gap: 8px;
		width: 100%;
		height: 16px;
		bottom: -34px;
		margin: 0;
		padding: 0;
		z-index: 10;
	}
	.index .mainVisual.sp .textUl .slick-dots li {
		width: 10px !important;
		height: 10px !important;
		min-height: 10px !important;
		margin: 0;
		padding: 0;
		/*border: 1px solid #f08300;*/
		border-radius: 10px;
		background: #ffd900;
		transition:
			width 0.3s ease,
			background-color 0.3s ease,
			border-color 0.3s ease;
	}
	/* 現在表示中のドット */
	.index .mainVisual.sp .textUl .slick-dots li.slick-active {
		width: 28px !important;
		background: #f08300;
		/*border-color: #f08300;*/
	}
	.index .mainVisual.sp .slick-dots li button {
		display: block;
		width: 100%;
		height: 100%;
		padding: 0;
		border: 0;
		background: transparent;
	}
	/* Slick標準の黒い点を非表示 */
	.index .mainVisual.sp .slick-dots li button::before {
		display: none;
	}
	
	.index .consultation .textImg {
		width: 165px;
		position: absolute;
		bottom: -440px;
		left: 50%;
		z-index: 10 !important;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.index .consultation .slickBox .listUl .slick-slide {
		padding: 24px 23px 56px;
	}
	.index .consultation .slickBox .listUl .photoBox {
		margin-bottom: 19px;
		max-width: 240px;
	}
	.index .consultation .arrowUl li {
		width: 34px;
		top: 48.8%;
	}
	.index .consultation .arrowUl .prev {
		left: -50px;
	}
	.index .consultation .arrowUl .next {
		right: -50px;
	}
	.index .futureBox .bg {
		margin-bottom: 31px;
		padding: 33px 0 29px;
	}
	.index .futureBox .bg .headLine03 {
		font-size: 1.16rem;
	}
	.index .futureBox .bg .headLine03 span {
		padding: 8px 20px 5px;
		min-width: 175px;
	}
	.index .futureBox .bg h3 {
		margin-bottom: 1px;
		font-size: 1.6rem;
	}
	.index .futureBox .bg .centerTxt {
		letter-spacing: 1px;
		text-align: left;
	}
	.index .futureBox .bg::after {
		margin-left: -11px;
		bottom: -8px;
		border: 10px solid #FFD900;
	}
	.index .futureBox .listUl li {
		margin: 0 0 31px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: space-between;
	}
	.index .futureBox .listUl li:last-child {
		margin-bottom: 0;
	}
	.index .futureBox .listUl li > div {
		margin: 0;
		width: 48%;
	}
	.index .futureBox .listUl .ttl {
		margin-bottom: 5px;
		font-size: 1.4rem;
	}
	.index .futureBox .listUl .photo {
		width: 43%;
		margin-top: 3px;
	}
	.index .futureBox .listUl .textBox {
		margin-bottom: 0;
	}
	.index .futureBox {
		padding-bottom: 49px;
	}
	.index .serviceBox {
		padding: 33px 0 29px;
	}
	.index .serviceBox .comList .imgBox {
		display: block;
	}
	.index .serviceBox .comList .textBox {
		width: auto;
	}
	.index .serviceBox .btmBox {
		margin-top: 17px;
		display: block;
		text-align: center;
	}
	.index .serviceBox .btmBox .title {
		margin-bottom: 22px;
		padding: 1px 5px 0;
		width: auto;
		min-width: 80%;
		border-width: 1px;
		font-size: 1rem;
		display: inline-block;
	}
	.index .serviceBox .btmBox .textUl {
		margin: 0 -10px;
		width: auto;
	}
	.index .eventBox .eventDl dd {
		margin-bottom: 15px;
		padding: 0 0 13px 0;
	}
	.index .eventBox .eventDl dt {
		float: none;
	}
	.index .eventBox .eventDl .comBtn2,
	.index .eventBox .eventDl .comBtn {
		margin-top: 15px;
		/* top: -32px; */
        position: relative;
	}
	.index .informationBox .imgUl li {
		margin: 10px 0 0 0;
		width: 43%;
	}
	.index .informationBox .imgUl li img {
		width: 100%;
	}
	.index .serviceBox .headLine01 {
		padding-bottom: 15px;
	}
	.index .serviceBox .comList .num {
		margin-bottom: 15px;
	}
	.index .serviceBox .comList .ttl {
		margin-bottom: 4px;
	}
	.index .serviceBox .btmBox .textUl li,
	.index .serviceBox .btmBox .textUl li:last-child {
		margin: 0 7px;
		width: 86px;
		height: 86px;
	}
	.index .serviceBox .btmBox .title::after {
		margin-left: -9px;
		width: 20px;
		height: 6px;
		position: absolute;
		bottom: -4px;
		top: auto;
		left: 50%;
		right: auto;
		background: url(img/index/sp_icon01.png) no-repeat left top;
		background-size: 20px auto;
	}
	.index .serviceBox .btmBox .textUl li span {
		padding-top: 4px;
	}
	.index .serviceBox .comList li {
		margin-bottom: 20px;
	}
	.index .serviceBox .numList {
		margin-right: 0;
		width: auto;
		/*line-height: 1.42;*/
	}
	.index .serviceBox .numList li {
		margin-bottom: 8px;
		letter-spacing: 0;
		min-height: 0;
	}
	.index .serviceBox .numList .num {
		margin: -10px 0 0 0;
	}
	.index .flowBox {
		padding: 31px 0;
	}
	.index .flowBox .headLine01 {
		padding-bottom: 16px;
	}
	.index .eventBox {
		padding: 33px 0 41px;
	}
	.index .eventBox .headLine01 img, .index .informationBox .headLine01 img {
		height: 8px;
	}
	.index .eventBox .headLine01 {
		padding-bottom: 12px;
	}
	.index .informationBox .imgUl {
		margin: -20px 21px 0 29px;
		justify-content: space-between;
	}
	.index .informationBox .notesTxt {
		margin-top: 30px;
		font-size: 0.6rem;
		transform: scale(1);
		-webkit-transform: scale(1);
		letter-spacing: 0.5px;
	}
	.index .informationBox {
		padding-top: 34px;
		margin-bottom: 35px;
	}
	.index .voiceBox .headLine01 {
		padding-bottom: 16px;
	}
	.index .voiceBox .comBtn2,
	.index .voiceBox .comBtn {
		margin-top: 25px;
	}
	.index .voiceBox {
		padding-top: 30px;
		margin-bottom: 32px;
	}
	.index .faqBox {
		padding: 33px 0 32px;
	}
	.index .faqBox .headLine01 {
		padding-bottom: 33px;
	}
	.faqBox .faqDl {
		padding: 25px 15px 25px 45px;
	}
	.faqBox .faqDl dt::after {
		width: 20px;
		height: 20px;
		top: -2px;
		left: -29px;
		background-size: 20px auto;
	}
	.faqBox .faqDl dd::after {
		width: 20px;
		height: 20px;
		top: -2px;
		left: -29px;
		background-size: 20px auto;
	}
	.index .staffBox {
		padding: 40px 0;
	}
	.index .staffBox .headLine01 img {
		height: 6.5px;
	}
	.index .staffBox .comStaffBox .ttl {
		margin-bottom: 6px;
		/*line-height: 1.42;*/
	}
	.index .staffBox .comStaffBox .comBtn2,
	.index .staffBox .comStaffBox .comBtn {
		margin-top: 23px;
	}
	.index .staffBox .comStaffBox {
		margin-bottom: 0;
	}
	.index .staffBox .listUl li {
		margin-bottom: 20px;
	}
	.index .staffBox .listUl li:last-child {
		margin-bottom: 0;
	}
	.index .storeBox {
		margin-bottom: 0;
		padding: 39px 0 25px;
		background-color: #FFD900;
	}
	.index .storeBox .headLine01 img {
		height: 7.5px;
	}
	.index .storeBox .headLine01 {
		padding-bottom: 15px;
	}
	.index .storeBox .slickBox .leftBox {
		margin-bottom: 12px;
		width: auto;
		float: none;
	}
	.index .storeBox .slickBox {
		margin: 0 0 17px;
	}
	.index .storeBox .notesTxt {
		margin-top: 3px;
	}
	.index .storeBox .slickBox .rightUl {
		margin-top: -15px;
		float: none;
		width: auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.index .storeBox .slickBox .rightUl li {
		margin: 15px 0 0 0;
		width: 31%;
	}
	.index .storeBox .textDl dd {
		margin-bottom: 5px;
		padding: 0 0 3px 6.3em;
	}
	.index .storeBox .textDl {
		margin-bottom: 24px;
		line-height: 1.14;
	}
	.index .storeBox .textDl dd:last-child {
		border-bottom: none;
	}
	.index .contactBox h2 {
		margin-bottom: 10px;
		font-size: 1.66rem;
	}
	.index .contactBox .h2Ttl {
		margin-bottom: 8px;
	}
	.index .contactBox .centerTxt {
		margin-bottom: 14px;
		line-height: 1.14;
	}
	.index .contactBox .imgUl li {
		width: 47%;
	}
	.index .contactBox .imgUl {
		margin-bottom: 25px;
	}
	.index .contactBox .comTable th {
		margin-bottom: 1px;
	}
	.index .contactBox input[type="text"], .index .contactBox input[type="email"], .index .contactBox select, .index .contactBox textarea, .index .submitUl input {
		height: 17px;
		font-size: 1rem;
	}
	.index .contactBox .comTable td {
		padding-bottom: 8px;
	}
	.index .contactBox textarea {
		height: 108px;
	}
	.index .contactBox .agreeTxt {
		font-size: 1rem;
	}
	.index .contactBox .agreeTxt input {
		margin: -2px 5px 0 0;
	}
	.index .submitUl {
		margin-top: 14px;
	}
	.index .submitUl input {
		width: 121px;
		padding: 2px 5px 1px;
	}
	.index .mapBox {
		height: 307px;
	}
	.index .mapBox iframe {
		height: 307px;
	}
	.index .mainVisual .innerBox {
		width: 100%;
	}
}
@media all and (max-width: 374px) {
	.index .consultation .slickBox {
		width: 65%;
	}
	.index .futureBox .bg h3 {
		font-size: 1.5rem;
	}
	.index .serviceBox .btmBox .textUl li,
	.index .serviceBox .btmBox .textUl li:last-child {
		margin: 0 2px;
	}
	.index .informationBox .imgUl {
		margin: -20px 11px 0 19px;
	}
	.index .informationBox .imgUl li img {
		width: 80%;
	}
}

/* ----------------------------------------------------------------------
 Contactform - お問い合わせフォーム
---------------------------------------------------------------------- */
.wpcf7 { width:100%;  padding:0; margin:0 0 2.5em !important; font-size:14px;}

.wpcf7 p { margin-bottom:1.5em;
font-size:14px !important;
 	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 

}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select { width:auto; -moz-box-sizing: border-box; box-sizing: border-box; width:100%; border:1px solid #231815; line-height:1.2; padding:8px; margin-top:5px; }
.wpcf7 select, .wpcf7 input[type=checkbox], .wpcf7 input[type=radio] { width:auto;  border:1px solid #ccc; padding:8px; }
.wpcf7 select, .wpcf7 .wpcf7-list-item-label { line-height:1.2; font-size:14px; }
.wpcf7-list-item { display:block; }
.wpcf7 textarea { height:200px; }
.wpcf7 input:focus, .wpcf7 textarea:focus { outline:none; border:1px solid #bbb; -webkit-box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2); box-shadow:inner 0 0 5px rgba(0, 0, 0, 0.5); }
.wpcf7 input.wpcf7-submit { position:relative; display:block; width:225px; height:48px; margin:30px auto 0; background-color:#ed8000; cursor:pointer; border:none !important; color:#fff; text-align:center; text-decoration:none; font-size:14px; line-height:1.5; outline:none; -webkit-transition: all .3s; transition: all .3s; }
.wpcf7 input.wpcf7-submit {
	-webkit-appearance: none;
	border-radius: 0;
}
.wpcf7 input.wpcf7-submit, .wpcf7 input.wpcf7-submit::before, .wpcf7 input.wpcf7-submit::after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-family: 'Quicksand', sans-serif; font-weight:bold;}
.wpcf7 input.wpcf7-submit:hover { background-color:#666666; }
.wpcf7 .wpcf7-not-valid { background:pink; }
.wpcf7 .wpcf7-response-output { margin:10px 0 0; padding:8px 35px 8px 14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.wpcf7 .wpcf7-validation-errors { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7; }
.wpcf7 .wpcf7-mail-sent-ok { color:#3A87AD; background-color:#D9EDF7; border:1px solid #BCE8F1; }

.wpcf7 select {
	padding: 0 3px;
	width: 100%;
	height: 22px;
	font-size: 1.3rem;
	box-sizing: border-box;
	appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid #000;
}

/* ----------------------------------------------------------------------
利用規約
---------------------------------------------------------------------- */

.terms-of-service {
	padding-top:80px;
}

/*SP*/
@media screen and (max-width: 897px) {
	.terms-of-service {
		padding-top:0px;
	}	
}

.terms-of-service .box {
	padding-left:1em;
}

.terms-of-service .box2 {
	padding-left:2em;
}

#item_right_01 {
    position: fixed;
    top: 160px;
    right: 0%;
    z-index: 999;
}

#item_right_02 {
    position: fixed;
    top: 220px;
    right: 0%;
    z-index: 999;
}

#item_right_03 {
    position: fixed;
    top: 380px;
    right: 0%;
    z-index: 999;
}

#item_right_01 img,
#item_right_02 img,
#item_right_03 img {
	width:67px !important;
}

/*SP*/
@media screen and (max-width: 897px) {
#item_right_01 img,
#item_right_02 img,
#item_right_03 img {
	width:50px !important;
}

#item_right_01 {
    top: 15%;
}

#item_right_02 {
    top: 25%;
}

#item_right_03 {
    top: 50%;
}


}



#item_right_01 a:hover,
#item_right_02 a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.textDl {
	margin-top:20px;
}

.about_airconditioner {
	background:#1879b3;
}

.about_bathcleaning {
	background:#801eb1;
	margin-top:50px;
}

.about_washbasincleaning {
	background:#00b186;
	margin-top:50px;
	padding-bottom:50px;
}

.about_wccleaning {
	background:#8aae2f;
	margin-top:50px;
	padding-bottom:50px;
}

.about_glasscleaning {
	background:#b17431;
	margin-top:50px;
}

.about_hpcleaning {
	background:#BE36BC;
	margin-top:50px;
	padding-bottom:50px;
}

/*SP*/
@media screen and (max-width: 767px) {
.about_hpcleaning,
.about_wccleaning,
.about_washbasincleaning {
	padding-bottom:20px;
}
}


.about_airconditioner2 {
	background:#67b4e2;
}

.about_bathcleaning2 {
	background:#9e85bd;
}

.about_glasscleaning2 {
	background:#ffa880;
}

.about_airconditioner {
/* 	padding-left:50px;
	padding-right:50px; */
}

.about_hpcleaning h2,
.about_glasscleaning h2,
.about_wccleaning h2,
.about_washbasincleaning h2,
.about_bathcleaning h2,
.about_airconditioner h2 {
	padding: 50px 0 10px;
	font-size: 2.7rem;
	color: #fff;
	font-weight: normal;
	text-align: center;
	letter-spacing: 1px;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W8", Hiragino Kaku Gothic Pro," ＭＳ Ｐゴシック", MS PGothic," sans-serif"; 
}

/*SP*/
@media screen and (max-width: 767px) {
.about_hpcleaning h2,
.about_glasscleaning h2,
.about_wccleaning h2,
.about_washbasincleaning h2,
.about_bathcleaning h2,
.about_airconditioner h2 {
	font-size: 1.66rem;
}
}

.about_hpcleaning .subtitle,
.about_glasscleaning .subtitle,
.about_wccleaning .subtitle,
.about_washbasincleaning .subtitle,
.about_bathcleaning .subtitle,
.about_airconditioner .subtitle {
	color:#fff;
	text-align:center;
	padding-bottom:20px;
}

.about_hpcleaning .txt,
.about_glasscleaning .txt,
.about_wccleaning .txt,
.about_washbasincleaning .txt,
.about_bathcleaning .txt,
.about_airconditioner .txt {
	color:#fff;
	padding-bottom:50px;
	padding-left:80px;
	padding-right:80px;
}

/*SP*/
@media screen and (max-width: 767px) {
.about_hpcleaning .txt,
.about_glasscleaning .txt,
.about_wccleaning .txt,
.about_washbasincleaning .txt,
.about_bathcleaning .txt,
.about_airconditioner .txt {
	padding-left:40px;
	padding-right:40px;
	padding-bottom:30px;
}
}

.circle {
	padding-left:80px;
　display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;

}

/*SP*/
@media screen and (max-width: 767px) {
.circle {
	padding-left:0px;
	width:100%;
	padding:0 30px;
	box-sizing:border-box;
}
}



.circle2 {
　display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	width:343px;
	margin:0 auto;
}


.circle3 {
　display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	width:253px;
	margin:0 auto;
}



.circle_flex {
  width: 74px;
  height: 74px;
  line-height: 74px;
  border-radius: 50%;
  color: #fff;
  background:#67b4e2;
  text-align: center;
/*   margin-right:10px; */
  font-weight:bold;
}




.circle_flex2 {
  width: 74px;
  height: 74px;
  line-height: 74px;
  border-radius: 50%;
  background:#9e85bd;
  text-align: center;
  margin-right:10px;
  font-weight:bold;
}



.circle_flex3 {
  width: 74px;
  height: 74px;
  line-height: 74px;
  border-radius: 50%;
  
  background:#9edacf;
  text-align: center;
  margin-right:10px;
  font-weight:bold;
}


.circle_flex4 {
  width: 74px;
  height: 74px;
  line-height: 74px;
  border-radius: 50%;
  background:#d3d956;
  text-align: center;
  margin-right:10px;
  font-weight:bold;
}

.circle_flex5 {
  width: 74px;
  height: 74px;
  line-height: 74px;
  border-radius: 50%;
  background:#ffa880;
  text-align: center;
  margin-right:10px;
  font-weight:bold;
}

.circle_flex6 {
  width: 74px;
  height: 74px;
  line-height: 74px;
  border-radius: 50%;
  background:#E591FF;
  text-align: center;
  margin-right:10px;
  font-weight:bold;
}


/*SP*/
@media screen and (max-width: 767px) {
.circle_flex,
.circle_flex4,
.circle_flex5,
.circle_flex3 {
  width: 65px;
  height: 65px;
  line-height: 65px;
}

.circle2 {
	width:85%;
	padding: 0 40px;
	box-sizing: border-box;
	
}


.circle3 {
	width:100%;
	padding:0 40px;
	box-sizing: border-box;
}


.circle_flex:last-child,
.circle_flex3:last-child,
.circle_flex4:last-child,
.circle_flex5:last-child,
.circle_flex6:last-child,
.circle_flex2:last-child {
  margin-right:0px;
}

.circle_flex6,
.circle_flex2 {
	margin-bottom:10px;
}
}



.dirt {
	background:#fff;
	width:312px;
	border-radius: 10px;
	padding:10px;
	margin-left:40px;
	margin-right:60px;
}

/*SP*/
@media screen and (max-width: 767px) {
.dirt {
	width:100%;
	padding:20px;
	margin-left:0px;
	box-sizing: border-box;
	margin-top:15px;
	margin-right:0px;
}
}

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

.dirt_left {
	float:left;
	width:50%;
}

.dirt_right {
	float:left;
	width:50%;
}

/*SP*/
@media screen and (max-width: 767px) {
.dirt_left {
	float:none;
	width:100%;
	margin-bottom:20px;
}

.dirt_right {
	float:none;
	width:100%;
}
}


.basic h3 {
    position: relative;
    width: 100%;
    height: 20px;
    margin: 50px auto 30px;
    padding: 24px 0;
    text-align: center;
     background:#67b4e2;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display: inline-table;
}

.basic h3:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -55px;
    margin: auto;
    width: 24px;
    height: 1px;
    border: 24px solid transparent;
    border-left: 24px solid #67b4e2;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.basic2 h3 {
    position: relative;
    width: 100%;
    height: 20px;
    margin: 50px auto 30px;
    padding: 24px 0;
    text-align: center;
     background:#9e85bd;
    font-size: 15px;
    font-weight: bold;
    display: inline-table;
}


.basic2 h3:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -55px;
    margin: auto;
    width: 24px;
    height: 1px;
    border: 24px solid transparent;
    border-left: 24px solid #9e85bd;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.basic3 h3 {
    position: relative;
    width: 100%;
    height: 20px;
    margin: 50px auto 30px;
    padding: 24px 0;
    text-align: center;
     background:#9edacf;
    font-size: 15px;
    font-weight: bold;
    display: inline-table;
}





.basic3 h3:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -55px;
    margin: auto;
    width: 24px;
    height: 1px;
    border: 24px solid transparent;
    border-left: 24px solid #9edacf;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.basic4 h3 {
    position: relative;
    width: 100%;
    height: 20px;
    margin: 50px auto 30px;
    padding: 24px 0;
    text-align: center;
     background:#d3d956;
    font-size: 15px;
    font-weight: bold;
    display: inline-table;
}



.basic4 h3:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -55px;
    margin: auto;
    width: 24px;
    height: 1px;
    border: 24px solid transparent;
    border-left: 24px solid #d3d956;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.basic5 h3 {
    position: relative;
    width: 100%;
    height: 20px;
    margin: 50px auto 30px;
    padding: 24px 0;
    text-align: center;
     background:#ffa880;
    font-size: 15px;
    font-weight: bold;
    display: inline-table;
}


.basic5 h3:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -55px;
    margin: auto;
    width: 24px;
    height: 1px;
    border: 24px solid transparent;
    border-left: 24px solid #ffa880;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.basic6 h3 {
    position: relative;
    width: 100%;
    height: 20px;
    margin: 50px auto 30px;
    padding: 24px 0;
    text-align: center;
     background:#E591FF;
    font-size: 15px;
    font-weight: bold;
    display: inline-table;
}

/*SP*/
@media screen and (max-width: 767px) {
.basic3 h3,
.basic4 h3,
.basic5 h3,
.basic6 h3,
.basic2 h3 {
    margin: 30px auto 30px;
}
}


.basic6 h3:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -55px;
    margin: auto;
    width: 24px;
    height: 1px;
    border: 24px solid transparent;
    border-left: 24px solid #E591FF;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


.recommend h3 {
    position: relative;
    width: 100%;
    height: 20px;
    margin: 0px auto 30px;
    padding: 24px 0;
    text-align: center;
    background:#1879b3;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display: inline-table;
}

.recommend h3:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -55px;
    margin: auto;
    width: 24px;
    height: 1px;
    border: 24px solid transparent;
    border-left: 24px solid #1879b3;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.about_bathcleaning2 .recommend h3 {
    position: relative;
    width: 100%;
    height: 20px;
    margin: 0px auto 30px;
    padding: 24px 0;
    text-align: center;
    background:#801eb1;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display: inline-table;
}


.about_bathcleaning2 h3:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -55px;
    margin: auto;
    width: 24px;
    height: 1px;
    border: 24px solid transparent;
    border-left: 24px solid #801eb1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


.about_glasscleaning2 .recommend h3 {
    position: relative;
    width: 100%;
    height: 20px;
    margin: 0px auto 30px;
    padding: 24px 0;
    text-align: center;
    background:#b17431;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display: inline-table;
}


.about_glasscleaning2 h3:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -55px;
    margin: auto;
    width: 24px;
    height: 1px;
    border: 24px solid transparent;
    border-left: 24px solid #b17431;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


.basic_plan {
	margin-top:25px;
	padding:0 50px;
	padding-bottom:10px;
　display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction: row;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}



.basic_plan_flex {
	background:#fff;
	width:210px;
	margin-right:0px;
	margin:0 auto;
}

/*SP*/
@media screen and (max-width: 767px) {
.basic_plan_flex {
	margin-bottom:20px;
}

.basic_plan {
	margin-top:10px;
	padding:0 40px;
}
}

.basic_plan_flex h4 {
	margin-top:20px;
	margin-bottom:10px;
	text-align:center;
}

.basic_plan_flex ul {
	padding-left:20px;
	padding-right:20px;
}

.basic_plan_flex .minheight {
	min-height:182px;
	padding-bottom:20px;
}


.basic_plan_flex .minheight2 {
	padding-bottom:20px;
}

.recommend_plan {
	margin-top:35px;
	padding:0 50px;
	padding-bottom:35px;
　display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*SP*/
@media screen and (max-width: 767px) {
.basic_plan_flex .minheight {
	min-height:auto;
	padding-bottom:20px;
}

.recommend_plan {
	margin-top:20px;
	padding:0 40px;
	padding-bottom:20px;
}
}

.recommend_plan .recommend_plan_img {
	width:122px;
	margin-right:10px;
	margin-bottom:20px;
}


.recommend_plan .recommend_plan_txt {
	width:200px;
	margin-right:15px;
	margin-bottom:20px;
}

/*SP*/
@media screen and (max-width: 767px) {
.recommend_plan .recommend_plan_img {
	width:50%;
	margin-right:0px;
	padding-right:10px;
	box-sizing: border-box;
}

.recommend_plan .recommend_plan_txt {
	width:50%;
	margin-right:0px;
}
}

.serviceflow {
	padding:50px;
　display: -webkit-flex; /* Safari */
  display: flex;
  flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/*SP*/
@media screen and (max-width: 767px) {
.serviceflow {
  display: block;
}
}

/* .serviceflow:after {
    content: "";
    clear: both;
    display: block;
} */

.serviceflow_left {
	width:30%;
	background:#fff;
	border-radius: 10px;
	text-align:center;
	height:70px;
	line-height:70px;
	color:#1879B3;
}


.serviceflow_right {
	width:70%;
	color:#fff;
	padding-left:30px;
	box-sizing: border-box;
	line-height:1.6;
}

/*SP*/
@media screen and (max-width: 767px) {
.serviceflow_left {
	width:100%;
	height:40px;
	line-height:40px;
	margin-bottom:10px;
}

.serviceflow_right {
	width:100%;
	padding-left:0px;
}
}


.accordion ul {

	padding:0;

}
.accordion li {
	position:relative;

	list-style:none;
	margin-bottom:10px;
}

.accordion .open {
	background-color:#15586B;
	color:#ffffff;
}

.accordion li:first-child {

}
 
.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
/* 	padding: 1.5em 1em; */
	position: relative;
}

.accordion > ul > li > a h3:hover {

	text-decoration:none;
}
.accordion > ul > li > .reasonanswer {
	display: none;
	text-align:left;
	padding:.8em .8em 1.4em 1em;
	line-height:1.8;
	
}
 
.accordion li .accordion_icon,
.accordion li .accordion_icon span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.accordion li .accordion_icon {
	position: absolute;
	width: 100px;
	height: 40px;
	top:30%;
	right:10px;
}

/*SP*/
@media screen and (max-width: 767px) {
.accordion > ul > li > a h3 {
	padding-right:10vw;
}

.accordion li .accordion_icon {
	width: 20px;
	height: 20px;
}
}
.accordion li .accordion_icon span {
	position: absolute;
    width: 100%;
	height: 25px;
/*     background-color: #D48000; */
}
.accordion li .accordion_icon span:nth-of-type(1) {
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion li .accordion_icon span:nth-of-type(2) {
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/* .accordion li .accordion_icon.active span:nth-of-type(1) {
	display:none;
} */
.accordion li .accordion_icon.active span:nth-of-type(2) {
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.reason {
	width:100%;
	display: table;
}

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

.reason_left {
	background:#FFD900;
	width:25%;
	height:75px;
	text-align:center;
  display: table-cell;
  vertical-align: middle;
}

.reason_right {
	background:#FFF8DC;
	width:75%;
	min-height:75px;
	line-height:0.9;
	padding-left:20px;
	box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}

.reason_right h3 {
	font-size:25px;
}

/*SP*/
@media screen and (max-width: 767px) {
.reason_right h3 {
	font-size:16px;
	line-height:1.4;
}
}

.reasonanswer {
	background:#FFD900;
}

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

.reasonanswer_left {
	float:left;
	width:50%;
	padding-right:30px;
	box-sizing: border-box;
}


.reasonanswer_left h4 {
	font-size:20px;
}

.reasonanswer_right {
	float:left;
	width:50%;
}


/*SP*/
@media screen and (max-width: 767px) {
.reasonanswer_left,
.reasonanswer_right {
	float:none;
	width:100%;
}

.reasonanswer_right {
	padding-top:10px;
}
}


.comparison_table .bg01 {
	background:#D98000;
	color:#fff;
	border-right: solid 10px #fff;
	text-align:center;
	width:130px;
	padding:5px;
}

.comparison_table .bg02 {
	background:#C3C4C4;
	color:#D45517;
	border-right: solid 10px #fff;
	text-align:center;
	width:60px;
	padding:5px;
}

.comparison_table .bg03 {
	background:#C3C4C4;
	color:#00803B;
	border-right: solid 10px #fff;
	text-align:center;
	width:60px;
	padding:5px;
}

.comparison_table .bg04 {
	background:#FFD900;
	border-right: solid 10px #fff;
	text-align:center;
	width:150px;
	padding:5px;
}

.comparison_table .bg05 {
	background:#FFD900;
	color:#3E3A39;
	padding:5px;
}

.comparison_table .bg06 {
	background:#f5dabf;
	color:#D98000;
	border-right: solid 10px #fff;
	text-align:center;
	padding:5px;
}

.comparison_table .bg07 {
	background:#f3f3f3;
	color:#D45517;
	border-right: solid 10px #fff;
	text-align:center;
	padding:5px;
}

.comparison_table .bg08 {
	background:#f3f3f3;
	color:#00803B;
	border-right: solid 10px #fff;
	text-align:center;
	padding:5px;
}

.comparison_table .bg09 {
	background:#fff4b2;
	border-right: solid 10px #fff;
	text-align:center;
	padding:5px;
}

.comparison_table .bg10 {
	background:#fff4b2;
	padding:5px;
}

/*SP*/
@media screen and (max-width: 767px) {
 .comparison_table .bg01 {
	width:20%;
}

.comparison_table .bg02 {
	width:10%;
}

.comparison_table .bg03 {
	width:10%;
}

.comparison_table .bg04 {
	width:30%;
}

.comparison_table .bg05 {
	width:40%;
}
}


.center {
	text-align:center;
}






/*--- swiper2つ目ここから ---*/
.swiper2 {
  width: 100%;
  height: auto;
  padding: 0px 0;
  overflow: hidden;
  position: relative;
	background-color: #FFFCE4;
}

/*SP*/
@media screen and (max-width: 767px) {
.swiper2 {
  padding: 50px 0;
}
}

.swiper2 .title {
  position: absolute;
  top: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

@media (max-width: 1233px) {
  .swiper2 .title {
    top: 5%;
  }
}

.swiper2 .title h2 {
  color: #f7ab00;
  font-size: 30px;
  letter-spacing: 5px;
  margin-bottom: 10px;
}

.swiper2 .title p {
  color: #fff;
  font-size: 11px;
  letter-spacing: 5px;
  text-align: center;
}

.swiper2 .swiper-wrapper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.swiper2 .swiper-wrapper .swiper-slide .circle {
  padding: 50px;
  font-size: 2rem;
  width: 940px;
  max-width: 940px;  
  max-width: calc(100% - 42px);
  border-radius: 10px;
  background-color: #ffffff;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
	background-color: #FFFCE4;
	padding-top:20px;
	padding-bottom:80px;
}


.swiper2 .swiper-wrapper .swiper-slide .circle img {
 	max-width:100%; 
}


.swiper2 .swiper-wrapper .swiper-slide .circle p {
	font-size:15px;
	padding-top:10px !important;
}

/*SP*/
@media screen and (max-width: 767px) {
.swiper2 .swiper-wrapper .swiper-slide .circle {
	width:100%;
}

.swiper2 .swiper-wrapper .swiper-slide .circle p {
	font-size:11px;
}

.swiper2 .swiper-wrapper .swiper-slide .circle img {
	  width: 100%;
}
}




.swiper2 .swiper-wrapper .swiper-slide .circle .img-area {
  width: 335px;
  max-width: 100%;
  text-align: center;
}

.swiper2 .swiper-wrapper .swiper-slide .circle .text-area {
  width: 335px;
}

.swiper2 .swiper-wrapper .swiper-slide .circle .text-area img {
  margin-bottom: 30px;
}

.swiper2 .swiper-wrapper .swiper-slide .circle .text-area p {
  font-size: 1rem;
  line-height: 25px;
}

/*SP*/
@media screen and (max-width: 767px) {
.swiper2 .swiper-wrapper .swiper-slide .circle .text-area p {
  font-size: 14px;
}
}

/*SP*/
@media screen and (max-width: 767px) {
.swiper2 .swiper-wrapper .swiper-slide .circle .text-area p {
	padding:0 5%;
}
}


.swiper2 .prev2, .swiper2 .next2 {
  background-image: none;
  width: 60px;
  height: 60px;
}

.swiper2 .prev2 {
  background-image: url(./img/arrow_left.jpg);
  background-size: cover;
}

@media (min-width: 660px) {
  .swiper2 .prev2 {
    position: absolute;
    left: 15%;
    top: 55%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
  }
}

.swiper2 .next2 {
  background-image: url(./img/arrow_right.jpg);
  background-size: cover;
}

@media (min-width: 660px) {
  .swiper2 .next2 {
    position: absolute;
    right: 15%;
    top: 55%;
    -webkit-transform: translateY(-55%);
    transform: translateY(-55%);
  }
}

/*--- swiper2つ目ここまで ---*/
@media (max-width: 992px) {
  html, body {
    font-size: 14px;
  }
  /*--- swiper2つ目ここから ---*/
  .swiper2 .prev2, .swiper2 .next2 {
    width: 20px;
    height: 20px;
    font-size: 30px;
  }
  /*--- swiper2つ目ここまで ---*/
}

@media (max-width: 768px) {
  html, body {
    /*font-size: 12px;*/
  }
  .container .items {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-left:5%;
    padding-right:5%;
    box-sizing: border-box;
  }
  .container .items .item {
	width: calc(100%/3);
    height: calc(100%/3);
    box-sizing: border-box;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 2%;
    padding-right: 2%;
  }
}

/* for ipad */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .container .items .item {
    width: 200px;
    height: 200px;
  }

}
@media (max-width: 576px) {
  html, body {
    /*font-size: 11px;*/
  }
  .pc {
    display: none;
  }
  /*--- swiper2つ目ここから ---*/
  .swiper2 .title {
    top: 15px;
  }
  .swiper2 .title h2 {
    font-size: 20px;
    margin-bottom: 3px;
  }
  .swiper2 .swiper-wrapper .swiper-slide .circle {
    padding: 0px;
    padding-top:0px;
  }
  .swiper2 .swiper-wrapper .swiper-slide .circle .img-area {
    width: 80%;
    height:32%;
  }

  .swiper2 .swiper-wrapper .swiper-slide .circle .text-area {
  	height:70%;
  }

  .swiper2 .swiper-wrapper .swiper-slide .circle .text-area img {
    width: 100%;
    display: block;
    margin: 0 auto 25px;
    padding:0 5%;
  }
  /*--- swiper2つ目ここまで ---*/
}

/*SP*/
@media screen and (max-width: 767px) {
.swiper-container .swiper-wrapper .swiper-slide:nth-child(5) .circle {
  background-image: none;
}


}


.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: '' !important;
}


/*SP*/
@media screen and (max-width: 767px) {
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 14% !important;
    left: auto;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 14% !important;
}
}

.orange {
	color:#D68000 !important;
}


.housecleaningbox .headLine06 {
	margin-bottom:60px;
}

/*SP*/
@media screen and (max-width: 767px) {
.housecleaningbox .headLine06 {
	margin-bottom:28px;
}
}

.houseoptionbox,
.divhousecleaning {
	padding-bottom:100px;
}

/*SP*/
@media screen and (max-width: 767px) {
.houseoptionbox,
.divhousecleaning {
	padding-bottom:50px;
}
}

.floatbox {
	padding-right:80px;
}

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

.floatbox_left {
	float:left;
}

.floatbox_right {
	float:right;
}

/*SP*/
@media screen and (max-width: 767px) {
.floatbox {
	padding-left:40px;
	padding-right:40px;
}

.floatbox_left,
.floatbox_right {
	float:none;
}
}

.white {
	background:#fff;
	padding:20px;
	box-sizing: border-box;
}

ul.houseoptionbox li p {
	line-height:1.6;
}

.catchcopy {
	font-size:15px;
}

/*SP*/
@media screen and (max-width: 767px) {
.catchcopy {
	font-size:11px;
	padding:0 20px;
}

.swiper-container {
	margin-bottom:20px;
}
}


/* .video {
    position: relative;
    width: 100%;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
    padding-top: 56.25%;

}

.video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
} */

@media screen and (min-width: 768px){
.br-sp {display: none; }
}

.padb62 {
	padding-bottom:62px;
}

@media all and (max-width: 896px) {
.padb62 {
	padding-bottom:30px;
}
}

.reasonanswer .reasonanswer_left p {
	padding-left:1.2em;
}

.mainvisual {
	background:#FFFCE4;
}

.mainvisual h3 {
	text-align:center;
	font-size:20px;
}

/*SP*/
@media screen and (max-width: 767px) {
.mainvisual h3 {
	font-size:3vw;
}
}

ul.list-movie-02 {
	list-style:none;
	width:100%;
	padding:0;

}

ul.list-movie-02 li {
	display: inline-block;
	width:195px;
	padding-bottom:66px;

}

/*SP*/
@media screen and (max-width: 767px) {
ul.list-movie-02 li {
	width:20%;
}
}



ul.list-movie-02 li img {
	max-width:100%;
}

/*SP*/
@media screen and (max-width: 767px) {
#embed_movie {
	width:100%;
}
}


#movie {
	text-align:center;
	background-color: #FFFCE4;
	padding:2rem 0;
}


/*改修*/
.container-md{
	max-width: 940px;
	margin: 2rem auto;
	padding:1rem;
}
.w-1{width:8.33%;}
.w-2{width:16.66%;}
.w-3{width:25%;}
.w-4{width:33.33%;}
.w-5{width:41.66%;}
.w-6{width:50%;}
.w-7{width:58.33%;}
.w-8{width:66.66%;}
.w-9{width:75%;}
.w-10{width:83.33%;}
.w-11{width:91.66%;}
.w-12{width:100%;}

.fwb{font-weight: bold}
.fc-orange{color:#ed7500}
.t-center{text-align: center;}
.t-bg-yellow{background-color: #ffe44c;}
.marker{background: linear-gradient(transparent 60%, #ffd900 60%);}
.mb-1{margin-bottom:1rem;}
.mb-2{margin-bottom:2rem;}


.fs-3{font-size:1.5rem}
.fs-4{font-size:1.8rem}
.fs-5{font-size:2.0rem}
.fs-6{font-size:2.4rem}

.item-center{align-items: center;}
.flex-reverse{flex-direction: row-reverse;}

@media screen and (max-width: 896px) {
.w-1sp{width:8.33%;}
.w-2sp{width:16.66%;}
.w-3sp{width:25%;}
.w-4sp{width:33.33%;}
.w-5sp{width:41.66%;}
.w-6sp{width:50%;}
.w-7sp{width:58.33%;}
.w-8sp{width:66.66%;}
.w-9sp{width:75%;}
.w-10sp{width:83.33%;}
.w-11sp{width:91.66%;}
.w-12sp{width:100%;}

.fs-3{font-size:1.2rem}
.fs-4{font-size:1.5rem}
.fs-5{font-size:1.7rem}
.fs-6{font-size:2.0rem}

}

.sideber{
	position: fixed;
	right: 0;
	top:70px;
	z-index: 999;
}
.cta-box{
	border-radius: 2rem;
	border:2px solid #ffd900;
	background-color: #fff;
	font-size:1.6rem;
}
.cta-box h3{
	background-color: #ffd900;
	border-radius: 1.5rem 1.5rem 0 0;
	padding:2rem 0;
	text-align: center;
	font-size: 2rem;
}
.cta-box .cta-area{
	padding:2rem 4rem;
}
.cta-box .cta-area .cta-button{
	text-align: center;
	margin-bottom:2rem;
}
.cta-box .cta-area .cta-tel{
	text-align: center;
	margin-bottom:2rem;
}

.cta-box .cta-message{
	padding: 1rem 1.5rem;
	border-top: 1px dashed #cccccc;
}
@media screen and (max-width: 896px) {
.cta-box h3{
	font-size: 1.5rem;
}
    
}
.intro-about{
	padding:4rem 0px;
	background-color:#fffce4;
}

.intro-about-txt{
	font-size: 1.8rem;
	text-align: center;
	font-weight: bold;
}

.intro-recommended{
	padding:4rem 0px;
}
.intro-recommended .headLine01{
	color:#262626;
}
.index .consultation .intro-recommended h2 span{
	display: inline;
}
.intro-recommended-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap: 20px;
	row-gap: 10px; 
	margin-bottom:2rem;
}
.intro-recommended-txt{
	width:calc(100% - 400px);
	padding:30px 0;
}
.recommended-no{
	font-size:1.8rem;
	color:#ed7500;
	font-weight: 500;
}
.recommended-no span{
	font-size: 3.0rem;
}
.recommended-ttl{
	font-size:2.0rem;
	padding:20px 0;
	font-weight: bold;
}

.youtube-wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.youtube-wrap iframe {
  width: 100%;
  height: 100%;
  display: block;
}
.intro-reason{
	padding:4rem 0px;
}
.intro-reason-area{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 20px;
	row-gap: 10px; 
}
.intro-reason-box{
	margin-bottom:20px;
	
}
.intro-reason-box h4{
	padding:8px 0;	
}
.landinfo-box{
	padding:4rem 0px;
	background-color:#f8f8f8;
}
.landinfo-list{
	padding:2rem 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 15px;
	row-gap: 15px; 
}
.voice-list{
	padding:2rem 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 15px;
	row-gap: 15px; 
}

.shop-box{
	padding:20px;
	background-color: #fff;
}
.online-box{
	padding:30px 20px;
	border:2px solid #ffe44c;
	margin-bottom: 30px;
}
@media screen and (max-width: 896px) {
.sideber{
	display: none;
	}

.cta-box{
	font-size:1.2rem;
}

	
.cta-box .cta-area{
	padding:1.5rem;
}
.cta-box .cta-area .cta-button{
	margin-bottom:0;
}
.cta-box .cta-area .cta-button p{
	margin-bottom:1rem;
}
.intro-about-txt{
	font-size: 1.2rem;
}
.intro-recommended-txt{
	width:100%;
}
	
.intro-reason h2 img{
	width: 100%;
	max-width: 325px;
	height: 100%;
}

.intro-reason-area{
	grid-template-columns: 1fr;
}
.landinfo-list{
	grid-template-columns: 1fr 1fr;
}
.voice-list{
	grid-template-columns: 1fr;
}

	
}

.check-list li{
  position: relative;
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;
}

.check-list li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 12px;
	height: 16px;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	transform: translateY(-60%) rotate(45deg);
}

/*ハレルーヤカウンターとは？*/

.about{
	padding: 100px 0 179px;
	background-color: #ffe44c;
}
.about-box{
	background-color: #fff;
	padding:50px 0;
}
.future-box{
	padding:50px 0;
}
.future-box h3{
	font-size: 2.0rem
}
.future-box-list{
	background-color:#fff;
	padding: 30px 0px;
}
.future-box-list ul li{
	width: calc(50% - 20px);
	margin-bottom: 20px;
}
.future-box-list ul li .photoBox{
	width: 30%;
}
.future-box-list ul li .future-list-txt{
	width: calc(68% - 40px);
	padding: 10px 20px;
	background-color:#fffce4;
	border-radius: 20px;
	display: flex;
	align-items: center;
}
.future-list-message{
	max-width: 700px;
	margin: 40px auto;
	display: flex;
	justify-content: space-between;
}
.future-list-message-txt{
	width: 70%;
	font-size: 1.6rem
}
.future-list-message-txt span{
	font-size: 2.5rem;
	font-weight: bold;
}
.future-list-message-img{
	width: 20%;
	margin-left: 20px;
}
.wrong-list{
	background-color: #fffce4;
	padding: 30px 0px;
}
.wrong-list h3{
	font-size: 1.8rem;
}
.wrong-list-img{

}
.wrong-list-img ul{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 20px;
}
.wrong-list-img .wrong-list-ttl{
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
	margin-top:40px;}






.select-box{
	background-color: #ffe44c;
	padding:50px 0;
}
.select-list-box{
	margin-bottom:40px;
}
.select-list-box-head{
	background-color: #ed7500;
	padding:15px;
	position: relative;
}
.select-list-box-head .select-reason-icon{
	background-color:#262626;
	color:#fff;
	position: absolute;
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	left: 10%;
	top:-20px;
}
.select-list-box-head .select-reason-icon p{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width :100px;
	text-align:center;
	line-height: 1.3;
	font-weight: bold;
	font-size: 15px;
}
.select-list-box-head h3{
	color:#fff;
	font-size: 2.5rem;
	text-align: center;
}
.select-list-box-head h3 span{
	font-size: 1.8rem;
	display: block;
}
.select-list-box-body{
	background-color: #fff;
	padding:30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap: 30px;
}
.select-list-box-img{
	max-width: 350px;
	margin: 0 auto 20px;
}
.select-list-box-body ul{
	max-width: calc(100% - 380px);
}
.select-list-box-body ul li{
	display: flex;
	column-gap: 10px;
	margin-bottom: 20px;
}
.select-list-box-body ul li span{
	display: block;
	font-size: 2.0rem;
	font-weight: bold;
	color:#ed7500;
}
.select-list-box-body ul li::before{
	content: url("img/about/icon-house.png")
}


.difference-box{
	background-color: #fff;
	padding:50px 0;
}
.difference-img{
	padding:30px 0;
}
.about-future-box{
	background-color: #fffce4;
	padding:50px 0;
}
.about-future-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	column-gap: 20px;
	margin-bottom: 2rem;
}
.about-future-list-img{
	max-width: 300px;
}
.about-future-list-txt{
	max-width: calc(100% - 320px)
}

.about-future-no {
	font-size: 1.8rem;
	color: #ed7500;
	font-weight: 500;
}
.about-future-no span {
	font-size: 3.0rem;
}
.about-future-ttl {
	font-size: 2.0rem;
	padding: 15px 0;
	font-weight: bold;
}
.about-future-txt{
}
.about-future-recommend{
	padding:20px 15px;
	margin:0 auto;
}
.about-future-recommend-ttl{
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	font-size: 1.8rem;
}
.about-future-recommend-txt{
	display: flex;
	column-gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
}
.about-future-recommend-txt li{
	background-color:#ed7500;
	color:#fff;
	position: relative;
	display: inline-block;
	width: 130px;
	height: 130px;
	border-radius: 50%;
}
.about-future-recommend-txt li span{
	position: absolute;
	display: inline-block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width :130px;
	text-align:center;
	line-height: 1.3;
	font-weight: bold;
}
.about-future-support ul li{
	display: flex;
	column-gap: 10px;
	align-items: center;
	margin-bottom: 20px;	
}



.flow-box{
	background-color:#ffffff;
	padding:50px 0;
}
.flow-list{}
.flow-list ul{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 20px;
}
.flow-list-item{
	display: block grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	margin-bottom: 40px; 
}
.flow-list-item-ttl{
	font-size: 2.0rem;
	color:#EF8200;
	padding:20px 0;
	text-align: center;
}

@media (max-width: 896px) {
.about{
    padding: 32px 0 50px;
  }
.about-box{
	padding:30px 0;
	font-size: 1.2rem
}
.future-box{
	padding:10px 0;
}
.future-box h3{
	font-size:1.4rem;}
.future-box-list ul li{
	width: 100%;
}
.future-list-message-txt{
	font-size: 1.2rem
}
.future-list-message-txt span{
	font-size: 1.5rem;
}
.future-list-message-img{
	width: 30%;
}
.wrong-list h3{
	font-size: 1.5rem;
}
.wrong-list-img ul{
	grid-template-columns: 1fr;
}
.wrong-list-img .wrong-list-ttl{
	font-size: 1.3rem;
}



.select-list-box-head .select-reason-icon{
	left: 0;
}
.select-list-box-head h3{
	font-size: 1.5rem;
	margin-left:100px;
	text-align: left;
}
.select-list-box-head h3 span{
	font-size: 1.2rem;
}
.select-list-box-img{
	max-width: 100%;
}
.select-list-box-body ul{
	max-width: 100%;
}

.select-list-box-body ul li span{
	font-size: 1.3rem;
}

	
	
.difference-img{
	overflow: scroll;
}
.difference-img img{
	max-width: none;
	max-height: 550px;
}

.about-future-list-img{
	max-width: 100%;
}
.about-future-list-txt{
	max-width: 100%;
}

.about-future-no {
	font-size: 1.2rem;
}
.about-future-no span {
	font-size: 2.0rem;
}
.about-future-ttl {
	font-size: 1.6rem;
	padding:10px 0;
}
.about-future-recommend-ttl{
	font-size: 1.5rem;
}

	
	
	
	
.flow-list ul{
	grid-template-columns: 1fr;
}
.flow-list-item-ttl{
	font-size: 1.8rem;
	padding:15px 0;
}
	
}



/**/

.modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
	visibility: hidden;
	opacity: 0;
	transition:
		opacity 0.3s,
		visibility 0.3s;
}

.modal.is-open {
	visibility: visible;
	opacity: 1;
}

.modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.7);
	cursor: pointer;
}

.modal__content {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: 840px;
	max-height: calc(100vh - 60px);
	padding: 40px;
	overflow-y: auto;
	background: #ffe44c;
	border-radius: 10px;
	box-sizing: border-box;
	transform: translateY(20px);
	transition: transform 0.3s;
}

.modal.is-open .modal__content {
	transform: translateY(0);
}

.modal__close {
	position: absolute;
	top: 10px;
	right: 15px;
	width: 40px;
	height: 40px;
	padding: 0;
	font-size: 32px;
	line-height: 1;
	background: transparent;
	border: 0;
	cursor: pointer;
}
.modal__content .headLine01{
	padding: 74px 0 20px;
}
.modal__content .modal-attention{
	padding:30px;
	border:2px solid #ed7500;
}
.modal__content .modal-support{
	max-width: 600px;
	margin:30px auto;
}
.modal__content .modal-support h3{
	background-color: #ed7500;
	padding:10px;
	color:#fff;
	font-size: 1.8rem;
	margin-bottom: 30px;
	text-align: center;
}
.modal__content .modal-support ul li::before{
	content: url("img/about/icon-house.png");
}
.modal__content .modal-support ul li{
	font-weight: bold;
}

.modal__body{
	background: #fff;
	border-radius: 10px;
	padding:40px;
}
.modal__body ul li{
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
	margin-bottom: 2rem;
}
.modal__body .modal-support ul li{
	justify-content: flex-start;
}
.modal__body img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 20px auto;
}

.modal__button {
	display: inline-block;
	margin-top: 20px;
	padding: 12px 25px;
	color: #fff;
	text-decoration: none;
	background: #333;
	border-radius: 5px;
}

body.is-modal-open {
	overflow: hidden;
}

@media all and (max-width: 767px) {
	.modal {
		padding: 20px;
	}
	.modal__body{
		padding:20px;
	}
	.modal__body ul li{
		column-gap: 0px;
		flex-wrap: wrap;
	}
	.modal__body .modal-support ul li{
		column-gap: 10px;
		flex-wrap: nowrap;
	}
	.modal__content {
		max-height: calc(100vh - 40px);
		padding: 45px 20px 25px;
	}
	.modal__content .modal-attention{
		padding:15px;
	}
	.modal__content .modal-support h3{
		font-size: 1.2rem;
	}

	.modal__title {
		font-size: 22px;
	}
}

/*FAQ*/
.faq{
	padding: 100px 0 179px;
	background-color: #ffe44c;
	max-width: 100%;
}

.faq-box{
	background-color:#f8f8f8;
	padding:50px 0;
}

/*土地情報*/
.land-info,.land-detail{
	padding: 100px 0 0;
	background-color: #ffe44c;
	max-width: 100%;
}

#land-list {
  --land-yellow: #ffdc00;
  --land-orange: #ef7100;
  --land-black: #222;
  --land-gray: #f7f7f7;
  --land-border: #dedede;
  width: 100%;
  overflow: hidden;
  background: var(--land-gray);
  color: var(--land-black);
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
#land-list,
#land-list *,
#land-list *::before,
#land-list *::after { box-sizing: border-box; }
#land-list h1,
#land-list h2,
#land-list p { margin: 0; padding: 0; }
#land-list button,
#land-list a { font: inherit; }

.land-head {
  padding: 132px 20px 57px;
  background: #ffdc00;
  text-align: center;
}
.land-head-icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  margin: 0 auto 10px;
  border: 2px solid #222;
  border-radius: 50%;
  background: #fff8c7;
}
.land-head-icon svg { width: 34px; height: 34px; }
.land-head h1 {
  color: #ef7100;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .04em;
}
.land-head-en {
  margin-top: 2px;
  color: #ef7100;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
}

.land-main {
  width: calc(100% - 40px);
  max-width: 1000px;
  margin: 0 auto;
  padding: 28px 0 110px;
}
.land-breadcrumb {
  margin-bottom: 42px;
  color: #666;
  font-size: 12px;
}
.land-breadcrumb a { color: inherit; text-decoration: none; }
.land-breadcrumb a:hover { text-decoration: underline; }

.land-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 42px;
}
.land-filter button {
  min-width: 82px;
  padding: 9px 18px;
  border: 1px solid #cfcfcf;
  border-radius: 999px;
  background: #fff;
  color: #555;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  transition: background .2s, border-color .2s, color .2s;
}
.land-filter button:hover,
.land-filter button.is-current {
  border-color: #ef7100;
  background: #ef7100;
  color: #fff;
}
.land-count {
  margin-bottom: 14px;
  color: #777;
  font-size: 12px;
}
.land-count strong { color: #222; }

.land-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px 20px;
}
.landinfo-box .land-grid {margin-bottom:50px;}
.land-card {
  overflow: hidden;
  border: 1px solid #ededed;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(0, 0, 0, .035);
  transition: transform .2s, box-shadow .2s;
}
.land-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .08);
}
.land-photo {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background:
    linear-gradient(rgba(30,30,30,.08), rgba(30,30,30,.08)),
    linear-gradient(145deg, #f8f8f8 0 45%, #ffec7b 45% 64%, #ffac5b 64%);
}
.land-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
.land-photo span {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .06em;
  text-shadow: 0 1px 5px rgba(0,0,0,.35);
  white-space: nowrap;
}
.land-card-body { padding: 13px 15px 15px; }
.land-area-ttl {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
  color:#16348c;
}
.land-area {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
}
.land-address {
  min-height: 1.6em;
  margin-top: 1px;
  color: #777;
  font-size: 11px;
}
.land-price {
  margin-top: 7px;
  font-size: 18px;
  font-weight: 700;
}
.land-price small {
  margin-left: 2px;
  font-size: 11px;
  font-weight: 500;
}
.land-spec {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 7px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--land-border);
}
.land-spec dt {
  color: #777;
  font-size: 10px;
  line-height: 1.3;
}
.land-spec dd {
  margin: 1px 0 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
}
.land-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  min-height: 48px;
  padding: 9px 0 8px;
  align-content: flex-start;
}
.land-tag {
  display: inline-block;
  padding: 3px 9px;
  border: 1px solid #ef7100;
  border-radius: 999px;
  color: #ef7100;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.15;
}
.land-tag.is-orange { background: #ef7100; color: #fff; }
.land-tag.is-yellow { border-color: #ffdc00; background: #ffdc00; color: #4e4000; }
.land-detail {
  display: block;
  width: 100%;
  padding: 11px 8px;
  border-radius: 5px;
  background: #ffdc00;
  color: #222;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  transition: background .2s;
}
.land-detail:hover { background: #ef7100; color: #fff; }
.landinfo-box .land-detail {padding: 11px 0!important;}
.land-empty {
  grid-column: 1 / -1;
  padding: 70px 20px;
  background: #fff;
  text-align: center;
}

.land-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 74px;
  padding-top: 48px;
  border-top: 1px solid #555;
}
.land-pagination a,
.land-pagination span {
  display: grid;
  place-items: center;
  min-width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #fff;
  color: #444;
  font-size: 13px;
  text-decoration: none;
}
.land-pagination .current {
  background: #ef7100;
  color: #fff;
}
.land-pagination .dots { background: transparent; }

@media screen and (max-width: 896px) {
  .land-head { padding: 96px 20px 35px; }
  .land-head-icon { width: 54px; height: 54px; }
  .land-head h1 { font-size: 24px; }
  .land-main { padding: 25px 0 70px; }
  .land-breadcrumb { margin-bottom: 27px; }
  .land-filter { gap: 8px; margin-bottom: 30px; }
  .land-filter button { min-width: 0; padding: 9px 13px; font-size: 12px; }
  .land-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 12px; }
  .land-card-body { padding: 11px 12px 13px; }
  .land-area { font-size: 17px; }
}
@media screen and (max-width: 560px) {
  .land-grid { grid-template-columns: 1fr; }
  .land-photo { aspect-ratio: 16 / 8.5; }
  .land-tags { min-height: 0; }
  .land-pagination { margin-top: 48px; padding-top: 34px; }
}

/*土地詳細*/
#land-detail {
  --ld-yellow: #ffdc00;
  --ld-orange: #ef7100;
  --ld-green: #00b900;
  --ld-black: #222;
  --ld-gray: #f6f6f6;
  --ld-border: #bdbdbd;
  width: 100%;
  overflow: hidden;
  background: var(--ld-gray);
  color: var(--ld-black);
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 15px;
  line-height: 1.8;
}
#land-detail,
#land-detail *,
#land-detail *::before,
#land-detail *::after { box-sizing: border-box; }
#land-detail h1,
#land-detail h2,
#land-detail h3,
#land-detail p,
#land-detail ul,
#land-detail dl { margin: 0; padding: 0; }
#land-detail a { color: inherit; }

#land-detail .ld-wrap {
  width: calc(100% - 40px);
  max-width: 1000px;
  margin: 0 auto;
  padding: 112px 0 100px;
}
#land-detail .ld-breadcrumb {
  margin-bottom: 28px;
  color: #666;
  font-size: 12px;
}
#land-detail .ld-breadcrumb a { text-decoration: none; }
#land-detail .ld-breadcrumb a:hover { text-decoration: underline; }

#land-detail .ld-article {
  width: 100%;
  max-width: 760px;
  margin: 0 auto;
  padding: 45px 48px 72px;
  border-radius: 8px;
  background: #fff;
}
#land-detail .ld-title-area {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.4;
  color:#16348c;
}
#land-detail .ld-title {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}
#land-detail .ld-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 28px;
}
#land-detail .ld-tag {
  display: inline-block;
  padding: 4px 11px;
  border: 1px solid var(--ld-orange);
  border-radius: 999px;
  color: var(--ld-orange);
  font-size: 11px;
  line-height: 1.15;
}
#land-detail .ld-tag.is-orange { background: var(--ld-orange); color: #fff; }
#land-detail .ld-tag.is-yellow { border-color: var(--ld-yellow); background: var(--ld-yellow); color: #4b3c00; }

#land-detail .ld-main-photo {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  margin-bottom: 25px;
  width: 100%;
  min-width: 0;
  /*background:
    linear-gradient(rgba(20,20,20,.06),rgba(20,20,20,.06)),
    linear-gradient(145deg,#ddd5c4 0 45%,#bdcbae 45% 62%,#a88b69 62%);*/
}
#land-detail .ld-main-photo img { width: 100%; height: 100%; object-fit: cover; }
#land-detail .ld-main-photo span {
  position: absolute;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .06em;
  text-shadow: 0 1px 5px rgba(0,0,0,.4);
}
#land-detail .ld-lead { margin-bottom: 35px; font-size: 13px; }

#land-detail .ld-section { margin-top: 42px; }
#land-detail .ld-heading {
  margin-bottom: 20px;
  padding: 0 0 10px 18px;
  border-bottom: 1px solid #777;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
}
#land-detail .ld-heading::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 7px;
  height: 20px;
  border-radius: 2px;
  background: var(--ld-orange);
}
#land-detail .ld-data {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
#land-detail .ld-data th,
#land-detail .ld-data td {
  padding: 6px 4px;
  border-bottom: 1px dotted #ddd;
  text-align: left;
  vertical-align: top;
}
#land-detail .ld-data th { width: 29%; font-weight: 500; }
#land-detail .ld-note-title { margin: 28px 0 10px; font-size: 15px; font-weight: 700; }
#land-detail .ld-note {
  padding: 19px 22px;
  background: #fffde5;
  font-size: 13px;
}
#land-detail .ld-point-list,
#land-detail .ld-environment-list { list-style: none; }
#land-detail .ld-environment-list li,
#land-detail .ld-point-list li {
  position: relative;
  padding-left: 17px;
  font-size: 13px;
}
#land-detail .ld-environment-list li::before,
#land-detail .ld-point-list li::before {
  content: "";
  position: absolute;
  top: .72em;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--ld-orange);
}
#land-detail .ld-access { font-size: 16px;margin-bottom:20px; }
#land-detail .ld-office { margin-bottom: 24px; font-size: 12px; }
#land-detail .ld-mail-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  max-width: 380px;
  min-height: 56px;
  border-radius: 5px;
  background: var(--ld-orange);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: opacity .2s;
}
#land-detail .ld-mail-button:hover { opacity: .78; }
#land-detail .ld-mail-icon {
  display: grid;
  place-items: center;
  width: 27px;
  height: 27px;
  border: 2px solid #fff;
  border-radius: 50%;
  font-size: 14px;
}
#land-detail .ld-free-text p { margin-bottom: 18px; }
#land-detail .ld-free-text a { color: #1769c2; }
#land-detail .ld-free-text .is-orange { color: var(--ld-orange); }
#land-detail .ld-number-list { margin: 18px 0 24px 22px; }
#land-detail .ld-small-button {
  display: inline-block;
  min-width: 210px;
  margin: 8px 0 22px;
  padding: 10px 20px;
  background: var(--ld-orange);
  color: #fff;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
}

#land-detail .ld-reservation {
  width: 100%;
  max-width: 760px;
  margin: 45px auto 0;
  overflow: hidden;
  border: 2px solid var(--ld-yellow);
  border-radius: 10px;
  background: #fff;
  text-align: center;
}
#land-detail .ld-reservation-title {
  padding: 11px 20px;
  background: var(--ld-yellow);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.4;
}
#land-detail .ld-reservation-body { padding: 16px 28px 18px; }
#land-detail .ld-reservation-lead { margin-bottom: 14px; font-size: 12px; }
#land-detail .ld-reservation-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
#land-detail .ld-reservation-button {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
#land-detail .ld-reservation-button.is-line { background: var(--ld-green); }
#land-detail .ld-reservation-button.is-mail { background: var(--ld-orange); }
#land-detail .ld-tel {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 16px;
  margin-top: 13px;
  font-size: 12px;
}
#land-detail .ld-tel a { font-size: 26px; font-weight: 500; text-decoration: none; }
#land-detail .ld-reservation-note { margin-top: 10px; color: #777; font-size: 10px; text-align: left; }

#land-detail .ld-pager {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
  max-width: 760px;
  margin: 45px auto 0;
  padding: 20px 30px;
  border-radius: 999px;
  background: #fff;
}
#land-detail .ld-pager a { font-size: 12px; text-decoration: none; }
#land-detail .ld-pager-prev::before,
#land-detail .ld-pager-next::after {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--ld-orange);
  color: #fff;
  font-size: 18px;
}
#land-detail .ld-pager-prev::before { content: "‹"; margin-right: 14px; }
#land-detail .ld-pager-next { text-align: right; }
#land-detail .ld-pager-next::after { content: "›"; margin-left: 14px; }
#land-detail .ld-pager-list { padding-bottom: 2px; border-bottom: 2px solid var(--ld-orange); }

@media screen and (max-width: 896px) {
  #land-detail .ld-wrap { padding: 92px 0 65px; }
  #land-detail .ld-article { padding: 30px 25px 50px; }
  #land-detail .ld-title-area { font-size: 24px; }
  #land-detail .ld-title { font-size: 18px; }
  #land-detail .ld-reservation-buttons { gap: 12px; }
}
@media screen and (max-width: 560px) {
  #land-detail .ld-wrap { width: calc(100% - 24px); }
  #land-detail .ld-article { padding: 25px 16px 42px; }
  #land-detail .ld-main-photo { aspect-ratio: 4 / 3; }
  #land-detail .ld-data,
  #land-detail .ld-data tbody,
  #land-detail .ld-data tr,
  #land-detail .ld-data th,
  #land-detail .ld-data td { display: block; width: 100%; }
  #land-detail .ld-data th { padding-bottom: 0; border-bottom: 0; color: #777; }
  #land-detail .ld-data td { padding-top: 0; }
  #land-detail .ld-reservation-title { font-size: 15px; }
  #land-detail .ld-reservation-body { padding: 15px; }
  #land-detail .ld-reservation-buttons { grid-template-columns: 1fr; }
  #land-detail .ld-tel { flex-wrap: wrap; gap: 2px 10px; }
  #land-detail .ld-tel a { font-size: 23px; }
  #land-detail .ld-pager { padding: 13px 14px; }
  #land-detail .ld-pager-prev span,
  #land-detail .ld-pager-next span { display: none; }
}
.land-slider {
  width: 100%;
  min-width: 0;
  margin: 0 auto;
}
/* 各スライド */
.land-slider .slide-item {
  width: 100%;
  min-width: 0;
}

.land-slider .slide-item img {
  display: block;
  max-width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* 左右矢印 */
.land-slider .slick-prev {
  left: 20px;
  z-index: 10;
}

.land-slider .slick-next {
  right: 20px;
  z-index: 10;
}

/* ドット */
.land-slider .slick-dots {
  bottom: -30px;
}

.land-slider .slick-dots li button:before {
  color: #666;
}

.land-slider .slick-dots li.slick-active button:before {
  color: #ffd900;
}







.google-map {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 10px;
}

.google-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

@media screen and (max-width: 767px) {
    .google-map {
        aspect-ratio: 4 / 3;
    }
}

/*ヘッダープルダウン*/

/* 親メニュー */
.has-dropdown {
  position: relative;
}

/* プルダウンメニュー */
.has-dropdown > .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 10px);

  min-width: 180px;
  padding: 0;
  margin: 0;

  background: #fff;
  box-shadow: 0 4px 15px rgba(0,0,0,.12);
  list-style: none;
  z-index: 100;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: .3s ease;
}

/* ホバー時に表示 */
.has-dropdown:hover > .dropdown-menu,
.has-dropdown:focus-within > .dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

/* サブメニューのリンク */
.has-dropdown > .dropdown-menu > li > a {
  display: block;
  padding: 15px 20px;
  text-align: center;
  color: #333;
  background: #fff;
  text-decoration: none;
  white-space: nowrap;
  transition: background .3s;
}

#gNavi .sub-menu-sp{
    font-size: 0.9em;
    list-style: disclosure-closed;
    padding-left:25px;
}
#gNavi .sub-menu-sp li{
    margin-bottom: 0px;
    padding:10px 5px;
}