@charset "UTF-8";
/* CSS Document */

main#top { width: 100%; float:none; margin: 0; padding: 0; }

/*------------------------------------------------------

	共通

------------------------------------------------------*/

.telLink { position: relative; }
.telLink a { position: absolute; width: 100%; height: 100%; display: block; }

.contents { padding: 20px 0; }
.contents.blue { background-color: #EDF3FA; }
.contents.yellow { background-color: #ffef1d; }

@media (max-width: 768px){
	.contents { padding: 10px 0; }
}

@media (max-width: 480px){
	.contents { padding: 10px; }
}

/*------------------------------------------------------

	スライダー

------------------------------------------------------*/

#slider { position: relative; padding:20px 0 120px; background: #007dd0; }
#slider .container { padding-left: 10px; padding-right: 10px; }
#slider .topSlider { overflow: hidden; }
#slider img { width: 100%; }
#slider #sliderTel { padding: 20px 0 15px; position: absolute; width: 100%; /* bottom: 25px; */ line-height: 1.3; border-top: 5px solid #fff; border-bottom: 5px solid #fff; background-color: #e10916; background-image: repeating-linear-gradient(0deg, transparent, transparent 12px, rgba(204,204,204,.3) 1px, rgba(204,204,204,.3) 13px), repeating-linear-gradient(90deg, transparent, transparent 12px, rgba(204,204,204,.3) 1px, rgba(204,204,204,.3) 13px); height: 97px; }
#slider #sliderTel h3 { font-size: 1.375em; color: #f8ed54; width: 260px; float: left; }
#slider #sliderTel address { width: 585px; float: left; background: url(../top/iconfreeTel.svg) no-repeat left top +12px; background-size: 65px auto; padding-left: 85px; position: relative; top: -8px; white-space: nowrap; }
#slider #sliderTel address span { font-weight: 600; font-style: normal; font-size: 6.6rem; color: #fff; line-height: 1; display: block; letter-spacing: 5px; }
#slider #sliderTel .note { color: #fff; width: auto; float: left; position: relative; padding: 0 12px; margin-left: 20px; padding-top: 5px; }
#slider #sliderTel address .telLink a { position: relative; color: #fff; text-decoration: none;}

@media (min-width: 769px) {
	#slider .container { width: 1100px; }
	#slider #sliderTel .note:before { content: ''; background: url(../top/imgTelCmntL.png) no-repeat left top; background-size: 100% auto; width: 8px; height: 52px; position: absolute; top: 0; left: 0; }
	#slider #sliderTel .note:after { content: ''; background: url(../top/imgTelCmntR.png) no-repeat left top; background-size: 100% auto; width: 8px; height: 52px; position: absolute; top: 0; right: 0; }
	#slider .flexslider { margin: 0 0 20px; background: #fff; border: 8px solid #fff; }
}

@media screen and (min-width:769px) and ( max-width:1100px) {
    #slider > .container { width: 100%; max-width: 1024px; }
}


@media (max-width: 768px) {
	#slider { padding-top: 0; padding-bottom: 0; }
	#slider .container { width: 100%; padding-left: 0; padding-right: 0; }
	#slider img {}
	#slider #sliderTel { position: relative; padding: 8px 0; height: auto; text-align: center; margin-top: 10px; }
	#slider #sliderTel h3 { font-size: 1.125em; width: 100%; text-align: center; }
	#slider #sliderTel address { width: auto; float: none; display: inline-block; top: 0; background-size: auto 100%; background-position: left top +2px; padding-left: 14vw;}
	#slider #sliderTel address span { font-size: 10vw; letter-spacing: 2px;}
	#slider #sliderTel .note { width: 100%; text-align: center; padding: 0; margin-left: 0; }

}
@media (max-width: 480px) {
	#slider { padding-top: 0; }
	#slider #sliderTel { bottom: 10px; }
	#slider #sliderTel address span { letter-spacing: 2px; }
	#slider .topSlider { margin-bottom: 2px; }
	#slider .topSliderSP { margin-bottom: 2px; }
	#slider .flexslider { margin: 0 0 20px; background: #fff; border: none; }
}


/*------------------------------------------------------

	大見出し

------------------------------------------------------*/

/*
headingTop
*/
.headingTop { position: relative; font-size: 3.2rem; color: #e10916; text-align: center; position: relative; margin-bottom: 30px; }
.headingTop::before { display: block; font-family: 'kagiQfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.headingTop span { display: block; }
.headingTop .title { display: inline; background-color: #fff; position: relative; padding: 0 25px; z-index: 1; }
.headingTop .ruby { font-size: 0.411765em; line-height: 0.5; }
.headingTop:after { content: ''; position: absolute; border-bottom: 6px solid #e10916; width: 100%; left: 0; bottom: 30%; }

@media (max-width: 768px) {
	.headingTop:after { width: 106%; left: -3%;}
}

@media (max-width: 480px) {
	.headingTop { font-size: 1.75em;}
	.headingTop .title { font-size: 2.6rem; }
}

/* 以下アイコンごとの設定 */
.headingTop#kagiQ-kakuseiki:before { content: "\e904"; }
.headingTop#kagiQ-notice:before { content: "\e90b"; }
.headingTop#kagiQ-info:before { content: "\e903"; }


/*------------------------------------------------------

	#shopIntro（店舗紹介）

------------------------------------------------------*/

#shopIntro .lead { text-align: center; font-size: 1.375em; font-weight: bold; color: #f82811; line-height: 1.4; }
#shopIntro .lead span { font-size: 1.727275em }

#shopIntro .shopInner { margin-bottom: 20px; }
#shopIntro .shopInner .left { width: 60%; float: left; }
#shopIntro .shopInner .right { width: 35%; float: right; }
#shopIntro .shopInner .text { margin-bottom: 20px; }
#shopIntro .shopInner .btn.orange { width: 220px; }

@media (max-width: 768px) {
	#shopIntro .shopInner .left { width: 100%; float: right; }
	#shopIntro .shopInner .left .btnWrap { text-align: center; }
	#shopIntro .shopInner .right { width: 100%; float: left; }
	#shopIntro .shopInner .right .img { text-align: center; margin-bottom: 20px; }
	#shopIntro .shopInner .right .img img { width: 90%; }
}

@media (max-width: 480px){
	#shopIntro .lead { font-size: 1em; }
}


/*------------------------------------------------------

	#case（主なご依頼例）

------------------------------------------------------*/

#case { padding: 30px 0 30px;}
#case .caseInner { width: 430px; border-top-left-radius: 6px;  border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;  }
#case .caseInner.left { float: left;}
#case .caseInner.right { float: right;}
#case .caseInner dt { text-align: center; font-size: 1.5em; color: #fff; padding: 12px 0; border-top-left-radius: 4px;  border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;  }
#case .caseInner dt span { padding-right: 5px;}
#case .caseInner dd { background-color: #fff; padding: 16px 40px; text-align: center; line-height: 2; }
#case .caseInner.red { border: 1px solid #e10916; color: #333; }
#case .caseInner.red dt { background-color: #e10916; }
#case .caseInner.blue { border: 1px solid #005db2; }
#case .caseInner.blue dt { background-color: #005db2; }

#case .caseBnr:hover { opacity: 0.8; }

@media (min-width: 769px) {
	#case .container { width: 890px; }
}

@media (max-width: 768px) {
	#case { padding-bottom: 40px; }
	#case .caseInner { width: 100%; margin-bottom: 30px; }
	#case .caseInner dt { padding: 12px 0; }
	#case .caseInner dd { padding: 16px 20px; line-height: 1.8; }
	#case .caseBnr { margin-bottom: 30px; }
}
@media (max-width: 480px) {
	#case { padding-bottom: 10px; }
}

/*------------------------------------------------------

	#checkPoint（3つのチェックポイント）

------------------------------------------------------*/
#checkPoint { text-align: center; padding: 50px 0 30px; }
#checkPoint img { width: auto;}

@media (max-width: 768px) {
	#checkPoint img { width: 95%; max-width: 674px; }
}

/*------------------------------------------------------

	#secom

------------------------------------------------------*/
#secom { text-align: center; margin-bottom: 35px;}
#secom img { width: auto; max-width: 100%; margin-bottom: 15px;}
#secom p {}

/*------------------------------------------------------

	#attention（ご注意）

------------------------------------------------------*/
#attention { margin-bottom: 100px;}
#attention .text { width: 95%; margin: auto; }
#attention h3 { text-align: center; margin-bottom: 10px; }
#attention h3 img { max-width: 470px; height: auto; }

/*------------------------------------------------------

	.news（お知らせ）

------------------------------------------------------*/
.news { margin-top: 50px; margin-bottom: 30px;}
.news .headingTop { margin-bottom: 0;}
.news .newsInner {}


.news .newsInner dl { border-bottom: 1px solid #ccc; padding: 18px 10px;}
.news .newsInner dl dt { font-weight: bold; line-height: 1.8; }
.news .newsInner dl dt .time { font-size: 0.875em; color: #f82811; display: block;}
.news .newsInner dl dt .title { font-size: 1em; color: #1f6ac5;}
.news .newsInner dl dd { font-size: 0.875em; }
.news .newsInner dl dd img { width: auto; max-width: 100%; margin: 10px 20px 10px 20px; }

/* ↓↓↓ 2022.12.05 志村 ↓↓↓ */
.news .newsInner { max-width: 910px; margin: 0 auto; }
.news .newsInner .articleWrap { border-bottom: 1px solid #ccc; padding: 9px 10px; }
.news .newsInner > div:not(.moreWrap):first-of-type { padding: 18px 10px; }
.news .newsInner .articleWrap .head { font-weight: bold; line-height: 1.8; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.news .newsInner .articleWrap .head .time { font-size: 0.875em; color: #f82811; display: block; margin-right: 10px; }
.news .newsInner .articleWrap .head .title { font-size: 1em; color: #1f6ac5;}
.news .newsInner .articleWrap .head .title a { color: #1f6ac5; }
.news .newsInner .articleWrap .body { font-size: 0.875em; }
.news .newsInner .articleWrap .body img { width: auto; max-width: 100%; margin: 10px 20px 10px 20px; }
/* ↑↑↑ 2022.12.05 志村　↑↑↑ */


.news .newsInner .alignleft { float: left; }
.news .newsInner .alignright { text-align: right; }

.news .moreWrap { display: none;}
.news .moreBtn { cursor: pointer; text-align: center; font-size: 0.875em; color: #1f6ac5; padding: 5px 0; margin-top: 10px; }
.news .moreBtn:before { content: '▼'; padding-right: 10px;}
.news .moreBtn:after { content: '▼'; padding-left: 10px;}

.news .moreBtn.active:before { content: '▲'; }
.news .moreBtn.active:after { content: '▲'; }

@media (max-width: 768px) {
	.news .newsInner dl dt .title { font-size: 1.6rem; line-height: 1.5; }
	.news .newsInner dl dd { font-size: 1em;}

	/* ↓↓↓ 2022.12.05 志村 ↓↓↓ */
	.news .newsInner .articleWrap .head { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
	.news .newsInner .articleWrap .head .title { font-size: 1.6rem; line-height: 1.5; }
	.news .newsInner .articleWrap .body { font-size: 1em;}
	/* ↑↑↑ 2022.12.05 志村　↑↑↑ */
}

/*---------------------------------------------------

	#link（リンク）

---------------------------------------------------*/
/*
#link { margin-bottom: 100px;}
#link ul { list-style: none; }
#link ul li { width: 235px; float: left; margin-right: 23px; margin-bottom: 20px;}
#link ul li:nth-child(4n+4) { margin-right: 0;}
#link ul li a {}
#link ul li a img { height: auto; }

@media (max-width: 768px) {
	#link ul li { width: 33%; margin-right: 0px; }
	#link ul li:nth-child(3n+2) { margin-left: 0.5%; margin-right: 0.5%;}
}

@media (max-width: 480px) {
	#link ul li { width: 48%; margin-left: 1%; margin-right: 1%; }
	#link ul li:nth-child(3n+2) { margin-left: 1%; margin-right: 1%;}
	#link ul li:nth-child(4n+4) { margin-right: 1%; margin-left: 1%;}
}
*/


#link { margin-bottom: 100px;}
#link ul { list-style: none; }
#link ul li { width: 235px; float: left; margin-right: 23px; margin-bottom: 20px;}
#link ul li:nth-child(4n+4) { margin-right: 0;}
#link ul li a { position: relative; display: block; height: 100%;}
#link ul li a img { height: auto; }
#link ul li a span { position: absolute; width: 100%; left: 0; bottom: 4px; text-align: center; font-size: 1.4rem; color: #000; font-weight: bold; }



@media (max-width: 768px) {
	#link ul li { width: 33%; margin-right: 0px; }
	#link ul li:nth-child(3n+2) { margin-left: 0.5%; margin-right: 0.5%;}
    #link ul li a span { font-size: 2vw;}
}

@media (max-width: 480px) {
	#link ul li { width: 48%; margin-left: 1%; margin-right: 1%; }
	#link ul li:nth-child(3n+2) { margin-left: 1%; margin-right: 1%;}
	#link ul li:nth-child(4n+4) { margin-right: 1%; margin-left: 1%;}
    #link ul li a span { font-size: 3vw;}
}


/*------------------------------------------------------

	#gallery（店舗の様子）

------------------------------------------------------*/

#gallery { padding-bottom: 0 ;}
#gallery #galleryInner { background-color: #fffeed; padding: 25px 0;}

@media (min-width: 769px) {
	#gallery #galleryInner ul { display: -webkit-flex; display: flex; -webkit-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-justify-content: space-between; justify-content:space-between; list-style-type: none; width: 1300px; margin: auto; }
	#gallery #galleryInner ul li { -webkit-flex: 0 1 25%; flex: 0 1 25%; }
	#gallery #galleryInner ul li:not(:last-child) { margin-right: 40px; }
	#gallery #galleryInner ul li .caption { margin-top: 5px; text-align: center; }
}

@media (max-width: 768px) {
	#gallery { padding-left: 0; padding-right: 0; }
	#gallery #galleryInner ul li .flex-caption { margin-top: 5px; text-align: center; }
	.imgSlider { background-color: transparent; border: none; width: 95%; margin: auto;}
}

/*---------------------------------------------------

	#shopInfo（店舗情報）

---------------------------------------------------*/

#shopInfo { background-color: #fff; }

/* shopData（店舗情報） */

#shopData { width: 23%; float: left; margin-top: 30px; margin-bottom: 30px; }
#shopData h2 { font-size: 1.375em; color: #F82811; }
#shopData h3 { font-size: 1em; font-weight: normal; border: none; padding: 0; }

#shopData .info { list-style: none; }
#shopData .info li { position: relative; padding-left: 35px; line-height: 1.6em; margin-bottom: 5px; }
#shopData .info li:before { position: absolute; color: #f82811; display: inline-block; top: 0; left: 0; }

#shopData .info .kagiQ-freeDial:before { font-size: 1.625em; }
#shopData .info .kagiQ-fax:before { font-size: 1.25em; }
#shopData .info .kagiQ-tell:before { font-size: 1.625em; }
#shopData .info .kagiQ-fax:before { font-size: 1.25em; }
#shopData .border { border-bottom: 5px dotted #005DB2; padding-bottom: 10px; }
#shopData .border span { font-size: 0.875em; }
#shopData .shopBtn a { display: inline-block; background-color: #F82811; color: #fff; text-decoration: none; padding: 5px; margin-left:5px; }
#shopData .shopBtn a:hover {  filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; -moz-opacity: 0.7; -khtml-opacity: 0.7;  opacity: 0.7; zoom: 1; }
#shopData .bnr { width: 230px; height: 80px; margin-top: 20px; }

#shopTel { width: 100%; overflow: hidden; margin-bottom: 50px;}
#shopTel * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#shopTel .left { background-color: #ffef1d; position: relative; vertical-align: middle; text-align: center;}
#shopTel .left:before { content: "\e909"; color: #e10916; font-size: 5.25em; font-family: 'kagiQfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#shopTel .right { background-color: #f82811; padding: 10px;}
#shopTel .lead { text-align: center; font-size: 1.875em; color: #fff; font-weight: normal; line-height: 1; margin-bottom: 10px;}
#shopTel address { font-size: 4.375em; color: #333; background-color: #fff; font-style: normal; font-weight: 600; padding-left: 160px; height: 100px; background: url(../top/iconfreeTel.png) no-repeat 40px center #fff; background-size: 87px auto; letter-spacing: 6px; }

@media (min-width: 769px) {
	#shopTel { display: table; }
	#shopTel .left { display: table-cell; width: 170px; border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; }
	#shopTel .right { display: table-cell; width: auto; border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; }
}

@media (max-width: 768px) {
	#shopTel .left { width: 100%; padding: 10px; font-size: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px;  }
	#shopTel .right { width: 100%; padding: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; }
	#shopTel .lead { font-size: 1.75em; font-weight: bold; }
	#shopTel address { font-size: 9vw; letter-spacing: 2px; padding-left: 15%; background-position: 5% center; height: auto; padding-top: 10px; padding-bottom: 10px; text-align: center;}
}

@media (max-width: 640px) {
	#shopTel address { /*font-size: 2.4em;*/  background-size: 68px auto; }
}

@media (max-width: 480px) {
	#shopTel .left { font-size: 8px; padding: 5px; }
	#shopTel .lead { font-size: 1.25em; }
	#shopTel address { /*font-size: 1.65em;*/ background-size: 46px auto; letter-spacing: normal;}
}

/* googlemap */
#ggmap { width: 750px; height: 470px; margin-top: 50px; margin-bottom: 50px; float: right; }



/*------------------------------------------------------

    headingTop2

------------------------------------------------------*/
.headingTop2 { font-size: 2.6rem;  background-color: #fff; color: #f82811; border:2px solid #f82811;   text-align: center; max-width: 380px; margin-left: auto; margin-right: auto; border-radius: 24px; padding: 5px 10px; /* box-shadow: 0px 5px 0px 0px #e10916; */ position: relative; }

@media (min-width: 769px) {
    .headingTop2 { font-size: 2.6rem;}
}

@media (max-width: 768px) {
    .headingTop2 { width: 80%; font-size: 2rem;}
}


/*------------------------------------------------------

    service

------------------------------------------------------*/
#service { margin-bottom: 50px;}
#service .headingTop {}
#service .headingTop [class^='kagiQ-'] {}
/* #service .bg { background-color: #fffeee; padding-top: 0; }
#service .bg .container {} */
#service .headingTop2 { top: -20px;}
#service ul { list-style-type: none;}
#service ul li { background-color: #fff; border-bottom: 5px solid #ff9400; text-align: center; margin-bottom: 10px;}
#service .img { margin-bottom: 15px;}
#service .img img { width: 100%; max-width: 130px;}
#service ul li .title { text-decoration: underline;}
#service ul li .title a { color: #333;}
#service .body {}
#service .body .text {}


@media (min-width: 769px) {
    #service {}
    #service .headingTop { margin-bottom: 55px;}
    #service .headingTop [class^='kagiQ-'] {}
    /* #service .bg {}
    #service .bg .container {} */
    #service .headingTop2 {}
    #service ul { justify-content: flex-start; -webkit-justify-content: flex-start; }
    #service ul li { width: 25%; max-width: 242px; padding: 20px 10px; margin-right: 14px;}
    #service ul li:nth-child(4n+4) { margin-right: 0;}
    #service .img {}
    #service .img img {}
    #service ul li .title { min-height: 3em; margin-bottom: 8px; }
    #service .body { text-align: left;}
    #service .body .text { font-size: 1.2rem;}
}

@media (max-width: 768px) {
    #service {}
    #service .headingTop { margin-bottom: 45px;}
    #service .headingTop [class^='kagiQ-'] {}
    /* #service .bg { padding: 0;}
    #service .bg .container {} */
    #service .headingTop2 {}
    #service ul {}
	#service ul::after { content:''; display: block; width: 33%; }
    #service ul li { width: calc(99.9% / 3 - 4px); padding: 10px 5px;}
    #sexrvice .img {}
    #service .img img { width: 85%;}
    #service ul li .title { font-size: 1.2rem;}
    #service .body { display: none;}
    #service .body .text {}
}




/*------------------------------------------------------

    security

------------------------------------------------------*/
#security { margin-bottom: 50px;}
/* #security .bg { padding-top: 0; padding-bottom: 20px; } */
#security .contaniner {}
#security .headingTop2 { top: -20px;  border: 2px solid #0086e0; color: #0086e0; }
#security .text { font-size: 1.4rem; text-align: center;}
#security ul { list-style-type: none;}
#security ul li { text-align: center; background-color: #fff;}
#security ul li img { width: 100%; max-width: 130px;}
#security ul li:last-child a { border: 8px solid #ddd; text-decoration: none; color: #0086e0; display: inline-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center;}
#security .link { text-align: center;}
#security .link a { text-decoration: none; color: #1f6ac5; position: relative; font-weight: bold;}
#security .link a::before { font-size: 1.4rem; content: "\e900"; color: #fff; margin-right: 0.3em; border-radius: 50%; width: 14px; height: 14px; display: inline-block; font-family: 'kagiQfont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: #007dd0; }



@media (min-width: 769px) {
    #security {}
    /* #security .bg {} */
    #security .contaniner {}
    #security .headingTop2 {}
    #security .text { margin-bottom: 25px;}
    #security ul { margin-bottom: 20px; max-width: 700px; margin-left: auto; margin-right: auto;}
    #security ul li { width: calc(99.9% / 4); padding: 16px 0;}
    #security ul li img {}
    #security ul li:last-child a { width: 130px; height: 130px; margin-left: auto; margin-right: auto; }
    #security .link { justify-content: center; -webkit-justify-content: center; }
    #security .link .col2-1 { width: auto;}
    #security .link a { font-size: 2rem;}
    #security .link a:first-child { margin-right: 25px;}
    #security .link a:hover { text-decoration: underline;}
}

@media (max-width: 768px) {
    #security {}
    /* #security .bg { padding-left: 0; padding-right: 0; } */
    #security .contaniner {}
    #security .headingTop2 {}
    #security .text { margin-bottom: 15px;}
    #security ul { margin-bottom: 10px; justify-content: flex-start;}
    #security ul li { width: calc(99.9% / 3); padding: 10px 4px; margin-bottom: 5px; }
    #security ul li img { width: 85%;}
    #security ul li:last-child a { height: 100%; border-width: 4px; width: 100%; font-size: 1.5rem; letter-spacing: -1px; }
    #security .link {}
    #security .link .col2-1:first-child { margin-bottom: 5px;}
    #security .link a { width: 100%;}
}



/*------------------------------------------------------

	haikai

------------------------------------------------------*/
#haikai { margin-bottom: 50px;}
#haikai .contaniner {}
#haikai ul { list-style-type: none; justify-content: center;}
#haikai ul li { text-align: center; background-color: #fff;}
#haikai ul li img { width: 100%; max-width: 130px;}

@media (min-width: 769px) {
    #haikai {}
    #haikai .contaniner {}
    #haikai ul { margin-bottom: 20px; max-width: 700px; margin-left: auto; margin-right: auto;}
    #haikai ul li { width: calc(99.9% / 4); padding: 16px 0;}
    #haikai ul li img {}
}

@media (max-width: 768px) {
    #haikai {}
	#haikai .cta_title { margin-bottom: 0;}
    #haikai .contaniner {}
    #haikai ul { margin-bottom: 10px;}
    #sechaikaiurity ul li { width: calc(99.9% / 3 - 4px); padding: 10px 4px; margin-bottom: 5px; }
    #haikai ul li img { width: 85%;}
}







/*------------------------------------------------------

    aikagi

------------------------------------------------------*/
#aikagi {}
#aikagi .navi_style-1.frame ul { border: 2px solid #0086E0; border-radius: 10px; margin-bottom: 30px; }
#aikagi .navi_style-1.frame ul li { background: transparent; border-bottom: 2px solid #0086E0; position: relative; }
#aikagi .navi_style-1 ul li { }

#aikagi .navi_style-1.frame ul li:first-child,#aikagi .navi_style-1.frame ul li:nth-child(4) { border-left: none; }
#aikagi .navi_style-1.frame ul li:last-child { border-bottom: none; }

#aikagi .navi_style-1 ul li::before{content: ''; display:block; position: absolute;  top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 20px; width: 7px; height: 7px; border-top: 2px solid #0086E0; border-right: 2px solid #0086E0;}

#aikagi .navi_style-1 ul li.col-1 { width: 100%; border-radius: 0px 0px 10px 10px;}
#aikagi .navi_style-1 ul li.col-1 a { }
#aikagi .navi_style-1 ul li.col-1::before { }
#aikagi .navi_style-1 ul li a { color: #0086E0; padding: 20px; font-size: 2.0rem; }

#aikagi .navi_style-1 .kagiQ-key01 { background: #0086E0; color: #fff; }
#aikagi .navi_style-1 .kagiQ-key02 { background: #0086E0; color: #fff; }
#aikagi .navi_style-1 .kagiQ-smartkey { background: #0086E0; color: #fff; }
#aikagi .navi_style-1 .kagiQ-jyutaku { background: #0086E0; color: #fff; }

#aikagi .img_box  { margin-bottom: 30px; }

#aikagi .red_text { font-size: 2.2rem; color: #E0121D; text-align: center; }


@media (min-width: 769px) {
	#aikagi { margin-bottom: 100px; }
	#aikagi .navi_style-1 ul li { width:calc(100%/3); text-shadow: none;  border-left: 2px solid #0086E0; }
	#aikagi .navi_style-1 ul li.col-1 a { text-align: center;  -webkit-justify-content: center; justify-content: center; }
	#aikagi .navi_style-1 ul li.col-1::before { right: 250px; }

	#aikagi .img_box .colWrap img:nth-child(1) { width: 41.5%; height: auto; }
	#aikagi .img_box .colWrap img:nth-child(2) { width: 35.6%; height: auto; }
	#aikagi .img_box .colWrap img:nth-child(3) { width: 17.8%; height: auto; }


}

@media (max-width: 768px) {
	#aikagi { margin-bottom: 50px; }
	#aikagi .navi_style-1 ul li { width: 100%; }
	#aikagi .navi_style-1 ul li a { font-size: 1.6rem; }
	#aikagi .navi_style-1 ul li.col-1 a {  }
	#aikagi .navi_style-1 ul li.col-1::before { right: 20px; }

	#aikagi .img_box .colWrap img:nth-child(1) { width: 100%; height: auto; margin-bottom: 15px; }
	#aikagi .img_box .colWrap img:nth-child(2) { width: 63.7%; height: auto; }
	#aikagi .img_box .colWrap img:nth-child(3) { width: 31.8%; height: auto; }

	#aikagi .red_text { font-size: 1.8rem; color: #E0121D; text-align: center; }


}



/*------------------------------------------------------

    goods

------------------------------------------------------*/
#goods {}
#goods .heading02 {}
#goods ul {}
#goods ul li { font-size: 1.8rem;}
#goods ul li a { color: #1d4a8c; }

@media (min-width: 769px) {
    #goods { margin-bottom: 90px;}
    #goods .heading02 {}
    #goods ul { justify-content: flex-start; -webkit-justify-content: flex-start; }
    #goods ul li {}
}

@media (max-width: 768px) {
    #goods { margin-bottom: 45px;}
    #goods .heading02 {}
    #goods ul {}
    #goods ul li { width: calc(50% - 10px);}
}

@media (max-width: 480px) {
    #goods ul li { width: 100%;}
}


/*------------------------------------------------------

	キャンペーン

------------------------------------------------------*/
#campaign { margin: 20px 0px 40px 0px; }
#campaign dl { margin:0px 20px; }
#campaign dt { font-size: 1.4rem; font-weight: bold; margin-top: 10px; }
#campaign dd { font-size: 1.4rem; }
/*
#campaign .list li:before { content: ""; padding: 0 9px 0 5px;margin-right: 0.2em; }
#campaign .list li { display: inline-block; font-size: 1.4rem; margin-bottom: 0px; }
#campaign .text { padding: 0px 20px; }
*/

@media (max-width: 768px) {
#campaign { margin: 10px 0px 10px 0px; }
#campaign .sp { display: block; }
#campaign .container { margin:0px; width: 100%; }
}


/*------------------------------------------------------

	.cta（見出し、電話番号表示）

------------------------------------------------------*/


/* #service .cta { margin-bottom: 20px; } */
.cta { margin-bottom: 40px; }
.cta .colWrap{ background: linear-gradient(90.25deg, #F4383D 0.95%, #D6000D 98.33%); border-radius: 10px 10px 0px 0px; position: relative; border-bottom: 5px solid #CB000C; }

.cta_title {}
.cta_title p { color: #fff; }
.cta_title p span {  }
.cta_title .kagiQ-mark { margin-right: 10px; }

.cta_tel {  }

.cta_tel .kagiQ-tell { margin-right: 5px; }
.cta_tel p ,.cta_tel a{ font-weight: 600; background: #fff; border-radius: 100px; color: #E0121C;   }

.cta_bnr .img_wrap { margin-bottom: 20px; }
.cta_bnr { margin-bottom: 40px; }


@media (min-width: 769px) {
	.cta .colWrap{ height: 80px; }
	.cta_title p { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 2.8rem; }
	.cta_title p span { font-size: 3.6rem ; }

	.cta_tel p { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 3.0rem; padding: 0px 20px 0px 20px; }

	.cta_tel .kagiQ-tell { font-size: 26px; }

}

@media (max-width: 768px) {

	.cta .colWrap{ padding: 10px 0px; }
	.cta .container {  width: calc(100% - 20px); }

	.cta_title { margin: 0px auto 10px auto; }
	.cta_title .kagiQ-mark { margin-right: 10px; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 3.2rem; }
	

	.cta_title p { position: relative; padding-left: 80px; font-size: 1.8rem ; line-height: 1.2; padding-right: 20px; }
	.cta_title p span { font-size: 2.6rem ;  }

	.cta_tel { margin: 0px auto; width: 90%; }
	.cta_tel p { width: 100%; text-align: center; font-size: 1.6rem; }
	.cta_tel a { display: block; width: 100%; text-decoration: none; padding: 2px 0px;}

	.cta_tel .kagiQ-tell { font-size: 16px; }
	.cta_tel .kagiQ-touch { background-image: url(../top/icon_touch.svg); width:18px ; height: 22px; display: inline-block; position: relative; top: 2px; margin-right: 10px; }

}

@media (max-width: 480px) {
	.cta_title { margin: 0px 0 10px 0; }
}




/* 2022.12.22 shimura */
#slider #sliderTel .container { max-width: 1010px; padding: 0 0; }
#slider #sliderTel .container > * { float: none; }
#slider #sliderTel address { background-image: url(../top/icon_slider_tel.svg); background-repeat: no-repeat; }
#slider #sliderTel p.note a span { position: relative; padding-left: 34px; font-size: 2.2rem; }
#slider #sliderTel p.note a span::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; background: url(../top/iconfreeTel.svg) no-repeat top center; background-size: 100%; width: 28px; height: 18px; }	

@media (min-width: 769px) {
	#slider #sliderTel .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	#slider #sliderTel h3 { font-size: 2.0rem; width: 280px; }
	#slider #sliderTel address { width: 500px !important; background-size: 40px; background-position: left top 14px; padding-left: 50px; }
}

@media (max-width: 480px) {
	#slider #sliderTel address { background-position: left top 5px; padding-left: 40px; background-size: 30px; }
}


/* 2023.02.08 nakao スマホ営業時間 */

#slider .business_hours { text-align: center; padding-bottom: 20px; padding-top: 10px; }
#slider .business_hours p { font-size: 1.8rem;  }
#slider .business_hours .red_text { font-size: 2.0rem ; font-weight: bold; color: #F82811; }

/* 2023.02.08 nakao トップスマホバナー */
.bnr_recruit { margin-bottom: 80px; }
.bnr_recruit a { display: block; margin: auto; margin-bottom: 20px; }
.bnr_recruit a img { width: 100%; }
.bnr_recruit:hover { opacity: 0.8; }

@media (min-width: 769px) {
	.bnr_recruit a { width: 380px; }

}

@media (max-width: 768px) {
	.bnr_recruit { width: 100%; max-width: 500px; margin: auto; }

}

@media (max-width: 480px) {

}


/* 2023.06.05 nakao トップキャンセル規定 */
#regulations { margin-bottom: 20px; }
#regulations .container { text-align: center; }
#regulations .info_wrap { border: 4px solid #e10916; border-radius: 10px; }
#regulations p { text-align: center; display: inline;  position: relative; line-height: 1.5;}
#regulations p span { display: inline-block; font-weight: bold; position: relative; }
#regulations p span::after,#regulations p span::before { content: ''; display: block; position: absolute; }

#regulations p span.left_arrow::before { width: 0; height: 0; border-style: solid;
	border-right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
#regulations p span.left_arrow::after {width: 0; height: 0; border-style: solid;
	border-right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); }

#regulations p  { font-weight: bold;; }
#regulations p span.right_arrow a { color: #e10916; text-decoration: none; font-weight: bold; }
#regulations p span.right_arrow a:hover { text-decoration: underline; }

#regulations p span.right_arrow::before {  width: 0; height: 0; border-style: solid;
	border-left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
#regulations p span.right_arrow::after {width: 0; height: 0; border-style: solid;
	border-left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); }

@media (min-width: 769px) {
	#regulations p span { font-size: 2.8rem; }
	#regulations p span::after,#regulations p span::before {}
	#regulations p span.left_arrow::before { border-top: 7.5px solid transparent; border-bottom: 7.5px solid transparent;border-left: 10px solid #e10916; left: -20px; }
	#regulations p span.left_arrow::after { border-top: 7.5px solid transparent; border-bottom: 7.5px solid transparent;border-left: 10px solid #e10916; left: -40px;  }

	#regulations p span.right_arrow::before { border-top: 7.5px solid transparent; border-bottom: 7.5px solid transparent;border-right: 10px solid #e10916; right: -20px; }
	#regulations p span.right_arrow::after { border-top: 7.5px solid transparent; border-bottom: 7.5px solid transparent;border-right: 10px solid #e10916; right: -40px;  }

	#regulations .info_wrap { padding: 20px; }

}

@media (max-width: 768px) {

	#regulations p { font-size: 1.4rem; }
	#regulations p span { font-size: 1.8rem; }

	#regulations p span.right_arrow{ padding: 0px 30px; margin-top: 10px; }

	#regulations p span.left_arrow::before { border-top: 7.5px solid transparent; border-bottom: 7.5px solid transparent;border-left: 10px solid #e10916; left: 15px; }
	#regulations p span.left_arrow::after { border-top: 7.5px solid transparent; border-bottom: 7.5px solid transparent;border-left: 10px solid #e10916; left: 0px;  }

	#regulations p span.right_arrow::before { border-top: 7.5px solid transparent; border-bottom: 7.5px solid transparent;border-right: 10px solid #e10916; right: 15px; }
	#regulations p span.right_arrow::after { border-top: 7.5px solid transparent; border-bottom: 7.5px solid transparent;border-right: 10px solid #e10916; right: 0px;  }

	#regulations .info_wrap { padding: 15px; }

	#regulations p span.right_arrow a { margin-top: 20px; }



}

@media (max-width: 480px) {

}

/*------------------------------------------------------

	登録番号 2023.10.30 shimura

------------------------------------------------------*/
#slider { padding: 20px 0 10px; }
#invoice { text-align: center; border-radius: 10px; /* font-weight: bold; */ }
#invoice .bold { font-size: 1.8rem; font-weight: bold; }
@media (min-width: 769px) {
    #invoice { padding: 15px; margin: 115px auto 0; }
}

@media (max-width: 768px) {
    #invoice { padding: 0 0 15px; }
	#invoice.container { padding-left: 10px; padding-right: 10px; }
}