@font-face {
    font-family: dfhsr4;
    src: url(/htdocs/font/dfhsr4/DFHSR4.eot);
}

@font-face {
    font-family: dfhsr4;
    src: url(/htdocs/font/dfhsr4/DFHSR4.ttf) format("truetype");
}

body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-seri!important;
	/*min-height: 100vh;*/
	height: 100%;
	flex-direction: column;
	background-color:transparent!important;
	overflow:visible!important;
	font-size:16px;
	position: relative;
}

html {
	height: 100%;
	color:#333;
}


p{
	line-height:1.5rem;
	margin:0;
	padding:0;	
}

.section{padding:100px 0;}

.container{max-width:1000px;}
.container .row{
	margin-left:0!important;
	margin-right:0!important;
}

a{
	color:#942A2C;
	overflow:hidden!important;
	outline:none!important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important; 
	}
a:hover{
	outline:none!important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important
	}
a:focus{
	outline:none!important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important
	}	

/* HELPER --------------------------------------------------- */
.mb0{margin-bottom:0px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb80{margin-bottom:80px!important;}
.mb100{margin-bottom:100px!important;}

.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt50{margin-top:50px!important;}
.mt100{margin-top:100px!important;}

.p0{padding:0!important;}

.ptb30{padding:30px 0;}
.ptb60{padding:60px 0;}
.ptb80{padding:80px 0;}

.block{display:block;}

.imgCenter{
	display:block;
	margin:0 auto;
	}

.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* opacity */
a.op:hover img {
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
	}
a.op img {
	display:block;
	margin:0 auto;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
	}



/* PAGE ================================================================================*/
/* index.html --------------------------------------------------- */
.parallax-container{
	height: 500px;
	position:relative;
}
.parallax-container > img{
	display:block;
	margin:38px auto;
	}        

.stepArea > img{
	width:100%;
	display:block;
	margin:0 auto 30px;
	}
.stepArea > img:first-child{	
	margin-bottom:30px;
	-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.2s linear;
	}
.stepArea > img:first-child:hover{
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	}

.graphArea{
	position:relative;
	}
.graphArea > img:first-cihld{
	display:block;
	margin:0 auto;
	}
.graphArea .move{
	position:absolute;
	right:10px;
	bottom:10px;
	}

.blinking{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


.workArea > .col{padding:0!important;}
.workArea img{display:block;}

.bg_pink{
	background-color:#FFF5F5;
	}

table.info{
	font-size:16px;
	}
table.info th{
	width:20%;
	font-weight:normal;
	vertical-align:top;
	}

.contactArea > a{
	float:right;
	}


/* COMMON ================================================================================*/
/* HEADER --------------------------------------------------- */
header{
	padding:20px 0;
	background-color:FFF!important;
	position:relative;
	z-index:1000;
}
.logo.row{margin:0!important;}
.logo.row > div{padding:0!important;}
.brand-logo{position:relative;}
.brand-logo img{
	z-index:999;
	}

/* NAV --------------------------------------------------- */
nav{
	background-color:transparent!important;
	box-shadow:none;
	height:65px;
}

nav .button-collapse{
	float:right!important;
	margin: 0 13px!important;	
	}
	
nav ,
nav a,
nav ul a{
	color:#333;
	}

/* .pcMenu */
nav ul > li{
	float:none!important;
	display:inline-block;
	line-height:41px;
	padding:0 10px;
	margin:18px 0;
	}
#pcMenu ul{float:right;}
#pcMenu ul li img{
	display:block;
	margin:0 auto;
	padding-bottom:5px;
	}
#pcMenu ul li span{
	display:block!important;
	text-align:center;
	}
#pcMenu ul li a{
	position:relative;
	display:block;
	padding:0 10px;
	font-size:12px;
	text-align:left;
	}

#pcMenu ul li a:hover{
	background-color:transparent!important;
	}
#pcMenu ul li a:hover img{
	padding-bottom:4px;
	border-bottom:#FD759D 1px solid;	
	}


/* .smpMenu */
nav.smpMenu ul li{
	display:block!important;
	}
nav.smpMenu ul li a{
	font-size:15px;
	color:#FF78A0
	}
nav.smpMenu .nav-wrapper i{
	font-size:30px;
	color:#FF78A0;
	margin:13px 0;
	}
.side-nav li {line-height: 35px!important;}


ul.smpChild li{
	font-size: 12px;
	padding:0 16px;
	}
ul.smpChild li a {
    font-size: 12px!important;
    color: #FF78A0;
}


/* FOOTER --------------------------------------------------- */
footer{
	background-color:#FFF5F5;
	}
footer p{
	font-size:12px;
	text-align:center;
	}



/* Media Query ================================================================================*/

@media (max-width: 479px) {
	/*index.html --------------------------------------------------- */
	.contactArea a{float:none!important;}
	
	.stepArea > img:first-child:hover{
		-webkit-transform:	none!important;
		transform:none!important;
		transition-duration:none!important;
		}
	
}


@media (min-width: 480px) and (max-width: 599px) {	
	/*index.html --------------------------------------------------- */
	.contactArea a{float:none!important;}

	.stepArea > img:first-child:hover{
	-webkit-transform:	none!important;
	transform:none!important;
	transition-duration:none!important;
	}
	
	
}


@media only screen and (max-width : 600px) {
	/*index.html --------------------------------------------------- */
	.contactArea a{float:none!important;}
	
	.stepArea > img:first-child:hover{
		-webkit-transform:	none!important;
		transform:none!important;
		transition-duration:none!important;
		}
	
	/*footer --------------------------------------------------- */
	.footerGuide ul li,
	.footerGuide ul:last-child li{
		width:100%;
		display:block;
		}
	.footerGuide ul li{margin-bottom:5px;}
}


@media only screen and (max-width : 992px) {
	/*index.html --------------------------------------------------- */
	.contactArea a{float:none!important;}

	.stepArea > img:first-child:hover{
		-webkit-transform:	none!important;
		transform:none!important;
		transition-duration:none!important;
		}
}



@media only screen and (max-width : 1350px) {
}


@media screen and (min-width:1351px) {
}