@charset "utf-8";

/*! mainVisual
================================================== */
#mainImgArea {
	height: 612px;
}
#mainImgArea .main-Visual {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
#mainImgArea .main-Visual img {
	position: absolute;
	top: 5px;
	/*right: -450px;*/
}
#mainImgArea .exArea {
	position:relative;
	z-index: 9999;
	width: 1000px;
	margin: 0 auto;
	height: 612px;
}
#mainImgArea .exArea img {
	position:absolute;
	/*top:40px;*/
	top: 5px;
	/*right:-23px;*/
	left: 0;
	width: auto;
	height: auto;
}

.areaName {
	position: absolute;
	/*top: 40px;*/
	top: 10px;
	/*left: 0;*/
	left: 100px;
	margin: auto;
	width: 1000px;
	z-index: 1;
}
.areaName span{
	text-align: center;
	position: relative;
	display: inline-block;
	background-color: #feef4b;
	border-radius: 40px;
	/*padding: 17px 30px 10px;*/
	padding: 1px 5px 1px;
	box-sizing: border-box;
	line-height: 1;
}
#mainImgArea .areaName span img {
	position: absolute;
	/*top: 50px;*/
	top: 10px;
	/*right: -23px;*/
	left: 100px;
}
.areaName span em{
	color: #0129a5;
	font-size: 38px;
	font-weight: bold;
	letter-spacing: -0.1em;
	transform: skew(-10deg);
	text-shadow:
	#fff 3px 0px 0px, #fff -3px 0px 0px,
	#fff 0px -3px 0px, #fff 0px 3px 0px,
	#fff 3px 3px 0px, #fff -3px 3px 0px,
	#fff 3px -3px 0px, #fff -3px -3px 0px,
	#fff 2px 3px 0px, #fff -2px 3px 0px,
	#fff 2px -3px 0px, #fff -2px -3px 0px,
	#fff 3px 2px 0px, #fff -3px 2px 0px,
	#fff 3px -2px 0px, #fff -3px -2px 0px,
	#fff 2px 2px 0px, #fff -2px 2px 0px,
	#fff 2px -2px 0px, #fff -2px -2px 0px;
	display: inline-block;
}
#mainImgArea .areaTxt{
	position: absolute;
	top: 50px;
	left: -23px;
	z-index: 1;
	margin: auto;
	width: 740px;
	font-size: 50px;
	letter-spacing: -0.05em;
	font-family: 'Noto Sans JP', sans-serif;
}
#mainImgArea .mvTxt{
	position: absolute;
	top: 118px;
	left: 0px;
	right: 150px;
	margin: auto;
	width: 1000px;
	letter-spacing: -0.15em;
	font-family: 'Noto Sans JP', sans-serif;
}
#mainImgArea .mvTxt01{
	font-size: 110px;
}
#mainImgArea .mvTxt02{
	font-size: 86px;
}
#mainImgArea .mvTxt03{
	font-size: 60px;
}

#mainImgArea .shadow01{
	color: #fd3327;
	text-shadow:
	#fff 6px 0px 0px, #fff -6px 0px 0px,
	#fff 0px -6px 0px, #fff 0px 6px 0px,
	#fff 6px 6px 0px, #fff -6px 6px 0px,
	#fff 6px -6px 0px, #fff -6px -6px 0px,
	#fff 4px 6px 0px, #fff -4px 6px 0px,
	#fff 4px -6px 0px, #fff -4px -6px 0px,
	#fff 6px 4px 0px, #fff -6px 4px 0px,
	#fff 6px -4px 0px, #fff -6px -4px 0px,
	#fff 4px 4px 0px, #fff -4px 4px 0px,
	#fff 4px -4px 0px, #fff -4px -4px 0px;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
	transform: skew(-10deg);
	font-weight: 900;
	line-height: 1.1;
}
#mainImgArea .shadow02{
	color: #0e0d0d;
	text-shadow:
	#fff 6px 0px 0px, #fff -6px 0px 0px,
	#fff 0px -6px 0px, #fff 0px 6px 0px,
	#fff 6px 6px 0px, #fff -6px 6px 0px,
	#fff 6px -6px 0px, #fff -6px -6px 0px,
	#fff 4px 6px 0px, #fff -4px 6px 0px,
	#fff 4px -6px 0px, #fff -4px -6px 0px,
	#fff 6px 4px 0px, #fff -6px 4px 0px,
	#fff 6px -4px 0px, #fff -6px -4px 0px,
	#fff 4px 4px 0px, #fff -4px 4px 0px,
	#fff 4px -4px 0px, #fff -4px -4px 0px;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
	transform: skew(-10deg);
	font-weight: 900;
	line-height: 1.3;
}

/*! serviceArea
================================================== */
#serviceArea {
	width: 1000px;
	margin: 0 auto 50px auto;
}
#serviceArea h2 {
	margin: 0 0 30px 0;
}
#serviceArea .col2Block {
	margin: 0 0 30px 0;
}
#serviceArea .#mediaAreacol2Block .bo#mediaAreax {
	float: left;
	width: 490px;
}
#serviceArea .col2Block .box.last {
	float: right;
}
#serviceArea .col3Block {
	margin: 0 0 38px 0;
}
#serviceArea .col3Block .box {
	float: left;
	width: 320px;
	margin:0 20px 0 0;
}
#serviceArea .col3Block .box.last  {
	margin:0;
}
#serviceArea .otherBlock {
	margin: 30px 0 50px 0;
}
#serviceArea .btBlock {
	text-align: center;
	background: #a0cffe;
	padding: 23px 0;
}
#serviceArea .bt {
	display: block;
	background: url(../../../img/home/btn_servise_area01.png) 0 0 no-repeat;
	width: 155px;
	height: 36px;
}
#serviceArea .bt:hover {
	background-position: 0 -36px;
}
#serviceArea .bt span {
	display: none;
}
#serviceArea .btPrice {
	display: inline-block;
	background: url(../../../img/home/btn_servise_area_price01.png) 0 0 no-repeat;
	width: 410px;
	height: 65px;
	margin: 0 30px 0 0;
}
#serviceArea .btPrice:hover {
	background-position: 0 -65px;
}
#serviceArea .btPrice span {
	display: none;
}
#serviceArea .btService {
	display: inline-block;
	width: 410px;
	height: 65px;
}
#serviceArea .btService:hover {
	background-position: 0 -65px;
}
#serviceArea .btService span {
	display: none;
}
/*! exArea
================================================== */
#exArea {
	background: url(../../../img/home/bg_txt_area01.jpg) top center no-repeat;
}
#exArea .inner {
	width: 956px;
	height: 708px;
	margin: 0 auto;
	position: relative;;
	padding: 44px 0 0 0;
}
#exArea .inner h2 {
	text-align: center;
}
#exArea .ex01 {
	position: absolute;;
	top:260px;
	left: 700px;
}
#exArea .ex02 {
	position: absolute;;
	top:372px;
	left: 602px;
}
#exArea .ex03 {
	position: absolute;;
	top:372px;
	left: 793px;
}
#exArea .name {
	position: absolute;;
	top:418px;
	left: 344px;
}
#exArea .txtBlock {
	background: url(../../../img/home/bg_txt_area_02.png) 0 0 no-repeat;
	width: 1000px;
	height: 200px;
	position: absolute;
	top:512px;
	left:-23px;

}
#exArea .txtBlock p {
	font-size: 14px;
	padding: 45px 330px 0 50px;
	line-height: 2;
	font-weight: bold;
}
/*! mediaArea
================================================== */
#mediaArea {
	background: #eee;
	margin: -235px 0 50px 0;
}
#mediaArea h2{
	background: url(../../../img/home/bg_tit_media_area01.png) top center repeat-x;
	height: 85px;
	text-align: center;
}
#mediaArea h2 span {
	display: none;
}
#mediaArea .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 48px 0 22px 0;
}
#mediaArea .inner .block {
	float: left;
	width: 326px;
	margin: 0 11px 11px 0;
	overflow: hidden;
}
#mediaArea .inner .block:nth-child(3n) {
	margin-right: 0;
}
#mediaArea .inner .block img {
	float: left;
	width: 196px;
	margin-right: 10px;
}
#mediaArea .inner .block p {
	font-weight: bold;
}
#mediaArea .inner .block p span {
	color: #0129a5;
}
/* area
---------------------------------------- */
#area {
	border: solid 3px #d8d7d7;
	padding: 5px;
	margin: 0 0 50px 0;
}
#area h2 {
	background: #666976;
	text-align: center;
	padding: 15px 0;
}
#area .areaBlock {
	padding: 25px 25px 10px 25px;
	background: url(../../../img/home/bg_area01.png) 433px 10px  no-repeat;
}
#area .areaBlock dl {
	position: relative;
	margin: 0 0 10px 0;
	padding-left: 100px;
	overflow: hidden;
}
#area .areaBlock dl:last-child {
	margin: 0;
}
#area .areaBlock dl dt {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	width: 96px;
}
#area .areaBlock dl dd {
	display: inline-block;
	max-width: 400px;
}
#area .areaBlock dl dd a {
	display: inline-block;
	color: #414148;
}
#area .areaBlock dl dd a:hover {
	text-decoration: none;
}
#area .areaBlock dl dd .subList{
	display: inline;
	font-size: 1.2rem;
}
#area .areaBlock dl dd .subList::before{
	content: "(";
}
#area .areaBlock dl dd .subList::after{
	content: ")";
}
#area .areaBlock dl dd .subList li{
	display: inline-block;
}
/*! gray
---------------------------------------- */
#gray {
	border: solid 1px #d8d7d7;
	background: #eee;
	padding: 25px;
	border-radius: 5px;
}

#contents .widthFull{
	margin-left: -200%;
	margin-right: -200%;
	padding-left: 200%;
	padding-right: 200%;
}
/* #pagetopbtn
------------------------------------- */
#pagetopbtn .btn{
	position: fixed;
	bottom: 120px;
	right: 8px;
	z-index: 5;
	width: 80px;
	height: 80px;
	background-color: #bfbfbf;
	border-radius: 5px;
}
#pagetopbtn .btn::after{
	position: absolute;
	content: "";
	right: 30px;
	bottom: 24px;
	width: 15px;
	height: 17px;
	border-top: 4px solid #fff;
	border-left: 4px solid #fff;
	transform: rotate(45deg);
}
#pagetopbtn .btn:hover{
	background: #ebebeb;
	box-shadow:0px 2px 0px 0px #bfbfbf;
}