@charset "utf-8";

/* デザイン(PC) */
@media screen and (min-width: 768px) {
	body{
		font-size : 18px;
		line-height : 30px;
	}
    img {
        max-width: 100%;
        height: auto;
        width: auto;
    }
	.section-space{
		height : 50px;
	}
	.space_l{
		height : 40px;
	}
    .fv_pc {
        background-image : url(../image/fv-pc-bg.jpg);background-repeat : no-repeat;background-position : center center;
		text-align : center;
		line-height : 0;
    }
    .sub-fv {
        background-image : url(../image/sub-fv-br-pc.jpg);background-repeat : no-repeat;background-position : center center;
		text-align : center;
		line-height : 0;
    }
	.fv-sp{
		display : none;
	}
	#wrapper{
		width : 100%;
		padding : 70px 0px 0px 0px;
	}
.main-ttl {
		font-size : 3.4rem;
		line-height : 4.2rem;
		font-family: 'Shippori Mincho B1', serif;
		text-align : center;
		margin-bottom : 60px;
  position: relative;
  color: #310b55;
  display: inline-block;
  margin: 47px 0;
  text-shadow: 0 0 2px white;
}
.main-ttl:before {
  content: "";
  position: absolute;
background : #e0d2ee;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
}
.faq-ttl {
		font-size : 3.4rem;
		line-height : 4.2rem;
		font-family: 'Shippori Mincho B1', serif;
		text-align : center;
		margin-bottom : 60px;
  position: relative;
  color: #4295ad;
  display: inline-block;
  margin: 47px 0;
  text-shadow: 0 0 2px white;
}
.faq-ttl:before {
  content: "";
  position: absolute;
background : #c8e0e7;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
}
.last-ttl {
		font-size : 3.4rem;
		line-height : 4.2rem;
		font-family: 'Shippori Mincho B1', serif;
		text-align : center;
		margin-bottom : 60px;
  position: relative;
  color: #333;
  display: inline-block;
  margin: 47px 0;
  text-shadow: 0 0 2px white;
}
.last-ttl:before {
  content: "";
  position: absolute;
background : #d2d5d5;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: -1;
}
.main-ttl span {
	font-size : 60%;
	}
	.main{
		width : 880px;
		margin : 20px auto;
	}
	.main-point{
		width : 880px;
		margin : 40px auto;
	}
	.main-point li{
		float : left;
		width : 50%;
		padding : 10px;
		list-style : none;
	}
	.main-check{
		width : 880px;
		margin : 40px auto;
		border : 10px solid #d3c8b0;
		padding : 25px;
	}
	.main-last{
		width : 880px;
		margin : 40px auto;
		border : 1px solid #d3c8b0;
		padding : 25px;
		background : rgba(243,240,237,0.5);
	}
.kochira {
		font-size : 2.2rem;
		font-family: 'Shippori Mincho B1', serif;
		text-align : center;
  color: #333;
	margin-top : 0px;
}
.kessai{
	width : 1080px;
	margin : 0px auto;
	}
.kessai li{
	float : left;
	width : 50%;
	text-align : center;
	list-style : none;
	}
	
.order-tyui{
	width : 700px;
	border : 2px dotted #333;
	margin : 20px auto;
	padding : 20px;
	background : rgba(255,255,255,0.85);
}
	.price_area{
		background-image : url(../image/price_area_bg.jpg);background-repeat : no-repeat;background-attachment : fixed;background-position : center bottom;
		padding : 50px 0px;
	}
	.last_area{
		background-image : url(../image/last-area-bg.png);background-repeat : no-repeat;background-attachment : fixed;background-position : center bottom;
		padding : 50px 0px;
	}
/*どんな人が受けるべき*/
ul.zouka{
	width : 50%;
  counter-reset:list;
  list-style-type:none;
  padding:0;
	margin : 50px 0px;
	font-weight : 600;
}
ul.zouka li{
  position:relative;
  padding: 0 0 0 20px;
  margin: 7px 0 7px 0px;
  line-height: 30px;
  border-bottom: dashed 1px #623091;
}
ul.zouka li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #623091;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/*何をしてくれるの・・・*/
.what-box-1{
	width : 65%;
	margin : 0 auto;
    font-size : 1.1em;
	border: 1px solid #dcc5f2;	/* 線の太さ・種類・色 */
	border-radius: 5px;
	padding: 50px 20px 10px 20px;	/* 内側の余白 上・右・左・下 */
	position: relative;
}
.what-box-1:before{
	font-weight : bold;
	content: '※2023年相談者の平均的な憑依霊';
	color : #4a256d;
	padding: 8px 10px 16px 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.what-box-1:after{
	background: repeating-linear-gradient(-45deg, #f9f3fe, #f9f3fe 5px, #ffffff 0, #ffffff 10px); /* ストライプの色 */
	border-bottom: 1px solid #dcc5f2; /* タイトル部分下線 */
	content: '';
	height: 40px; /* タイトル部分高さ */
	line-height : 40px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -2;
}
.what-box-2{
	width : 65%;
	margin : 0 auto;
    font-size : 1.1em;
	border: 1px solid #dcc5f2;	/* 線の太さ・種類・色 */
	border-radius: 5px;
	padding: 50px 20px 10px 20px;	/* 内側の余白 上・右・左・下 */
	position: relative;
}
.what-box-2:before{
	font-weight : bold;
	content: '※稀に憑依となっている存在は…';
	color : #4a256d;
	padding: 8px 10px 16px 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.what-box-2:after{
	background: repeating-linear-gradient(-45deg, #f9f3fe, #f9f3fe 5px, #ffffff 0, #ffffff 10px); /* ストライプの色 */
	border-bottom: 1px solid #dcc5f2; /* タイトル部分下線 */
	content: '';
	height: 40px; /* タイトル部分高さ */
	line-height : 40px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: -2;
}
.w-box ul{
	width : auto;
	margin-left : 20px;
}
	.tokutei-ttl{
		background : #333;
		font-size : 1.4em;
		text-align : center;
		padding : 15px 0px;
		margin-bottom : 20px;
		color : #fff;
	}
	.tokutei_box{
		width : 800px;
		margin : 0px auto 70px;
		font-size : 16px;
}
}

@media screen and (min-width:768px) and ( max-width:1023px) {
	.main{
		width : auto;
		margin : 20px;
	}
	.main-point{
		width : auto;
		margin : 20px;
	}
	.main-point{
		width : auto;
		margin : 20px;
	}
	.main-check{
		width : auto;
		margin : 20px;
		border : 10px solid #d3c8b0;
		padding : 25px;
	}
	.main-last{
		width : auto;
		margin : 20px;
		border : 1px solid #d3c8b0;
		padding : 25px;
		background : rgba(243,240,237,0.5);
	}
.kessai{
		width : auto;
		margin : 20px;
	}
	
.order-tyui{
	width : auto;
	border : 2px dotted #333;
	margin : 20px;
	padding : 20px;
	background : rgba(255,255,255,0.85);
}
}