/*ナギテク*/
.title h2 span{
  display: block;
  position: relative;
background-size: 100%; background-repeat: no-repeat; text-indent: -9999px;
}

#nagitech section.txtArea .txt {margin-top: 15px; margin-bottom: 15px; padding-bottom: 0.5em;}
#nagitech section.txtAreaPs .txt {margin-top: 0px; margin-bottom: 15px; padding-bottom: 0.5em;}

.prepare {
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	background-color: #fff5bc;
	padding: 15px;
	margin-bottom: 30px;
}
.prepare h3 {font-family: vdl-megag, sans-serif;
font-style: normal;
font-weight: bold;
color: #00987c;
}
.prepare p {
line-height: 1.8em;}

.typeBlock h3 {font-family: vdl-megag, sans-serif;
font-style: normal;
font-weight: bold;
color: #f7439c;
	 font-size: 1.2em;
	padding-bottom: 1.3em;
}
.pointArea {}
.pointArea dt {text-indent: -9999px; background-repeat: no-repeat; background-size: contain; background-position: top center; width:122px; height:36px;}
.pointArea dt.point1 { background-image: url(../img/nagitech/point1.png);}
.pointArea dt.point2 { background-image: url(../img/nagitech/point2.png);}
.pointArea dt.point3 { background-image: url(../img/nagitech/point3.png);}
.pointArea dt.point4 { background-image: url(../img/nagitech/point4.png);}
.pointArea dd p { padding-bottom: 10px;}
.pointArea dd .tit { font-size: 1.2em; font-weight: bold; line-height: 1.5em; color: #009277;}

.more {color: #e74c09;}
.moreTxt {border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	background-color: #e74c09;
	font-family: vdl-megag, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	padding: 4px 6px;
}

.txt a { padding: 2px;border-bottom: dotted 2px #ffcce4;}
.txt a:hover { background-color: #fff1f4;}

.infoArea { border: solid 2px #ffcce4; padding: 1em; margin: 1em 0 1em; line-height: 1.5em;}
.infoArea h3 {color: #009277; font-size: 1.2em; padding-bottom: 0.5em;}
.infoArea p { padding-bottom: 0.8em;}
.phProf span{
  display: block;
  position: relative;
background-size: 100%;
}

.messageArea { border: solid 2px #f1f1f1; padding: 0.5em; margin: 1em 0 2em;}
.messageArea .messageBox { border: solid 1px #f7439c; padding: 1.5em; line-height: 1.5em;}
.messageArea p { padding-bottom: 0.8em;}
.messageArea p.signature { text-align: right; padding-bottom: 0; color: #f7439c;}

.ph_cut {
    border: 2px solid #bae372;
    padding: 8px;
}

.pic { margin: 0 auto;}
.pic span{
  display: block;
  position: relative;
background-size: 100%;
}

.mov {
	border: 2px solid #bae372;
    padding: 8px;
    margin: 0 auto 2em;}

body.nagitech article h2 {background-image: url("../img/nagitech/bg_h2.png"),url("../img/nagitech/bg_h2.png"); background-repeat: repeat-x,repeat-x; background-position: left bottom, left top; text-align: left; padding-bottom: 0; color: #000; padding:15px 20px 20px; line-height: 1.4em;}
body.nagitech .date {
color: #f7439c;
font-family: vdl-megag, sans-serif;
font-style: normal;
font-weight: bold;
display: block; font-size: 0.7em;
}

#nagitech #bknm h3 {margin-bottom: 0.5em;}
#nagitech #bknm ul {
  margin: 0;
}
#nagitech #bknm li {
  width: 100%;
  line-height: 1.4em;
  margin: 0;
  font-size: 0.9em;
}
#nagitech #bknm li a {
  display: block;
  border-bottom: dotted 2px #ffcce4;
color: #000;
	background-image: url("../img/icon_arrow.png"); background-repeat: no-repeat; background-position: 10px center;
	padding: 10px 10px 10px 40px;
  width: auto;
  height: auto;
  text-align: left;
}
#nagitech #bknm li a:hover { background-color: #fff1f4;}

#prevnext {
  width: 100%;
  padding: 0;
  margin: 2em auto .5em;
  z-index: 999;
	background-image: none;
}
#prevnext ul { background-image: none; width: 100%;}
#prevnext ul li {
  text-align: center;
  width: 50px;
  height: 50px;
  /* font-size: 2.5rem; */
  font-weight: bold;
  font-family: arial black, Verdana;
  background-color: rgba(255, 255, 255, 0.05);
	background-image: none;
  color: #fff;
  line-height: 50px;
  text-align: center;
}
#prevnext ul li a {
  color: #fff;
  background: #f7439c;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-image: url(../img/tp_rgt.png);
  background-size: 25%;
  background-repeat: no-repeat;
  background-position: 54% 50%;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
}
#prevnext ul li a {
  color: #fff;
  background: #f7439c;
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: 25%;
  background-repeat: no-repeat;
  text-indent: 110%;
  overflow: hidden;
  white-space: nowrap;
}
#prevnext ul li span {
  display: none;
}

#prevnext ul li:last-child {
  float: left;
}
#prevnext ul li:first-child {
  float: right;
}
#prevnext ul li:last-child a {
  float: left;
  background-image: url(../img/tp_lft.png);
  background-position: 44% 50%;
}
#prevnext ul li:first-child a {
  float: right;
  background-image: url(../img/tp_rgt.png);
  background-position: 54% 50%;
}

.nagitech #bknm h3  {background-size: 180px 27px; height: 27px; margin-bottom: 5px;}

.add { margin-bottom: 2em;}


@media all and (min-width: 768px) {
	#nagitech div.contentsBlock { letter-spacing: -.4em;}
#nagitech #entry { width: 600px; display: inline-block;  letter-spacing: 0em; vertical-align: top;}
#nagitech #bknm { width: 270px; display: inline-block;  letter-spacing: 0em; vertical-align: top; margin: 0 0 0 25px;}
	
	.low div.wrap .contentsBlock {
    padding: 20px 30px 30px!important;
}
	.title {margin-bottom:30px; margin-top: -15px;}
	.title h2,
	.title h2 span {
    width: 900px;
    height: 240px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
	.title h2 { padding-bottom: 0;}
	.title h2 span.sp { display: none;}
	
	.prepare h3 {
		display: inline-block;
		vertical-align: top;}
	.prepare p {
	display: inline-block;
	vertical-align: top;
	padding: 0 15px;
	}
	.pointArea dt {width:122px; height:72px; display: inline-block; vertical-align: top;}
	.pointArea dd { width:455px; display: inline-block; vertical-align: top; padding:0 0 25px 15px;}
	
	.infoArea { padding: 30px;}
	.phProf { display: inline-block; margin-right: 30px; vertical-align: top;}
	.phProf,
	.phProf span {
    width: 200px;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
	.infoTxt { display: inline-block; width:300px; vertical-align: top;} 
	
	.ph_cut {
    margin: 0 auto 2em;
}
	.ph_cut,
	.ph_cut span {
    width: 500px;
    height: 333px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
	
	.pic1,
	.pic1 span {
    width: 150px;
    height: 133px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
	.pic2,
	.pic2 span {
    width: 300px;
    height: 220px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
	.pic3,
	.pic3 span {
    width: 250px;
    height: 130px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }	
	.pic4,
	.pic4 span {
    width: 250px;
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }	
	.pic5,
	.pic5 span {
    width: 250px;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }	
	.pic6,
	.pic6 span {
    width: 300px;
    height: 200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }	
	.pic8,
	.pic8 span,
	.pic9,
	.pic9 span{
    width: 300px;
    height: 169px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }	
	
}

@media all and (max-width: 767px) {
	.contentsBlock { padding: 0.2em 0.5em 0.8em!important;}
	
  .title h2 span img, .int_portrait span img, .int_pic span img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
	.title h2 { padding-bottom: 0.5em;}
	.title h2 span { height: 0;
    padding: 34.181% 0 0;
    position: relative;
  }
	.title h2 span.pc { display: none;}
	
	#nagitech section.txtArea .txt {margin-top: 0px; margin-bottom: 0px;}
	
	.prepare { margin-left: 0.5em; margin-right: 0.5em;}
	.prepare h3 { text-align: center; margin-bottom: 10px;}
	
	.typeBlock h3 {text-align: center; padding-bottom: 1em;}
	
	.pointArea, .add { padding: 0 0.5em}
	.pointArea dt { margin: 0 auto 10px; }
	.pointArea dd {padding-bottom:25px;}
	
		#nagitech #entry {padding-bottom: 1em;}
	
body.nagitech article h2 { padding: 15px 15px 20px;}
	
	section.txtAreaPs .txt {
    line-height: 2.0em;
    padding: 0 0.5em 0.5em;
}
	
  #nagitech #bknm ul {
    margin: 0 0 1em;
  }
  #nagitech #bknm li {
    width: 100%;
    line-height: 1.4em;
    margin: 0 auto;
  }
	
#prevnext {
margin: 1em auto .5em;
}
	

.ph_cut {
    width: 90%;
    margin: 0 auto 1em;
    box-sizing: border-box;
}
	
	.infoArea h3 { text-align: center;}
	 .phProf span img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

  .phProf {
    width: 50%;
    box-sizing: border-box; margin:0 auto 10px;
  }

  .phProf span {
    height: 0;
    padding: 125% 0 0;
    position: relative;
  }

	.pic1 span img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }

	.pic {
    box-sizing: border-box; margin:0 auto 10px;
  }
	.pic1 {
    width: 50%;
  }
	.pic2, .pic3, .pic5, .pic6, .pic8, .pic9 {
    width: 80%; max-width: 300px;
  }

  .pic1 span {
    height: 0;
    padding: 88.666% 0 0;
    position: relative;
  }
	.pic2 span {
    height: 0;
    padding: 73.333% 0 0;
    position: relative;
  }
	.pic3 span {
    height: 0;
    padding: 52.459% 0 0;
    position: relative;
  }
	.pic4 span {
    height: 0;
    padding: 48% 0 0;
    position: relative;
  }
	.pic5 span {
    height: 0;
    padding: 100% 0 0;
    position: relative;
  }
	.pic6 span {
    height: 0;
    padding: 66.666% 0 0;
    position: relative;
  }
	.pic8 span, .pic9 span {
    height: 0;
    padding: 56.333% 0 0;
    position: relative;
  }
.mov {
    width: 90%;
}

}