@charset "utf-8";


/* front-page =============================================================
	
	Hero
	
======================================================================== */


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

	hero
	block
	school
	property
	blog
	facebook
	Instagram / AccessMap
	
======================================================================== */
	
		.l-hero-discription {
			background-color: #4A1D0E;
			color: #FFF;
			text-align: center;
			}
		.p-hero-discription-inner {
			background-image: url(../img/top/bg_butterfly.png);
			background-repeat: no-repeat;
			background-position: left center;
			}
		.c-hero-tit {
			font-weight: normal;
			}
	@media print, screen and (min-width: 48.0625em) {
		/*TB,PC*/
		.l-hero-discription .l-wrap {
			width: 1100px;
			}
		.p-hero-discription-inner {
			padding: 65px 0 80px;
			}
		.c-hero-tit {
			font-size: 200%;
			letter-spacing: .18rem;
			text-indent: -.18rem;
			margin-bottom: 2.4rem;
			}
		.c-hero-tit .u-fontMuli {
			letter-spacing: normal;
			text-indent: inherit;
			}
		/*.p-hero-button {
			display: flex;
			flex-flow: row wrap;
			justify-content: space-between;
			width: 760px;
			margin: 50px auto 0;
			}*/
		.p-hero-button {
			width: 760px;
			margin: 50px auto 20px;
			}
			.p-hero-button > li:first-child {
				float: left;
				}
			.p-hero-button > li:last-child {
				float: right;
				}
	}
	@media screen and (max-width: 48em) {
		/*SP*/
		.p-hero-discription-inner {
			padding: 2rem 0;
			background-size: contain;
			}
		.c-hero-tit {
			font-size: 150%;
			margin-bottom: 2rem;
			}
		.p-hero-button li {
			margin-top: 1.6em;
			}
			.p-hero-button > li:last-child {
				margin-bottom: 20px;
				}
	}

/*=============================================
	slick slider
=============================================*/
	.slick-dotted.slick-slider {
		margin-bottom: 0 !important;
		}
	.c-hero-img {
		position: relative;
		}
	.slider-arrow {
		cursor: pointer;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		z-index: 100;
		}
	.slider-arrow i {
		opacity: .75;
		}
	.slider-arrow i:hover {
		opacity: 1;
		}
	@media print, screen and (min-width: 48.0625em) {
		/*TB,PC*/
	.c-hero-img.is-hidden-large {
		display: none;
		}
	.slider-arrow {
		font-size: 60px;
		}
	.slider-arrow.slider-prev {
		left: 2%;
		}
	.slider-arrow.slider-next {
		right: 2%;
		}
	.slick-dots {
		bottom: 10px !important;
		}
	.slick-dots li button:before {
		font-size: 8px !important;
		}
	}
	@media screen and (max-width: 48em) {
		/*SP*/
	.c-hero-img.is-hidden-sp {
		display: none;
		}
	.slider-arrow {
		font-size: 30px;
		}
	.slider-arrow.slider-prev {
		left: 5px;
		}
	.slider-arrow.slider-next {
		right: 5px;
		}
	.slick-dots {
		bottom: 0px !important;
		}
	.slick-dots li {
		margin: 0px !important;
		}
	}

/*=============================================
	クーポン
=============================================*/
		.l-coupon {
			background-color: #4A1D0E;
			}
	@media print, screen and (min-width: 48.0625em) {
		/*TB,PC*/
		.l-coupon {
			padding: 65px 0 80px;
			}
		.l-coupon .c-hero-tit img {
			vertical-align: middle !important;
			margin-left: 10px;
			}
		.c-coupon--button {
			margin-top: 3rem;
			}
	}	
	@media screen and (max-width: 48em) {
		/*SP*/
		.l-coupon {
			padding: 2rem 0;
			}
		.l-coupon .c-hero-tit img {
			width: 80%;
			margin-top: 6px;
			}
		.c-coupon--button {
			margin-top: 1.6rem;
			}
	}

/*=============================================
	4つの特徴
=============================================*/
		.l-4features {
			background-color: #C8BBB6;
			background-image: url(../img/top/bg_butterfly02.png);
			background-repeat: no-repeat;
			color: #4A1D0E;
			text-align: center;
			}
	@media print, screen and (min-width: 48.0625em) {
		/*TB,PC*/
		.l-4features {
			padding: 65px 0 80px;
			/*margin: 20px auto;*/
			background-position: right 25px;
			}
			}
		.l-4features .c-hero-tit img {
			vertical-align: middle !important;
			margin-left: 10px;
			}
		.c-4features--button {
			margin-top: 3rem;
			}

	@media screen and (max-width: 48em) {
		/*SP*/
		.l-4features {
			padding: 2rem 0;
			background-position: right 2%;
			background-size: contain;
			}
		.l-4features .c-hero-tit img {
			width: 80%;
			margin-top: 6px;
			}
		.c-4features--button {
			margin-top: 1.6rem;
			}
	}		




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

	p-block
	
======================================================================== */

		.c-block {
				margin-bottom: 60px;
				}
			
		.c-tit {
			text-align: center;
			margin-bottom: 15px;
			}
		.c-tit-img {
			height: 74px;
			}

	@media print, screen and (min-width: 48.0625em) {
		/*TB,PC*/	
		.p-block-inner {
			display: flex;
			flex-flow: row wrap;
			justify-content: space-between;
			 align-items: flex-end;
			}
		.c-block {
			width: 480px;
			}
	}




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

	サロン保険加入済みサロンです。
	
======================================================================== */
		.l-salon {
			background-color: #C8BBB6;
			background-image: url(../img/top/bg_butterfly03.png);
			background-repeat: no-repeat;
			color: #4A1D0E;
			text-align: center;
			}
	@media print, screen and (min-width: 48.0625em) {
		/*TB,PC*/
		.l-salon {
			padding: 65px 0 80px;
			/*margin: 20px auto;*/
			background-position: right 25px;
			}
			}
		.l-salon .c-hero-tit img {
			vertical-align: middle !important;
			margin-left: 10px;
			}
		.c-salon--button {
			margin-top: 3rem;
			}
	@media screen and (max-width: 48em) {
		/*SP*/
		.l-salon {
			padding: 2rem 0;
			background-position: right 10%;
			background-size: contain;
			}
		.l-salon .c-hero-tit img {
			width: 80%;
			margin-top: 6px;
			}
		.c-salon--button {
			margin-top: 1.6rem;
			}
	}	





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

	l-property
	商材の特長
	
======================================================================== */

		.l-property {
			background-color: #F5EEDF;
			}
		.c-property-tit {
			width: 107.5px;
			height: 63.5px;
			}
		.p-property-text {
			padding-top: 10px;
			}
		.p-property-text li {
			margin-top: 5px;
			}
	@media print, screen and (min-width: 48.0625em) {
		/*TB,PC*/
		.l-property {
			padding: 80px 0;
			margin-bottom: 80px;
			}
		.c-img-pen {
			margin-top: -40px;
			margin-left: -50px;
			width: 447.5px;
			}
		.p-speedup-pen .p-property-text {
			width: 360px;
			margin: 0 auto;
			}
		.c-img-wingloop {
			margin-top: 25px;
			width: 400.5px;
			}
		.p-wingloop .p-property-text {
			width: 375px;
			margin: 0 auto;
			}
/*		.download_bn {
	width: 760px;
	padding-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
			}*/
	}
	@media screen and (max-width: 48em) {
		/*SP*/
		.l-property {
			padding: 60px 0;
			margin-bottom: 60px;
			}
		.p-property-text .c-button-link:after {
			top: 10px;
			}
		.c-block.p-wingloop {
			margin-bottom: 0;
			}
	}
	@media screen and (min-width: 48.0625em) and (max-width: 768px) {
		/*TB*/
		.c-img-pen {
			width: 70%;
			}
	}




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

	l-blog
	
======================================================================== */

		.l-blog {
			border-top: solid 5px #4A1D0E;
			padding-top: 20px;
			box-sizing: border-box;
			}
		.c-blog-tit {
			width: 67px;
			height: 62.5px;
			}
		
		.l-blog dl {
			margin-top: 13px;
			border-bottom: dotted 2px #666666;
			}
		.l-blog dt {
			margin-top: 5px;
			color: #990000;
			}
		.l-blog a {
			text-decoration: none;
			color: #000;
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
			}
		.l-blog a:hover {
			opacity: 0.7;
			filter: alpha(opacity=70);
			-ms-filter: "alpha(opacity=70)";
			}
			
		/* 疑似フレーム */
		.p-iframeWrapper {
			width: 100%;
			overflow: hidden;
			-webkit-overflow-scrolling: touch;
			}
		.p-iframe {
			height: 240px;
			padding: 0 20px 5px 5px;
			}
	@media print, screen and (min-width: 48.0625em) {
		/*TB,PC*/
		.p-iframe {
			overflow: auto;
			margin-left: 20px;
			}
	}
	@media screen and (max-width: 48em) {
		/*SP*/
		.p-iframe {
			overflow: scroll;
			margin-left: 10px;
			}
	}




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

	l-facebook
	
======================================================================== */
	
		.fb-page {
			width: 100%;
			}
		.fb_iframe_widget,
		.fb_iframe_widget[style],
		.fb_iframe_widget iframe[style],
		.fb_iframe_widget span{
			max-width: 100% !important;
			}
		.fbcomments,
		.fb_iframe_widget,
		.fb_iframe_widget[style],
		.fb_iframe_widget iframe[style],
		.fbcomments iframe[style],
		.fb_iframe_widget span{
			max-width: 100% !important;
			}

	@media screen and (max-width: 48em) {
		/*SP*/	
		.l-facebook {
			margin: 0 auto 60px;
			width: 100%;
			text-align: center;
			}
	}




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

	l-instagram
	
======================================================================== */

		.p-oneColum {
			margin-bottom: 60px;
			}

	@media print, screen and (min-width: 48.0625em) {
		/*TB,PC*/
		.l-instagram iframe {
			overflow:hidden;
			}	
	}

	@media screen and (max-width: 48em) {
		/*SP*/
		
	}




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

	l-accessmap
	
======================================================================== */
		
		.l-accessmap {
			margin-top: 60px;
			}
		.p-gmapWrapper {
			position: relative;
			padding-bottom: 40%;
			height: 0;
			overflow: hidden;
			}
		.p-gmapWrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
			}

	@media screen and (max-width: 48em) {
		/*SP*/
		.p-gmapWrapper {
			padding-bottom: 70%;
			}
	}