@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/


/*  11p
---------------------------*/

/*  12p
---------------------------*/

/*  13p
---------------------------*/

/*  14p
---------------------------*/

/*  15p
---------------------------*/

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

.mt {
	margin-top: 20px;
}

.mt2 {
	margin-top: 50px;
}

.dotor {
	text-align: center;
}

.w-sp {
	width: 70%;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 50px;
}

.w-sp2 {
	width: 70%;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {



	/*  11p
---------------------------*/

	/*  12p
---------------------------*/

	/*  13p
---------------------------*/

	/*  14p
---------------------------*/

	/*  15p
---------------------------*/

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

	.pc-1 {
		width: 30%;
	}

	.pc-2 {
		width: 60%;
	}

	.pc-k1 {
		width: 60%;
	}

	.pc-k2 {
		width: 35%;
	}

	.size1 {
		font-size: 20px;
	}

	.size2 {
		font-size: 28px;
	}

	.tel-icon {
		position: relative;
		padding-left: 30px;
	}

	.tel-icon::before {
		position: absolute;
		content: url("../images/tel-icon.svg");
		width: 20px;
		margin-left: -30px;
	}

	.pc-header {
		margin-bottom: 20px;
	}

	.l-header-pc__left {
		width: 35%;
	}

	.l-header-pc__right {
		width: 60%;
	}
}

@media only screen and (min-width: 1023px) {

	.mt {
		margin-top: 40px;
	}

	.mt2 {
		margin-top: 70px;
	}

	.pc-1 {
		width: 50%;
	}

	.pc-1 img {
		width: 80%;
	}


	.pc-2 {
		width: 45%;
	}

	.pc-k1 {
		width: 50%;
	}

	.pc-k2 {
		width: 40%;
	}

	.size1 {
		font-size: 22px;
	}

	.size2 {
		font-size: 38px;
	}

	.pc-header {
		padding-bottom: 30px;
	}

	.l-header-pc__left {
		width: 45%;
	}

	.l-header-pc__left img {
		width: 80%;
	}

	.l-header-pc__right {
		width: 55%;
	}

	/*  11p
---------------------------*/

	/*  12p
---------------------------*/

	/*  13p
---------------------------*/

	/*  14p
---------------------------*/

	/*  15p
---------------------------*/





}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 1199px) {

	.l-header-pc__left {
		width: 45%;
	}

	.l-header-pc__right {
		width: 50%;
	}

	/*  11p
---------------------------*/

	/*  12p
---------------------------*/

	/*  13p
---------------------------*/

	/*  14p
---------------------------*/

	/*  15p
---------------------------*/


}