@charset "utf-8";
/*
 * ページ固有のCSSを記述
 */

/*
 * home
 */
.home_promo{
	box-sizing: padding-box;
	position: relative;
	padding: 100px 0 0 0;
	height: 600px;
}
.home_promo-text{
	position: relative;
	padding: 50px 0;
	font-size: 34px;
	font-weight: 700;
	color: white;
	text-shadow:0 0 10px #0c0c0c;
	z-index: 3;
}
.home_promo-text .text_main{
	position: relative;
	margin: 0;
	z-index: 3;
}
.home_promo-text::before{
	content: "";
	top: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	background: linear-gradient(90deg, rgba(104,115,163,1) 80%,rgba(104,115,163,0));
	margin-left: -1800px;
	width: 3000px;
	height: 100%;
	z-index: 1;
}

.home_promo .home_promo-bg{
	position: absolute;
	top: 0px;
	left: 40%;
	width: 60%;
	height: 600px;
	z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
	.home_promo{
		padding: 50px 0 0 0;
		height: 400px;
	}
	.home_promo-text{
		padding: 40px 0;
		font-size: 24px;
	}
	.home_promo-text::before{
		margin-left: -2200px;
	}
	
	.home_promo .home_promo-bg{
		left: 40%;
		width: 60%;
		height: 400px;
	}
}
@media print{
	.home_promo{
		padding: 20px 0 0 0;
		height: 300px;
	}
	.home_promo-text{
		padding: 20px 0;
		font-size: 19px;
	}
	.home_promo-text::before{
		margin-left: -2400px;
	}
	
	.home_promo .home_promo-bg{
		left: 40%;
		width: 60%;
		height: 300px;
	}
}
@media screen and (max-width: 767px) {
	.home_promo{
		overflow: hidden;
		padding: 0px;
		margin-top: 60px;
		height: auto;
	}
	.home_promo-text{
		padding: 15px 0;
		font-size: 16px;
		font-weight: 700;
		color: white;
		text-shadow:0 0 10px #0c0c0c;
		z-index: 3;
	}
	.home_promo-text::before{
		background: linear-gradient(90deg, rgba(104,115,163,1) 80%,rgba(104,115,163,1));
		margin-left: -5%;
		width: 110%;
		height: 100%;
	}
	
	.home_promo .home_promo-bg{
		position: static;
		top: 0px;
		left: 0%;
		width: 100%;
		height: 300px;
	}
}

/* area01 */
.home_area01-con01{
	position: relative;
}

.home_area01-text{
	padding: 0 420px 0 0;
}

.home_area01-photo01{
	position: absolute;
	top: 0px;
	left: 50%;
	width: 50%;
	height: 320px;
}
.home_area01-photo01 figure{
	padding-left: 170px;
	margin: 0;
}
.home_area01-photo01 figure img{
	width: 100%;
	height: 320px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
	.home_area01-text{
		padding: 0 42% 0 0;
	}
	
	.home_area01-photo01{
		left: 60%;
		width: 40%;
		height: 500px;
	}
	.home_area01-photo01 figure{
		padding-left: 0px;
	}
	.home_area01-photo01 figure img{
		height: 500px;
	}
}
@media print{
	.home_area01-text{
		padding: 0 42% 0 0;
	}
	
	.home_area01-photo01{
		left: 60%;
		width: 40%;
		height: 500px;
	}
	.home_area01-photo01 figure{
		padding-left: 0px;
	}
	.home_area01-photo01 figure img{
		height: 500px;
	}
}
@media screen and (max-width: 767px) {
	.home_area01-text{
		padding: 0px;
		margin-bottom: 15px;
	}
	
	.home_area01-photo01{
		position: static;
		left: 0%;
		width: 100%;
		height: 260px;
	}
	.home_area01-photo01 figure{
		padding-left: 0px;
	}
	.home_area01-photo01 figure img{
		height: 260px;
	}
}

/* area02 */
.home_area02-con01{
	overflow: hidden;
}
.home_area02-list01{
	float: left;
	width: 49%;
}
.home_area02-list02{
	float: right;
	padding-top: 130px;
	width: 49%;
}
.home_area02-list01 li,
.home_area02-list02 li{
	padding-bottom: 40px;
}
.home_area02-list01 li:last-child,
.home_area02-list02 li:last-child{
	padding-bottom: 0px;
}

.home_area02-bn{
	position: relative;
	text-shadow: 
		white 2px 0px,  white -2px 0px,
		white 0px -2px, white 0px 2px,
		white 2px 2px , white -2px 2px,
		white 2px -2px, white -2px -2px,
		white 1px 2px,  white -1px 2px,
		white 1px -2px, white -1px -2px,
		white 2px 1px,  white -2px 1px,
		white 2px -1px, white -2px -1px;
}
.home_area02-bn .main{
	position: absolute;
	top: 30px;
	left: 4%;
	font-size: 46px;
	color: #041666;
}
.home_area02-bn .txt{
	position: absolute;
	top: 120px;
	left: 4%;
}
.home_area02-bn .img{
	margin: 0;
}
.home_area02-bn .img img{
	width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
	.home_area02-list02{
		padding-top: 10%;
	}
	.home_area02-list01 li,
	.home_area02-list02 li{
		padding-bottom: 30px;
	}

	.home_area02-bn .main{
		top: 5%;
		font-size: 3vw;
	}
	.home_area02-bn .txt{
		top: 40%;
		font-size: 1.6vw;
	}
}
@media print{
	.home_area02-list02{
		padding-top: 10%;
	}
	.home_area02-list01 li,
	.home_area02-list02 li{
		padding-bottom: 30px;
	}

	.home_area02-bn .main{
		top: 5%;
		font-size: 2vw;
	}
	.home_area02-bn .txt{
		top: 40%;
		font-size: 1.3vw;
	}
}
@media screen and (max-width: 767px) {
	.home_area02-list01{
		float: none;
		width: auto;
	}
	.home_area02-list02{
		float: none;
		padding-top: 0px;
		width: auto;
	}
	.home_area02-list01 li,
	.home_area02-list02 li{
		padding-bottom: 20px;
	}
	.home_area02-list01 li:last-child{
		padding-bottom: 20px;
	}
	.home_area02-list02 li:last-child{
		padding-bottom: 0px;
	}

	.home_area02-bn .main{
		top: 10px;
		left: 4%;
		font-size: 17px;
	}
	.home_area02-bn .txt{
		top: 40px;
		font-size: 14px;
	}
}

/* area03 */
.home_area03-con01{
	position: relative;
}

.home_area03-text{
	padding: 0 0 0 420px;
}

.home_area03-photo01{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 320px;
}
.home_area03-photo01 figure{
	padding-right: 180px;
	margin: 0;
}
.home_area03-photo01 figure img{
	width: 100%;
	height: 320px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
	.home_area03-text{
		padding: 0 0 0 42%;
	}
	
	.home_area03-photo01{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 40%;
		height: 500px;
	}
	.home_area03-photo01 figure{
		padding-right: 0px;
	}
	.home_area03-photo01 figure img{
		height: 500px;
	}
}
@media print{
	.home_area03-text{
		padding: 0 0 0 42%;
	}
	
	.home_area03-photo01{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 40%;
		height: 500px;
	}
	.home_area03-photo01 figure{
		padding-right: 0px;
	}
	.home_area03-photo01 figure img{
		height: 500px;
	}
}
@media screen and (max-width: 767px) {
	.home_area03-con01{
		position: relative;
	}
	
	.home_area03-text{
		padding: 0px;
		margin-bottom: 15px;
	}
	
	.home_area03-photo01{
		position: static;
		width: auto;
		height: 260px;
	}
	.home_area03-photo01 figure{
		padding-right: 0px;
	}
	.home_area03-photo01 figure img{
		height: 260px;
	}
}

.home_area04-con01{
	padding: 80px 0;
}

.home_area04-list01{
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
.home_area04-list01 li{
	box-sizing: content-box;
	padding-right: 1.2%;
	width: 24.1%;
}
.home_area04-list01 li:last-child{
	padding-right: 0%;
}

.home_area04-bn01{
	position: relative;
}
.home_area04-bn01 .txt{
	position: absolute;
	bottom: 18px;
	left: 0px;
	margin: 0;
	width: 100%;
	text-align: center;
}
.home_area04-bn01 figure img{
	width: 100%;
}

.home_area04-con02{
	box-sizing: padding-box;
	display: table;
	border: #041666 solid 1px;
	background-color: white;
	padding: 20px;
	width: 100%;
}
.home_area04-con02 .con02_left{
	display: table-cell;
	padding-right: 20px;
	width: 50%;
	vertical-align: top;
}
.home_area04-con02 .con02_right{
	display: table-cell;
	padding-left: 20px;
	width: 50%;
	vertical-align: top;
}

.home_area04-txt01{
	display: table;
	height: 76px;
}
.home_area04-txt01 .mida{
	display: table-cell;
	padding-right: 20px;
	vertical-align: middle;
}
.home_area04-txt01 .mida .tit{
	display: block;
	background-color: #041666;
	padding: 2px 20px;
	font-size: 26px;
	color: white;
	line-height: 1.4;
	letter-spacing: 0.08em;
	text-align: center;
}
.home_area04-txt01 .txt{
	display: table-cell;
	font-size: 24px;
	color: #e64e4e;
	vertical-align: middle;
}
.home_area04-txt01 .txt .price01{
	font-size: 46px;
}
.home_area04-txt01 .txt .price02{
	display: table;
}
.home_area04-txt01 .txt .price02 .txt01{
	display: table-cell;
	color: #333333;
	vertical-align: middle;
}
.home_area04-txt01 .txt .price02 .txt02{
	display: table-cell;
	vertical-align: middle;
}
.home_area04-txt01 .txt .price02 .txt02 .min{
	font-size: 16px;
}

.home_area04-bt01{
	margin: 0 auto;
	width: 960px;
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
	.home_area04-con01{
		padding: 60px 0;
	}

	.home_area04-bn01 .txt{
		bottom: 10px;
		font-size: 1.6vw
	}
	
	.home_area04-con02{
		padding: 15px;
	}
	.home_area04-con02 .con02_left{
		padding-right: 15px;
	}
	.home_area04-con02 .con02_right{
		padding-left: 15px;
	}
	
	.home_area04-txt01{
		height: 76px;
	}
	.home_area04-txt01 .mida{
		padding-right: 15px;
	}
	.home_area04-txt01 .mida .tit{
		padding: 2px 15px;
		font-size: 20px;
	}
	.home_area04-txt01 .txt{
		font-size: 17px;
	}
	.home_area04-txt01 .txt .price01{
		font-size: 30px;
	}
	.home_area04-txt01 .txt .price02 .txt02 .min{
		font-size: 14px;
	}
	
	.home_area04-bt01{
		width: 720px;
	}
}
@media print{
	.home_area04-con01{
		padding: 60px 0;
	}

	.home_area04-bn01 .txt{
		bottom: 10px;
		font-size: 1.6vw
	}
	
	.home_area04-con02{
		padding: 15px;
	}
	.home_area04-con02 .con02_left{
		padding-right: 15px;
	}
	.home_area04-con02 .con02_right{
		padding-left: 10px;
	}
	
	.home_area04-txt01{
		height: 76px;
	}
	.home_area04-txt01 .mida{
		padding-right: 10px;
	}
	.home_area04-txt01 .mida .tit{
		padding: 2px 10px;
		font-size: 17px;
	}
	.home_area04-txt01 .txt{
		font-size: 15px;
	}
	.home_area04-txt01 .txt .price01{
		font-size: 22px;
	}
	.home_area04-txt01 .txt .price02 .txt02 .min{
		font-size: 12px;
	}
	
	.home_area04-bt01{
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.home_area04-con01{
		padding: 40px 0;
	}
	
	.home_area04-list01{
		display: block;
	}
	.home_area04-list01 li{
		padding-right: 0%;
		margin-bottom: 20px;
		width: auto;
	}
	.home_area04-list01 li:last-child{
		margin-bottom: 0px;
	}
	
	.home_area04-bn01{
		text-align: center;
	}
	.home_area04-bn01 figure img{
		width: 260px;
	}
	
	.home_area04-con02{
		display: block;
		padding: 15px;
		width: auto;
	}
	.home_area04-con02 .con02_left{
		display: block;
		padding-right: 0px;
		margin-bottom: 20px;
		width: auto;
	}
	.home_area04-con02 .con02_right{
		display: block;
		padding-left: 0px;
		width: auto;
	}
	
	.home_area04-txt01{
		display: block;
		height: auto;
	}
	.home_area04-txt01 .mida{
		display: block;
		padding-right: 0px;
	}
	.home_area04-txt01 .mida .tit{
		display: block;
		padding: 2px 15px;
		font-size: 18px;
	}
	.home_area04-txt01 .txt{
		display: block;
		font-size: 16px;
		text-align: center;
	}
	.home_area04-txt01 .txt .price01{
		font-size: 24px;
	}
	.home_area04-txt01 .txt .price02{
		display: block;
	}
	.home_area04-txt01 .txt .price02 .txt01{
		display: block;
	}
	.home_area04-txt01 .txt .price02 .txt02{
		display: block;
	}
	.home_area04-txt01 .txt .price02 .txt02 .min{
		font-size: 14px;
	}
	
	.home_area04-bt01{
		width: 100%;
	}
}


/*
 * 占い師さまのホームページ制作
 */
.homepage_area01-con01{
	position: relative;
	height: 320px;
}
.homepage_area01-con01 .con01_text{
	padding-right: 400px;
}
.homepage_area01-con01 .con01_photo{
	position: absolute;
	top: 0px;
	left: 50%;
	width: 50%;
}
.homepage_area01-con01 .con01_photo .photo{
	padding-left: 200px;
	width: 100%;
	height: 320px;
}
.homepage_area01-con01 .con01_photo .photo img{
	width: 100%;
	height: 320px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
	.homepage_area01-con01{
		height: auto;
	}
	.homepage_area01-con01 .con01_text{
		padding-right: 40%;
	}
	.homepage_area01-con01 .con01_photo{
		left: 62%;
		width: 38%;
	}
	.homepage_area01-con01 .con01_photo .photo{
		padding-left: 0px;
		width: 100%;
		height: 320px;
	}
	.homepage_area01-con01 .con01_photo .photo img{
		height: 320px;
	}
}
@media print{
	.homepage_area01-con01{
		height: auto;
	}
	.homepage_area01-con01 .con01_text{
		padding-right: 40%;
	}
	.homepage_area01-con01 .con01_photo{
		left: 62%;
		width: 38%;
	}
	.homepage_area01-con01 .con01_photo .photo{
		padding-left: 0px;
		width: 100%;
		height: 320px;
	}
	.homepage_area01-con01 .con01_photo .photo img{
		height: 320px;
	}
}
@media screen and (max-width: 767px) {
	.homepage_area01-con01{
		height: auto;
	}
	.homepage_area01-con01 .con01_text{
		padding-right: 0px;
		margin-bottom: 20px;
	}
	.homepage_area01-con01 .con01_photo{
		position: static;
		width: auto;
	}
	.homepage_area01-con01 .con01_photo .photo{
		padding-left: 0px;
		height: 220px;
	}
	.homepage_area01-con01 .con01_photo .photo img{
		height: 220px;
	}
}

/* area02 */
.homepage_area02-col01{
	overflow: hidden;
	position: relative;
	padding-bottom: 80px;
	text-align: center;
}
.homepage_area02-col01 .col01_photo01{
	position: absolute;
	bottom: 0px;
	left: 50%;
	background-image: url(../img/homepage/area02_photo01.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin: 0 0 0 400px;
	width: 281px;
	height: 223px;
	z-index: -1;
}
.homepage_area02-col01 .col01_photo02{
	position: absolute;
	bottom: 0px;
	left: 50%;
	background-image: url(../img/homepage/area02_photo02.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin: 0 0 0 -620px;
	width: 303px;
	height: 221px;
	z-index: -1;
}
.homepage_area02-col01 .col01_photo03{
	position: absolute;
	bottom: 0px;
	left: 50%;
	background-image: url(../img/homepage/area02_photo03.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin: 0 0 0 360px;
	width: 233px;
	height: 198px;
	z-index: -1;
}
.homepage_area02-col01 .col01_photo04{
	position: absolute;
	bottom: 0px;
	left: 50%;
	background-image: url(../img/homepage/area02_photo04.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin: 0 0 0 -660px;
	width: 281px;
	height: 223px;
	z-index: -1;
}
.homepage_area02-col01 .col01_photo05{
	position: absolute;
	bottom: 0px;
	left: 50%;
	background-image: url(../img/homepage/area02_photo05.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin: 0 0 0 340px;
	width: 303px;
	height: 211px;
	z-index: -1;
}
.homepage_area02-col01 .col01_photo06{
	position: absolute;
	bottom: 0px;
	left: 50%;
	background-image: url(../img/homepage/area02_photo06.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin: 0 0 0 -620px;
	width: 303px;
	height: 211px;
	z-index: -1;
}
.homepage_area02-col01 .col01_photo07{
	position: absolute;
	bottom: 0px;
	left: 50%;
	background-image: url(../img/homepage/area02_photo07.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin: 0 0 0 340px;
	width: 281px;
	height: 223px;
	z-index: -1;
}
.homepage_area02-col01 .col01_photo08{
	position: absolute;
	bottom: 0px;
	left: 50%;
	background-image: url(../img/homepage/area02_photo08.png);
	background-position: right center;
	background-repeat: no-repeat;
	margin: 0 0 0 -600px;
	width: 281px;
	height: 223px;
	z-index: -1;
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
	.homepage_area02-col01{
		padding-bottom: 60px;
	}
	.homepage_area02-col01 .col01_photo01{
		left: 0%;
		background-size: 197px 156px;
		margin: 0px;
		width: 197px;
		height: 156px;
	}
	.homepage_area02-col01 .col01_photo02{
		bottom: 0px;
		left: 0%;
		background-size: 212px 155px;
		background-position: right bottom;
		margin: 0px;
		width: 100%;
		height: 155px;
	}
	.homepage_area02-col01 .col01_photo03{
		bottom: 0px;
		left: 0%;
		background-size: 163px 139px;
		margin: 0px;
		width: 163px;
		height: 139px;
	}
	.homepage_area02-col01 .col01_photo04{
		bottom: 0px;
		left: 0%;
		background-size: 197px 156px;
		background-position: right bottom;
		margin: 0px;
		width: 100%;
		height: 156px;
	}
	.homepage_area02-col01 .col01_photo05{
		bottom: 0px;
		left: 0%;
		background-size: 212px 148px;
		margin: 0px;
		width: 212px;
		height: 148px;
	}
	.homepage_area02-col01 .col01_photo06{
		bottom: 0px;
		left: 0%;
		background-size: 212px 148px;
		background-position: right bottom;
		margin: 0px;
		width: 100%;
		height: 148px;
	}
	.homepage_area02-col01 .col01_photo07{
		bottom: 0px;
		left: 0%;
		background-size: 197px 156px;
		margin: 0px;
		width: 197px;
		height: 156px;
	}
	.homepage_area02-col01 .col01_photo08{
		bottom: 0px;
		left: 0%;
		background-size: 197px 156px;
		background-position: right bottom;
		margin: 0px;
		width: 100%;
		height: 156px;
	}
}
@media print{
	.homepage_area02-col01{
		padding-bottom: 60px;
	}
	.homepage_area02-col01 .col01_photo01{
		left: 0%;
		background-size: 197px 156px;
		margin: 0px;
		width: 197px;
		height: 156px;
	}
	.homepage_area02-col01 .col01_photo02{
		bottom: 0px;
		left: 0%;
		background-size: 212px 155px;
		background-position: right bottom;
		margin: 0px;
		width: 100%;
		height: 155px;
	}
	.homepage_area02-col01 .col01_photo03{
		bottom: 0px;
		left: 0%;
		background-size: 163px 139px;
		margin: 0px;
		width: 163px;
		height: 139px;
	}
	.homepage_area02-col01 .col01_photo04{
		bottom: 0px;
		left: 0%;
		background-size: 197px 156px;
		background-position: right bottom;
		margin: 0px;
		width: 100%;
		height: 156px;
	}
	.homepage_area02-col01 .col01_photo05{
		bottom: 0px;
		left: 0%;
		background-size: 212px 148px;
		margin: 0px;
		width: 212px;
		height: 148px;
	}
	.homepage_area02-col01 .col01_photo06{
		bottom: 0px;
		left: 0%;
		background-size: 212px 148px;
		background-position: right bottom;
		margin: 0px;
		width: 100%;
		height: 148px;
	}
	.homepage_area02-col01 .col01_photo07{
		bottom: 0px;
		left: 0%;
		background-size: 197px 156px;
		margin: 0px;
		width: 197px;
		height: 156px;
	}
	.homepage_area02-col01 .col01_photo08{
		bottom: 0px;
		left: 0%;
		background-size: 197px 156px;
		background-position: right bottom;
		margin: 0px;
		width: 100%;
		height: 156px;
	}
}
@media screen and (max-width: 767px) {
	.homepage_area02-col01{
		padding-bottom: 40px;
	}
	.homepage_area02-col01 .col01_photo01{
		left: 0%;
		background-size: 158px 125px;
		margin: 0;
		width: 158px;
		height: 125px;
	}
	.homepage_area02-col01 .col01_photo02{
		bottom: 0px;
		left: 0%;
		background-size: 170px 124px;
		background-position: right bottom;
		margin: 0px;
		width: 100%;
		height: 124px;
	}
	.homepage_area02-col01 .col01_photo03{
		bottom: 0px;
		left: 0%;
		background-size: 130px 111px;
		margin: 0px;
		width: 130px;
		height: 111px;
	}
	.homepage_area02-col01 .col01_photo04{
		bottom: 0px;
		left: 0%;
		background-size: 158px 125px;
		background-position: right bottom;
		margin: 0px;
		width: 100%;
		height: 125px;
	}
	.homepage_area02-col01 .col01_photo05{
		bottom: 0px;
		left: 0%;
		background-size: 170px 118px;
		margin: 0px;
		width: 170px;
		height: 118px;
	}
	.homepage_area02-col01 .col01_photo06{
		bottom: 0px;
		left: 0%;
		background-size: 170px 118px;
		background-position: right bottom;
		margin: 0px;
		width: 100%;
		height: 118px;
	}
	.homepage_area02-col01 .col01_photo07{
		bottom: 0px;
		left: 0%;
		background-size: 158px 125px;
		margin: 0px;
		width: 158px;
		height: 125px;
	}
	.homepage_area02-col01 .col01_photo08{
		bottom: 0px;
		left: 0%;
		background-size: 158px 125px;
		background-position: right bottom;
		margin: 0px;
		width: 100%;
		height: 125px;
	}
}

/* area03 */
.homepage_area03-con02{
	display: table;
	width: 100%;
}
.homepage_area03-con02 .con02_text{
	display: table-cell;
	padding-right: 20px;
	width: 75%;
	vertical-align: middle;
}
.homepage_area03-con02 .con02_img{
	display: table-cell;
	vertical-align: middle;
}

.homepage_area03-text01{
	position: relative;
	display: inline-block;
	border: #333333 solid 2px;
	background: white;
	border-radius: 18px;
	padding: 25px;
	width: 100%;
}
.homepage_area03-text01:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid #FFF;
	z-index: 2;
}
.homepage_area03-text01:after{
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #333333;
	z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
	.homepage_area03-con02 .con02_text{
		padding-right: 15px;
	}
	
	.homepage_area03-text01{
		padding: 20px;
	}
}
@media print{
	.homepage_area03-con02 .con02_text{
		padding-right: 15px;
	}
	
	.homepage_area03-text01{
		padding: 20px;
	}
}
@media screen and (max-width: 767px) {	
	.homepage_area03-con02{
		display: block;
		width: auto;
	}
	.homepage_area03-con02 .con02_text{
		display: block;
		padding-right: 0px;
		margin-bottom: 15px;
		width: auto;
	}
	.homepage_area03-con02 .con02_img{
		display: block;
		text-align: right;
	}
	.homepage_area03-con02 .con02_img img{
		width: 190px;
	}
	
	.homepage_area03-text01{
		position: relative;
		display: inline-block;
		border: #333333 solid 2px;
		background: white;
		border-radius: 18px;
		padding: 25px;
		width: 100%;
	}
	.homepage_area03-text01:before{
		display: none;
	}
	.homepage_area03-text01:after{
		display: none;
	}
}

/* area04 */
.homepage_area04-flow{
	overflow: hidden;
}
.homepage_area04-flow li{
	margin-bottom: 60px;
}
.homepage_area04-flow li:nth-child(2n){
	padding-left: 60px;
}
.homepage_area04-flow li:last-child{
	margin-bottom: 0px;
}

.homepage_area04-text01{
	display: table;
	width: 100%;
}
.homepage_area04-text01 .no{
	display: table-cell;
	width: 160px;
	vertical-align: top;
}
.homepage_area04-text01 .text{
	display: table-cell;
	vertical-align: top;
}

.homepage_area04-text01 .no .in{
	position: relative;
	display: block;
	border: #041666 solid 1px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	width: 130px;
	height: 130px;
}
.homepage_area04-text01 .no .in span{
	position: absolute;
	bottom: -20px;
	right: 0px;
	font-family: 'Cardo', serif;
	font-size: 120px;
	color: white;
	line-height: 1;
	-webkit-text-stroke: 2px #041666;
  text-stroke: 2px #041666;
	z-index: 3;
}

.homepage_area04-text01 .text .text01_tit{
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.homepage_area04-text01 .text .text01_tit::before{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	background-color: #041666;
	width: 240px;
	height: 2px;
}
.homepage_area04-text01 .text .text01_tit .main{
	margin: 0;
	font-size: 24px;
}
.homepage_area04-text01 .text .text01_tit .sub{
	margin: 0;
	color: #e64e4e;
}
.homepage_area04-text01 .text .text01_tit .sub a{
	color: #e64e4e;
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
	.homepage_area04-flow li{
		margin-bottom: 40px;
	}
	.homepage_area04-flow li:nth-child(2n){
		padding-left: 20px;
	}

	.homepage_area04-text01 .no{
		width: 120px;
	}
	
	.homepage_area04-text01 .no .in{
		width: 100px;
		height: 100px;
	}
	.homepage_area04-text01 .no .in span{
		bottom: -15px;
		font-size: 100px;
	}
	
	.homepage_area04-text01 .text .text01_tit{
		padding-bottom: 12px;
		margin-bottom: 15px;
	}
	.homepage_area04-text01 .text .text01_tit::before{
		width: 200px;
	}
	.homepage_area04-text01 .text .text01_tit .main{
		font-size: 20px;
	}
}
@media print{
	.homepage_area04-flow li{
		margin-bottom: 30px;
	}
	.homepage_area04-flow li:nth-child(2n){
		padding-left: 0px;
	}

	.homepage_area04-text01 .no{
		width: 100px;
	}
	
	.homepage_area04-text01 .no .in{
		width: 80px;
		height: 80px;
	}
	.homepage_area04-text01 .no .in span{
		bottom: -15px;
		font-size: 70px;
	}
	
	.homepage_area04-text01 .text .text01_tit{
		padding-bottom: 12px;
		margin-bottom: 15px;
	}
	.homepage_area04-text01 .text .text01_tit::before{
		width: 200px;
	}
	.homepage_area04-text01 .text .text01_tit .main{
		font-size: 17px;
	}
}
@media screen and (max-width: 767px) {
	.homepage_area04-flow li{
		margin-bottom: 30px;
	}
	.homepage_area04-flow li:nth-child(2n){
		padding-left: 0px;
	}
	
	.homepage_area04-text01{
		display: block;
		width: auto;
	}
	.homepage_area04-text01 .no{
		display: block;
		margin-bottom: 10px;
		width: 40px;
	}
	.homepage_area04-text01 .text{
		display: block;
	}
	
	.homepage_area04-text01 .no .in{
		width: 40px;
		height: 40px;
	}
	.homepage_area04-text01 .no .in span{
		bottom: -8px;
		font-size: 32px;
	}
	
	.homepage_area04-text01 .text .text01_tit{
		position: relative;
		padding-bottom: 12px;
		margin-bottom: 15px;
	}
	.homepage_area04-text01 .text .text01_tit::before{
		width: 120px;
	}
	.homepage_area04-text01 .text .text01_tit .main{
		margin: 0;
		font-size: 17px;
	}
}


/*
 * LINE受け付けについて
 */
.line_area01-con01{
	position: relative;
	height: 320px;
}
.line_area01-con01 .con01_text{
	padding-right: 400px;
}
.line_area01-con01 .con01_photo{
	position: absolute;
	top: 0px;
	left: 50%;
	width: 50%;
}
.line_area01-con01 .con01_photo .photo{
	padding-left: 200px;
	width: 100%;
	height: 320px;
}
.line_area01-con01 .con01_photo .photo img{
	width: 100%;
	height: 320px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
	.line_area01-con01{
		height: auto;
	}
	.line_area01-con01 .con01_text{
		padding-right: 40%;
	}
	.line_area01-con01 .con01_photo{
		left: 62%;
		width: 38%;
	}
	.line_area01-con01 .con01_photo .photo{
		padding-left: 0px;
		width: 100%;
		height: 320px;
	}
	.line_area01-con01 .con01_photo .photo img{
		height: 320px;
	}
}
@media print{
	.line_area01-con01{
		height: auto;
	}
	.line_area01-con01 .con01_text{
		padding-right: 40%;
	}
	.line_area01-con01 .con01_photo{
		left: 62%;
		width: 38%;
	}
	.line_area01-con01 .con01_photo .photo{
		padding-left: 0px;
		width: 100%;
		height: 320px;
	}
	.line_area01-con01 .con01_photo .photo img{
		height: 320px;
	}
}
@media screen and (max-width: 767px) {
	.line_area01-con01{
		height: auto;
	}
	.line_area01-con01 .con01_text{
		padding-right: 0px;
		margin-bottom: 20px;
	}
	.line_area01-con01 .con01_photo{
		position: static;
		width: 100%;
		height: auto;
	}
	.line_area01-con01 .con01_photo .photo{
		padding-left: 0px;
		width: 100%;
		height: 220px;
	}
	.line_area01-con01 .con01_photo .photo img{
		height: 220px;
	}
}

/* area02 */
.line_area02-con01{
	padding: 80px 0;
}

.line_area02-text01{
	border: #041666 solid 1px;
	background-color: white;
	padding: 20px;
}

.line_area02-flow01{
	overflow: hidden;
}
.line_area02-flow01 li{
	display: table;
	margin-bottom: 50px;
	width: 100%;
}
.line_area02-flow01 li:last-child{
	margin-bottom: 0px;
}
.line_area02-flow01 li .col_no{
	display: table-cell;
	width: 120px;
	vertical-align: top;
}
.line_area02-flow01 li .col_text{
	display: table-cell;
	padding-left: 60px;
	width: 660px;
	vertical-align: top;
}
.line_area02-flow01 li .col_text.col_full{
	width: auto;
}
.line_area02-flow01 li .col_img{
	display: table-cell;
	padding-left: 30px;
	vertical-align: top;
}
.line_area02-flow01 li .col_img img{
	width: 100%;
}

.line_area02-no01{
	position: relative;
	display: block;
	padding: 16px 0 0 0;
	width: 120px;
	height: 120px;
	font-family: 'Cardo', serif;
	font-size: 120px;
	color: white;
	text-align: right;
	line-height: 1;
	text-shadow: 
		#041666 2px 0px,  #041666 -2px 0px,
		#041666 0px -2px, #041666 0px 2px,
		#041666 2px 2px , #041666 -2px 2px,
		#041666 2px -2px, #041666 -2px -2px,
		#041666 1px 2px,  #041666 -1px 2px,
		#041666 1px -2px, #041666 -1px -2px,
		#041666 2px 1px,  #041666 -2px 1px,
		#041666 2px -1px, #041666 -2px -1px;
}
.line_area02-no01::before{
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	border: #041666 solid 2px;
	border-radius: 200px;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	width: 120px;
	height: 120px;
	z-index: -1;
}

.line_area02-tit01{
	position: relative;
	padding-bottom: 20px;
	font-family: 'Shippori Mincho', serif;
	font-size: 24px;
	font-weight: 700;
	color: #041666;
}
.line_area02-tit01::before{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	background-color: #041666;
	width: 180px;
	height: 2px;
	z-index: -1;
}

.line_area02-txt01{
	border: #041666 solid 2px;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	padding: 20px;
	line-height: 2;
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
	.line_area02-text01{
		padding: 15px;
	}
	
	.line_area02-flow01 li{
		margin-bottom: 40px;
	}
	.line_area02-flow01 li .col_no{
		width: 80px;
	}
	.line_area02-flow01 li .col_text{
		padding-left: 20px;
		width: 64%;
	}
	.line_area02-flow01 li .col_text.col_full{
		width: auto;
	}
	.line_area02-flow01 li .col_img{
		padding-left: 20px;
	}
	
	.line_area02-no01{
		padding: 14px 0 0 0;
		width: 80px;
		height: 80px;
		font-size: 80px;
	}
	.line_area02-no01::before{
		width: 80px;
		height: 80px;
	}
	
	.line_area02-tit01{
		padding-bottom: 16px;
		font-size: 20px;
	}
	.line_area02-tit01::before{
		width: 140px;
	}
	
	.line_area02-txt01{
		padding: 15px;
	}
}
@media print{
	.line_area02-text01{
		padding: 15px;
	}
	
	.line_area02-flow01 li{
		margin-bottom: 40px;
	}
	.line_area02-flow01 li .col_no{
		width: 80px;
	}
	.line_area02-flow01 li .col_text{
		padding-left: 20px;
		width: 64%;
	}
	.line_area02-flow01 li .col_text.col_full{
		width: auto;
	}
	.line_area02-flow01 li .col_img{
		padding-left: 20px;
	}
	
	.line_area02-no01{
		padding: 14px 0 0 0;
		width: 80px;
		height: 80px;
		font-size: 80px;
	}
	.line_area02-no01::before{
		width: 80px;
		height: 80px;
	}
	
	.line_area02-tit01{
		padding-bottom: 16px;
		font-size: 20px;
	}
	.line_area02-tit01::before{
		width: 140px;
	}
	
	.line_area02-txt01{
		padding: 15px;
	}
}
@media screen and (max-width: 767px) {
	.line_area02-con01{
		padding: 40px 0;
	}
	
	.line_area02-text01{
		padding: 15px;
	}

	.line_area02-flow01 li{
		display: block;
		margin-bottom: 20px;
		width: auto;
	}
	.line_area02-flow01 li .col_no{
		display: block;
		width: 40px;
	}
	.line_area02-flow01 li .col_text{
		display: block;
		padding-left: 0px;
		margin-bottom: 20px;
		width: auto;
	}
	.line_area02-flow01 li .col_text.col_full{
		width: auto;
	}
	.line_area02-flow01 li .col_img{
		display: block;
		padding-left: 0px;
		text-align: center;
	}
	.line_area02-flow01 li .col_img img{
		width: 220px;
	}
	
	.line_area02-no01{
		padding: 12px 0 0 0;
		width: 40px;
		height: 40px;
		font-size: 32px;
	}
	.line_area02-no01::before{
		width: 40px;
		height: 40px;
	}
	
	.line_area02-tit01{
		padding-bottom: 18px;
		font-size: 17px;
	}
	.line_area02-tit01::before{
		width: 120px;
	}
	
	.line_area02-txt01{
		padding: 15px;
		line-height: 1.6;
	}
}


/*
 * 販促ツール制作
 */
.promotion_area02-con01{
	display: -webkit-flex;
	display: flex;
  flex-direction: row-reverse;
}
.promotion_area02-con01 .con01_img{
	position: relative;
	left: -30px;
	width: 294px;
}
.promotion_area02-con01 .con01_text{
	width: 846px;
}

.promotion_area02-tit01 span{
	position: relative;
	display: inline-block;
	font-size: 24px;
	font-weight: 700;
	color: #041666;
}
.promotion_area02-tit01 span::before{
	content: '';
	position: absolute;
	top: 50%;
	right: -90px;
	display: block;
	background-color: #041666;
	width: 60px;
	height: 2px;
}

.promotion_area02-text01{
	background-color: #f2f4ff;
	padding: 20px;
}
.promotion_area02-list01{
	display: table;
	width: 100%;
}
.promotion_area02-list01 .list01_left{
	display: table-cell;
	width: 70%;
	vertical-align: top;
}
.promotion_area02-list01 .list01_right{
	display: table-cell;
	text-align: right;
	vertical-align: bottom;
}

.promotion_area02-txt02{
	display: table;
	width: 100%;
}
.promotion_area02-txt02 .txt01{
	position: relative;
	display: table-cell;
	width: 120px;
	vertical-align: top;
}
.promotion_area02-txt02 .txt01 span{
	position: absolute;
	top: 0px;
	right: 20px;
}
.promotion_area02-txt02 .txt02{
	display: table-cell;
	vertical-align: top;
}

.promotion_area02-list01 .list01_right .txt01{
	position: relative;
	display: inline-block;
	padding: 0 4px 6px 4px;
}
.promotion_area02-list01 .list01_right .txt01::before{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: block;
	background-color: #e64e4e;
	width: 100%;
	height: 2px;
}
@media screen and (min-width: 768px) and (max-width: 1139px) {
	.promotion_area02-con01 .con01_img{
		left: -20px;
		width: 24%;
	}
	.promotion_area02-con01 .con01_text{
		width: 76%;
	}
	
	.promotion_area02-tit01 span{
		font-size: 20px;
	}
	.promotion_area02-tit01 span::before{
		right: -70px;
		width: 50px;
	}
	
	.promotion_area02-text01{
		padding: 15px;
	}
	.promotion_area02-txt02 .txt01{
		width: 110px;
	}
	.promotion_area02-txt02 .txt01 span{
		right: 15px;
	}
	.promotion_area02-txt02 .txt02{
		display: table-cell;
		vertical-align: top;
	}
	
	.promotion_area02-list01 .list01_right .txt01{
		display: block;
	}
}
@media print{
	.promotion_area02-con01 .con01_img{
		left: -20px;
		width: 24%;
	}
	.promotion_area02-con01 .con01_text{
		width: 76%;
	}
	
	.promotion_area02-tit01 span{
		font-size: 17px;
	}
	.promotion_area02-tit01 span::before{
		right: -70px;
		width: 50px;
	}
	
	.promotion_area02-text01{
		padding: 15px;
	}
	.promotion_area02-txt02 .txt01{
		width: 110px;
	}
	.promotion_area02-txt02 .txt01 span{
		right: 15px;
	}
	.promotion_area02-txt02 .txt02{
		display: table-cell;
		vertical-align: top;
	}
	
	.promotion_area02-list01 .list01_right .txt01{
		display: block;
	}
}
@media screen and (max-width: 767px) {
	.promotion_area02-con01{
		display: block;
	}
	.promotion_area02-con01 .con01_img{
		left: 0px;
		width: auto;
		text-align: center;
	}
	.promotion_area02-con01 .con01_img img{
		width: 220px;
	}
	.promotion_area02-con01 .con01_text{
		margin-bottom: 20px;
		width: auto;
	}
	
	.promotion_area02-tit01 span{
		font-size: 17px;
	}
	.promotion_area02-tit01 span::before{
		right: -40px;
		width: 30px;
	}
	
	.promotion_area02-text01{
		padding: 15px;
	}
	.promotion_area02-list01{
		display: block;
		width: auto;
	}
	.promotion_area02-list01 .list01_left{
		display: block;
		padding-bottom: 5px;
		width: auto;
	}
	.promotion_area02-list01 .list01_right{
		display: block;
	}

	.promotion_area02-txt02{
		margin-bottom: 5px;
	}
	.promotion_area02-txt02 .txt01{
		width: 90px;
	}
	.promotion_area02-txt02 .txt01 span{
		right: 6px;
	}
}



/*
 * ----
 */

@media screen and (min-width: 768px) and (max-width: 1139px) {}
@media print{}
@media screen and (max-width: 767px) {}




/*
 * contact
 */
.contact_lay-col{
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
}
.contact_lay-col .col_box{
	width: 50%;
	text-align: center;
}

.contact_lay-txt01{
	display: inline-block;
	background-color: #0f5474;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	padding: 4px 20px;
	margin: 0 auto 20px auto;
	font-size: 18px;
	font-weight: 700;
	color: white;
}

.contact_lay-number{
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.contact_lay-number .number_ic01{
	position: relative;
	top: -14px;
	display: table-cell;
}
.contact_lay-number .number_ic02{
	position: relative;
	top: -15px;
	display: table-cell;
}

.contact_lay-number .number_txt{
	position: relative;
	display: table-cell;
	padding-left: 15px;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 50px;
	font-weight: 700;
}

.contact_lay-text{
	display: table;
	margin: 0 auto;
	width: 290px;
}
.contact_lay-text .text_tit{
	display: table-cell;
	background-color: #222222;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	width: 110px;
	padding: 0 6px;
	font-size: 16px;
	font-weight: 700;
	color: white;
	vertical-align: middle;
}
.contact_lay-text .text_txt{
	display: table-cell;
	padding-left: 10px;
	font-size: 18px;
	text-align: left;
	line-height: 1.4;
	vertical-align: middle;
}
@media screen and (min-width: 768px) and (max-width: 1099px) {
	.contact_lay-txt01{
		font-size: 15px;
	}

	.contact_lay-number .number_ic01{
		top: -10px;
	}
	.contact_lay-number .number_ic01 img{
		width: 39px;
	}
	.contact_lay-number .number_ic02{
		top: -14px;
	}
	.contact_lay-number .number_ic02 .ic02_txt{
		font-size: 11px;
	}
	.contact_lay-number .number_ic02 img{
		width: 32px;
	}
	.contact_lay-number .number_txt{
		padding-left: 10px;
		font-size: 38px;
	}

	.contact_lay-number-min .number_ic01{
		top: -3px;
	}
	.contact_lay-number-min .number_ic01 img{
		width: 11px;
	}
	.contact_lay-number-min .number_txt{
		padding-left: 10px;
		font-size: 20px;
	}

	.contact_lay-text{
		width: 230px;
	}
	.contact_lay-text .text_tit{
		width: 76px;
		font-size: 13px;
	}
}
@media print{
	.contact_lay-txt01{
		font-size: 15px;
	}

	.contact_lay-number .number_ic01{
		top: -10px;
	}
	.contact_lay-number .number_ic01 img{
		width: 35px;
	}
	.contact_lay-number .number_ic02{
		top: -14px;
	}
	.contact_lay-number .number_ic02 .ic02_txt{
		font-size: 9px;
	}
	.contact_lay-number .number_ic02 img{
		width: 28px;
	}
	.contact_lay-number .number_txt{
		padding-left: 10px;
		font-size: 32px;
	}

	.contact_lay-number-min .number_ic01{
		top: -3px;
	}
	.contact_lay-number-min .number_ic01 img{
		width: 9px;
	}
	.contact_lay-number-min .number_txt{
		padding-left: 10px;
		font-size: 17px;
	}

	.contact_lay-text{
		width: 230px;
	}
	.contact_lay-text .text_tit{
		width: 76px;
		font-size: 11px;
	}
	.contact_lay-text .text_txt{
		font-size: 13px;
	}
}
@media screen and (max-width: 767px) {
	.contact_lay-col{
		display: block;
	}
	.contact_lay-col .col_box{
		width: auto;
	}
	
	.contact_lay-txt01{
		padding: 4px 12px;
		margin: 0 0 5px 0;
		font-size: 15px;
	}

	.contact_lay-number .number_ic01{
		top: -5px;
	}
	.contact_lay-number .number_ic01 img{
		width: 18px;
	}
	.contact_lay-number .number_ic02{
		top: -6px;
	}
	.contact_lay-number .number_ic02 .ic02_txt{
		font-size: 10px;
		line-height: 1.2;
	}
	.contact_lay-number .number_ic02 img{
		width: 22px;
	}
	.contact_lay-number .number_txt{
		padding-left: 10px;
		font-size: 24px;
	}

	.contact_lay-number-min .number_ic01{
		top: -4px;
	}
	.contact_lay-number-min .number_ic01 img{
		width: 12px;
	}
	.contact_lay-number-min .number_txt{
		padding-left: 10px;
		font-size: 18px;
	}

	.contact_lay-text{
		width: 230px;
	}
	.contact_lay-text .text_tit{
		width: 76px;
		font-size: 13px;
	}
}

/* address */
.address_con{
	border-bottom: #cccccc solid 1px;
	padding-bottom: 16px;
	margin-bottom: 15px;
}
.address_con:last-child{
	border-bottom: #cccccc solid 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.address_con p{
	margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
	.address_con{
		padding-bottom: 12px;
		margin-bottom: 11px;
	}
}