@charset "utf-8";
/* CSS Document */

@media print {
/* 印刷時に画面と変更するスタイルを定義 */
body {
width: 1200px;
-webkit-print-color-adjust: exact;
}
 .container{
		width:1000px;
  }

}

/* 印刷時の余白幅指定 */
@page {
	margin: 12.7mm 9.7mm;
}
/* 印刷時のレスポンシブになってしまう設定解除 */
.sm-blue li {
	float:left;
    /*width: 16.66%;*/
	width: 12.5%;
	text-align: center;
}
.sm-blue > li:first-child {
    border-left: 0;
	/*width: 30%;*/
	width: 12.5%;
  }
#menu-inner{
    width: 1000px;/*１*/
    height: 50px;/*２*/
    margin: 0 auto;
    background: #317DBB;/*８*/
}
.fixed {
	position:relative;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	z-index:0;
}

.print-break{
	page-break-before: always;
}

.p-answer {
    display: block;
}







/*ページトップ*/
#page-top{
	display:none;
}
/*footer logo*/
address {
	padding-right:20%;
}
.footer-nav{
    margin-left: 0px;
    text-align: left;
	width:120%;
}
.acs-left{
	float:none;
}
.acs-right{
	float:none;
	margin-top:5px;
}
.btn-access a {
    margin-top:5px;
	display:inline-block;
}
.map-contact-area {
    background-color: #fff;
    border: 1px solid #5cb85c;
    font-size: 140%;
    margin: 15px auto;
    padding: 10px;
    width: 90%;
}
.ad-areaL{
	float: none;
	width: 100%;
	margin-right:0px;
}

.ad-areaR{
	float: none;
    width: 100%;
	text-align:left;
}


/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
 @page {
	margin: 0mm 0mm;
  }
}


/*キーフレームアニメーション停止*/
@media print {
.animated {
  -webkit-animation-duration: 0;
  animation-duration: 0;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
}
.animated-d1s {
-webkit-animation-duration: 0;
animation-duration: 0;
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
-webkit-animation-delay: 0;
animation-delay: 0;
}
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: none;
  animation-name: none;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: none;
  animation-name: none;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.delay-05s {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.delay-1s {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 {
    visibility: visible;
}

@media print{
	.feature-1,.feature-2{margin-bottom:50px;}
	.device{display:block;}
	.screenshots ul li{width:50%;}
	.screenshots-intro{padding:110px 0 100px 0;}
	.feature-content{width:80%;}
	.features-slider{height:100%}
}


@media print{
.device {
	-webkit-print-color-adjust: exact;
    position: relative;
    top: 0;
    left: 0%;
    min-height: 600px;
    width: 100%;
    background: url('../img/service.gif') no-repeat center center;
}
.sp-img {
    display: block!important;
}
	}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: none;
  animation-name: none;
}




/*Chomeだけに適用されるCSSハック　※効いている*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @page {
	margin: 0mm 0mm;
  }
}



/*////////////////印刷調整/////////////////*/
/*QandA*/
/*.button-qa1 {
	font-size: 140%;
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	border-radius: 5px;
	background-color: #D9EFD9;
	color: #333;
}*/

.button-qa2 {
	font-size: 140%;
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	border-radius: 5px;
	background-color: #E8E8F3;
	color: #333;
}

.button-qa3 {
	font-size: 140%;
	display: inline-block;
	width: 300px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	border-radius: 5px;
	background-color: #D6E4F1;
	color: #333;
}


.table.item04 {
    text-align: right !important;
}
.table.item04 tr .month-title {
	position:relative;
    background-color: hsl(86, 100%, 93%);
    vertical-align: middle;
    width: 50%;
	text-align: right !important;
}
.table.item07 tr .month-title {
	background-color: #F0FFDD;
	text-align: right !important;
	width:50%;
}
.t-taR, .t-taR-s {	
    margin-left: auto;
    margin-right:auto;
    text-align: right !important;
    width: 60%;
	padding-right:0px;
	display:inline;
}
/*.print_page:last-child{
   page-break-after: auto; 最後のページの改ページを防ぐ 
	page-break-inside: avoid;
}*/
#sitemap .col-sm-6{
	float:none;
	width:100%;
}


/* animateを印刷  */
.js .animate-box {
  opacity: 1;
}

.animate-box {
	.js & {
		opacity: 1;
	}
}
img.nodisplay{
  display: block;
}

@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}