@charset "UTF-8";
/* sp(320px) */

/* CTA */
.cta {
	display: none;
	/*border: 1px solid #000;*/
}

/* スマホ用CTA */
#cta_sp {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	column-gap: 0;
	row-gap: 0;

	position:fixed;
	inset: auto auto 0 0;
	background-color: #fff;
	padding-block: .8em;
}




@media handheld, print, screen and (min-width: 375px) {
/* iphone6 */


/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 414px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}







@media handheld, print, screen and (min-width: 560px) {
/* tablet */

/* CTA */
.cta {
	display: block;
}
.cta .grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto;
	column-gap: 3%;
	row-gap: 0;
	margin-inline: auto;
	/*border: 1px solid #000;*/
}
#cta1.cta .grid {
	max-inline-size: 100%;
}
#cta2.cta .grid {
	max-inline-size: 100%;
}
#cta3.cta .grid {
	max-inline-size: 100%;
}
#cta4.cta .grid {
	max-inline-size: 100%;
}

.cta .grid > div {
	/*border: 1px solid red;*/
}

.cta .grid > div:nth-of-type(1) .msg1 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	color: #5caaff;
	text-align: center;
}
.cta .grid > div .msg2 {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
	text-align: center;
	margin-block-start: .2em;
}
.cta .grid > div .msg2 span {
	position: relative;
}
.cta .grid > div .msg2 span:before,
.cta .grid > div .msg2 span:after {
	content: '';
	inline-size: 1.4em;
	border-top: 1px solid #333;
	position: absolute;
	top: .8em;
}
.cta .grid > div .msg2 span:before {	
	transform: rotate(55deg);
	left: -2.2em;	
}
.cta .grid > div .msg2 span:after {
	transform: rotate(-55deg);
	right: -2.1em;
}


.cta .grid > div:nth-of-type(1) a {
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;

	background-color: #5caaff;
	border-radius: 2em;
	padding-block: 1em 1em;
	/*padding-inline: 1em 1em;*/
	inline-size: 100%;
	margin-block-start: .8em;
}
#cta3.cta .grid > div:nth-of-type(1) a {
	font-size: 19px;
	padding-block: .8em .8em;
}
#cta3.cta .grid > div:nth-of-type(1) a > div {
	display: grid;
	align-items: center;
	grid-template-columns: 26px auto;
	grid-template-rows: auto;
	column-gap: .4em;
	row-gap: 0;
	inline-size: fit-content;
	margin-inline: auto;
}
#cta4.cta .grid > div:nth-of-type(1) a {
	font-size: 18px;
	padding-block: .9em .9em;
}

.cta .grid > div:nth-of-type(1) a:hover {
	text-decoration: none;
}

.cta .grid > div:nth-of-type(2) {
	padding-block-start: 1.4em;
}
.cta .grid > div:nth-of-type(2) .enc {
	inline-size: fit-content;
}
.cta .grid > div:nth-of-type(2) .tel {
	display: grid;
	align-items: center;
	justify-content: center;
	grid-template-columns: 20px auto;
	grid-template-rows: auto;
	column-gap: .2em;
	row-gap: 0;
	/*inline-size: 20em;*/
	margin-block-start: 1em;
	/*border: 1px solid blue;*/
}

.cta .grid > div:nth-of-type(2) .tel .num {
	font-family: "Manrope", sans-serif;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.0;
	color: #333;
	text-align: center;
}
.cta .grid > div:nth-of-type(2) .time {
	font-size: 14px;
	text-align: center;
	margin-block-start: .5em
}

/* スマホ用CTA */
#cta_sp {
	display: none;
}

	@media (-webkit-min-device-pixel-ratio: 2){
		

	/* end of media query(retina) */	
	}

/* end of media query(tablet) */	
}












@media handheld, print, screen and (min-width: 620px) {
/* iPad */

/* CTA */
.cta .grid {
	column-gap: 6%;
}
#cta1.cta .grid {
	max-inline-size: 680px;
}
#cta2.cta .grid {
	max-inline-size: 720px;
}
#cta3.cta .grid {
	max-inline-size: 680px;
}
#cta4.cta .grid {
	max-inline-size: 680px;
}

.cta .grid > div:nth-of-type(1) .msg1 {
	font-size: 15px;
}
.cta .grid > div .msg2 {
	font-size: 18px;
	margin-block-start: .2em;
}


.cta .grid > div:nth-of-type(1) a {
	font-size: 20px;
}
#cta3.cta .grid > div:nth-of-type(1) a {
	font-size: 23px;
}
#cta3.cta .grid > div:nth-of-type(1) a > div {
	grid-template-columns: 30px auto;
}
#cta4.cta .grid > div:nth-of-type(1) a {
	font-size: 22px;
}

.cta .grid > div:nth-of-type(2) {
	padding-block-start: 1.4em;
}
.cta .grid > div:nth-of-type(2) .tel {
	grid-template-columns: 22px auto;
	column-gap: .2em;
	inline-size: 20em;
	margin-block-start: 1em
}

.cta .grid > div:nth-of-type(2) .tel .num {
	font-size: 30px;
}
.cta .grid > div:nth-of-type(2) .time {
	font-size: 16px;
	margin-block-start: .5em
}

/* end of media query(iPad) */	
}











@media handheld, print, screen and (min-width: 900px) {
/* pc */

/* CTA */
.cta .grid {
	column-gap: 6%;
}
#cta1.cta .grid {
	max-inline-size: 742px;
}
#cta2.cta .grid {
	max-inline-size: 820px;
}
#cta3.cta .grid {
	max-inline-size: 742px;
}
#cta4.cta .grid {
	max-inline-size: 742px;
}

.cta .grid > div:nth-of-type(1) .msg1 {
	font-size: 16px;
}
.cta .grid > div .msg2 {
	font-size: 20px;
	margin-block-start: .2em;
}
.cta .grid > div:nth-of-type(1) a {
	font-size: 22px;
}

#cta3.cta .grid > div:nth-of-type(1) a {
	font-size: 26px;
}
#cta3.cta .grid > div:nth-of-type(1) a > div {
	grid-template-columns: 36px auto;
}
#cta4.cta .grid > div:nth-of-type(1) a {
	font-size: 24px;
}

.cta .grid > div:nth-of-type(2) {
	padding-block-start: 1.4em;
}
.cta .grid > div:nth-of-type(2) .tel {
	grid-template-columns: 28px auto;
	column-gap: .2em;
	inline-size: 20em;
	margin-block-start: 1em
}
.cta .grid > div:nth-of-type(2) .tel .num {
	font-size: 40px;
}
.cta .grid > div:nth-of-type(2) .time {
	font-size: 16px;
	margin-block-start: .5em
}


/* end of media query(pc) */
}