@charset "utf-8";
/* ---------------------------------------------------------------- *
	repeat
 * ---------------------------------------------------------------- */
.fss_12{
	font-size: 12px;
	line-height: 1.5;
}

p .fss_12{
	display: inline-block;
}

.ffsP{
	font-feature-settings : "palt";
	font-style: normal;
}
/* ---------------------------------------------------------------- *
	inview
 * ---------------------------------------------------------------- */
.inview{
	opacity: 0;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.inview.vv{
	opacity: 1;
}

/* ----- left in ----- */
.vl{
  -webkit-transform: translate(-60px, 0);
  -moz-transform: translate(-60px, 0);
  -ms-transform: translate(-60px, 0);
  -o-transform: translate(-60px, 0);
  transform: translate(-60px, 0);
}

/* ----- right in ----- */
.vr{
  -webkit-transform: translate(60px, 0);
  -moz-transform: translate(60px, 0);
  -ms-transform: translate(60px, 0);
  -o-transform: translate(60px, 0);
  transform: translate(60px, 0);
}
/* ----- bottom in ----- */
.vb{
  -webkit-transform: translate(0, 60px);
  -moz-transform: translate(0, 60px);
  -ms-transform: translate(0, 60px);
  -o-transform: translate(0, 60px);
  transform: translate(0, 60px);
}
/* ----- top in ----- */
.vt{
  -webkit-transform: translate(0, -60px);
  -moz-transform: translate(0, -60px);
  -ms-transform: translate(0, -60px);
  -o-transform: translate(0, -60px);
  transform: translate(0, -60px);
}

/* ----- in common ----- */
.vv.vl,
.vv.vr,
.vv.vb,
.vv.vt{
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* ----- repeat in ----- */
.vrpt .vrptTgtList li,
.vrpt .vrptTgt{
	opacity: 0;
  -webkit-transform: translate(0, 30px);
  -moz-transform: translate(0, 30px);
  -ms-transform: translate(0, 30px);
  -o-transform: translate(0, 30px);
  transform: translate(0, 30px);
  -webkit-transition-duration: 0.8s;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.vrpt .vrptTgtList li.vrptActive,
.vrpt .vrptTgt.vrptActive{
	opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* ---------------------------------------------------------------- *
	header
 * ---------------------------------------------------------------- */
#header{
	padding: 39px 0 17px;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}
#header::before{
	content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 130px 342px 0 0;
  border-color: #dce000 transparent transparent transparent;
	z-index: 3;
}
/* PC */
@media (min-width: 769px) , print{
	#header{
		height: 98px;
	}
}

/* SP */
@media (max-width: 768px) {
	#header{
		padding-top: 25px;
		padding-bottom: 10px;
		height: 67px;
	}
	#header::before{
    -webkit-transform: scale(.3, .3);
    -ms-transform: scale(.3, .3);
    -o-transform: scale(.3, .3);
    transform: scale(.3, .3);
    transform-origin: left top;
	}
}

#header::after{
	position: absolute;
	top: 0;
	left: 0;
  content: "";
  display: block;
	width: 100%;
	height: 20px;
	background-color: #0092d7;
	z-index: 1;
}
#header .inner{
	position: relative;
	z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -moz-box-pack: space-between;
  justify-content: space-between;
}
/* SP */
@media (max-width: 768px) {
	#header::after{
		height: 10px;
	}
}

/* ----- logo ----- */
#header .logo img{
	width: 100%;
	max-width: 250px;
}
#header .logo p{
	font-size: 12px;
	line-height: 1;
	margin-top: 5px;
}
/* SP */
@media (max-width: 768px) {
	#header .logo{
		width: 100%;
	}
	#header .logo p{
		font-size: 10px;
		margin-top: 0;
	}
}

/* ----- tel ----- */
#header .contact{
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
	margin-top: -1px;
}
#header .contact p:nth-of-type(1){
	width: 100%;
	max-width: 35px;
}
#header .contact p:nth-of-type(1) img{
	width: 100%;
}

/* SP */
@media (max-width: 768px) {
	#header .contact{
    font-size: 12px;
    line-height: 1.3;
	}
	#header .contact p:nth-of-type(1){
    width: 25px;
    margin-top: -4px;
	}
}

/* ---------------------------------------------------------------- *
	sectionCon
 * ---------------------------------------------------------------- */
.sectionCon{
	padding-top: 127px;
	padding-bottom: 127px;
}

/* ---------------------------------------------------------------- *
	見出し
 * ---------------------------------------------------------------- */
/* ----- ttlBig ----- */
.ttlBig{
	text-align: center;
	font-size: 30px;
	margin-bottom: 60px;
	line-height: 1.33;
}
.ttlBig i:not(.ffsP){
	color: #0092d7;
	font-style: normal;
}
.ttlBig span{
	font-size: 18px;
	display: block;
  margin-bottom: -16px;
}
.ttlBig::after{
	content: "";
	display: block;
	width: 132px;
	margin: 22px auto 0;
	height: 7px;
  background: -webkit-linear-gradient(-45deg, #dbe000 0%, #dbe000 50%, #0092d7 51%, #0092d7 100%);
  background: linear-gradient(-45deg, #0092d7 0%, #0092d7 50%, #dbe000 51%, #dbe000 100%);
}

/*fvCont*/
#fvCont .ttlBig{
  margin-bottom: 59px;
}
#fvCont .ttlBig span{
  margin-right: 10px;
}
/*solution*/
#solution .ttlBig{
  margin-bottom: 73px;
}
/*accuracy*/
#accuracy .ttlBig{
  margin-bottom: 68px;
}
/*option*/
#option .ttlBig{
  margin-bottom: 23px;
}
#option .ttlBig span{
  margin-bottom: -15px;
}
#option .ttlBig::after{
	width: 92px;
}
/*map*/
#map .ttlBig{
  margin-bottom: 63px;
}

/* ----- ttlBig02 ----- */
.ttlBig02{
	font-size: 30px;
	text-align: center;
	margin-bottom: 28px;
}

/* ---------------------------------------------------------------- *
	mainvisual
 * ---------------------------------------------------------------- */
#mainvisual{
	background-image: url("../img/mainvisual.jpg");
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 659px;
	position: fixed;
	top: 98px;
	left: 0;
	right: 0;
	z-index: -1;
	opacity: 1;
}

#mainvisual.mvOff{
	opacity: 0;
}

/* SP */
@media (max-width: 768px) {
	#mainvisual{
		height: 50vh;
		top: 67px;
	}
}

/* ---------------------------------------------------------------- *
	fvCont
 * ---------------------------------------------------------------- */
#fvCont{
	background-color: rgba(255,255,255,0.80) !important;
	margin-top: calc(659px + 98px - 311px);
	margin-bottom: 63px;
	padding-top: 57px;
	padding-bottom: 90px;
	box-shadow: 5px 5px 10px rgba(30,19,15,0.10);
}

/*tab*/
@media (max-width: 1040px) and (min-width: 769px) {
  #fvCont{
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
	}
}
/* SP */
@media (max-width: 768px) {
	#fvCont{
		margin-top: calc(60vh - 67px);
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
		padding-top: 30px;
	}
}

#fvCont .fvContInner{
	width: 100%;
	max-width: 818px;
	margin-left: auto;
	margin-right: auto;
}

/* ----- ttlBox ----- */
#fvCont .ttlBox{
	position: relative;
	width: 100%;
	max-width: 818px;
	margin: 0 auto 121px;
}
#fvCont .ttlBox h1{
	font-size: 28px;
	line-height: 1;
	margin-bottom: 16px;
	margin-left: -1px;
}

#fvCont .ttlBox .logoImg{
  position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: flex-end;
	-ms-flex-align: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	-webkit-justify-content: start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-moz-box-pack: start;
	justify-content: start;
}
#fvCont .ttlBox .logoImgItem img{
	width: 100%;
}

#fvCont .ttlBox .logoImg .netis_icon{
	width: 66px;
	margin-left: -1px;
}

/* PC */
@media (min-width: 769px) , print{
	#fvCont .ttlBox{
		left: -4px;
	}
	#fvCont .ttlBox .logoImg{
		width: 100%;
		max-width: 646px;
	}
	#fvCont .ttlBox .logoImgItem{
		width: 100%;
		max-width: 581px;
	}
}

/* tab */
@media (max-width: 1040px) and (min-width: 769px) {
	#fvCont .ttlBox h1,
	#fvCont .ttlBox .logoImg{
		width: 100%;
		padding-right: 161px;
		box-sizing: border-box;
		max-width: none;
	}
}

/* SP */
@media (max-width: 768px) {
	#fvCont .ttlBox{
		margin-bottom: 60px;
	}
	#fvCont .ttlBox h1{
		font-size: 21px;
	}
	#fvCont .ttlBox h1,
	#fvCont .ttlBox .logoImg{
		width: 70%;
		margin-right: 3%;
	}
	#fvCont .ttlBox .logoImg .logoImgItem{
		width: calc(100% - 32px);
	}
	#fvCont .ttlBox .logoImg .netis_icon{
		max-width: 33px;
		margin-left: 5px;
	}
}

/*spImg*/
#fvCont .ttlBox .spImg{
	font-size: 28px;
	position: absolute;
	right: 0;
	bottom: -35px;
	width: 100%;
	max-width: 151px;
}
/* SP */
@media (max-width: 768px) {
	#fvCont .ttlBox .spImg{
		width: 25%;
		bottom: -20px;
	}
}

/* ----- intro ----- */
#fvCont .intro{
	margin-bottom: 57px;
}
#fvCont .intro .text{
	width: 100%;
	max-width: 620px;
	margin: 0 auto;
	line-height: 2;
}
/*h2*/
#fvCont .intro h2{
	font-size: 30px;
	color: #0092d7;
	text-align: center;
	margin-bottom: 31px;
}
/* PC */
@media (min-width: 1040px) , print{
	#fvCont .drims {
		width: 100%;
		max-width: 791px;
		margin-left: auto;
		margin-right: auto;
	}
	#fvCont .drims img{
		margin-left: 8px;
	}
}

/* ---------------------------------------------------------------- *
	youtube
 * ---------------------------------------------------------------- */
#youtube{
	background-color: #fff;
	padding-bottom: 75px;
}
#youtube .ttlBig{
	margin-bottom: 26px;
}
#youtube .ttlBig::after{
	display: none;
}
#youtube .youtubeCon {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}
#youtube .youtubeBox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#youtube .youtubeBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/* ---------------------------------------------------------------- *
	solution
 * ---------------------------------------------------------------- */
#solution{
	background-color: #fff;
	padding-top: 63px;
	padding-bottom: 120px;
}

#solution .box{
  counter-reset: item;
}

/* PC */
@media (min-width: 769px) , print{
	#solution .box{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-justify-content: start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-moz-box-pack: start;
		justify-content: start;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

#solution .box li{
	margin-top: 43px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: start;
	align-items: start;
	-webkit-justify-content: start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-moz-box-pack: start;
	justify-content: start;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
/* PC */
@media (min-width: 769px) , print{
	#solution .box li:nth-child(-n + 2){
		margin-top: 0;
	}
	#solution .box li:nth-of-type(even){
		margin-right: 0;
	}
	#solution .box li{
		width: 48.367%;
		margin-right: 3.265%;
	}
}
/* SP */
@media (max-width: 768px) {
	#solution .box li:nth-child(-n + 1){
		margin-top: 0;
	}
}

#solution .box li .info{
	width: 100%;
	margin-bottom: 9px;
}

#solution .box li .img{
	margin-top: auto;
	width: 100%;
	text-align: center;
}

#solution .box li .img img{
	border: 1px solid #c9c9c9;
}

/* ----- h3 ----- */
#solution h3{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 13px;
	border-bottom: 2px solid #0092d7;
	padding-bottom: 4px;
	width: 100%;
}
#solution .box li h3 i::before{
	counter-increment: item;
  content: counter(item)'. ';
	font-size: 30px;
	font-style: normal;
	color: #0092d7;
	line-height: 1;
}
#solution h3::before{
	content: "";
	background-image: url("../img/icon-light.png");
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 32px;
	height: 35px;
	margin-right: 4px;
}

/* ---------------------------------------------------------------- *
	accuracy
 * ---------------------------------------------------------------- */
#accuracy{
	background-color: #eeeeee;
	padding-top: 117px;
	padding-bottom: 121px;
}

 /* ----- box ----- */
#accuracy .box{
  counter-reset: item;
}
/* PC */
@media (min-width: 769px) , print{
	#accuracy .box{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-justify-content: start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-moz-box-pack: start;
		justify-content: start;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
#accuracy .box li{
  margin-top: 66px;
}
/* PC */
@media (min-width: 769px) , print{
	#accuracy .box li{
		width: 31.531%;
		margin-right: 2.551%;
	}
	#accuracy .box li:nth-child(-n + 3){
		margin-top: 0;
	}
	#accuracy .box li:nth-of-type(3n){
		margin-right: 0;
	}
}
/* SP */
@media (max-width: 768px) {
	#accuracy .box li{
		margin-top: 40px;
	}
	#accuracy .box li:nth-child(-n + 1){
		margin-top: 0;
	}
}

/* ----- h3 ----- */
#accuracy .box h3{
	margin-bottom: 22px;
	padding-left: 70px;
	position: relative;
	font-size: 18px;
	line-height: 1.67;
	text-align: left;
	-webkit-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
	white-space: nowrap;
}
#accuracy .box h3::before{
	counter-increment: item;
	text-align: center;
  content: counter(item)'';
	font-weight: 700;
	font-size: 30px;
	width: 53px;
	height: 53px;
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	line-height: 53px;
	background-color: #fff;
	border-radius: 5px;
}
#accuracy .box h3 span{
	display: inline;
  padding-bottom: 4px;
  background-image: linear-gradient(180deg, transparent 93%, #000 0);
}

#accuracy .box h3 span i{
	font-feature-settings : "palt";
	font-style: normal;
}

/* ----- etcBox ----- */
#accuracy .etcBox{
	padding: 36px 44px 40px 50px;
	margin-top: 55px;
	background-color: #fff;
}
/* PC */
@media (min-width: 769px) , print{
	#accuracy .etcBox{
		padding: 36px 44px 40px 50px;
		margin-top: 55px;
		background-color: #fff;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-moz-box-pack: center;
		justify-content: center;
	}
}

/* SP */
@media (max-width: 768px) {
	#accuracy .etcBox{
		padding-left: 20px;
		padding-right: 20px;
	}
}

#accuracy .etcBox li{
	position: relative;
}
/* PC */
@media (min-width: 769px) , print{
	#accuracy .etcBox li:nth-of-type(1){margin-right: 31px;}
	#accuracy .etcBox li:nth-of-type(2){margin-right: 64px;}
	#accuracy .etcBox li:nth-of-type(3){margin-right: 31px;}
}

/* tab */
@media (max-width: 1040px) and (min-width: 769px) {
	#accuracy .etcBox{
		-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	}
}

/* SP */
@media (max-width: 768px) {
	#accuracy .etcBox li{
		width: 100%;
		padding-bottom: 50px;
	}
	#accuracy .etcBox li:last-of-type{
		padding-bottom: 0;
	}
}

/*Arrow*/
#accuracy .etcBox li::after{
	content: "";
	background-image: url("../img/accuracy_arrow.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	display: block;
	width: 43px;
	height: 47px;
	position: absolute;
	bottom: 27px;
	right: 0;
}
#accuracy .etcBox li:last-of-type::after{
	display: none;
}
/* PC */
@media (min-width: 769px) , print{
	#accuracy .etcBox li:nth-of-type(1)::after{right: -20px;}
	#accuracy .etcBox li:nth-of-type(2)::after{right: -52px;}
	#accuracy .etcBox li:nth-of-type(3)::after{right: -19px;}
}

#accuracy .etcBox li.retinaitemOn::after{
	background-image: url("../img/accuracy_arrow_2x.png");
}
/* SP */
@media (max-width: 768px) {
	#accuracy .etcBox li::after{
		background-image: url("../img/accuracy_arrow_2x.png");
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

/*img*/
#accuracy .etcBox li .img{
	margin-bottom: 21px;
	padding-top: 42px;
	position: relative;
	width: 164px;
}
#accuracy .etcBox li:nth-of-type(1) .img,
#accuracy .etcBox li:nth-of-type(3) .img,
#accuracy .etcBox li:nth-of-type(4) .img{
	padding-right: 36px;
}
#accuracy .etcBox li .img img:first-of-type{
	border-radius: 10px;
}
/* SP */
@media (max-width: 768px) {
	#accuracy .etcBox li .img{
		margin-left: auto;
		margin-right: auto;
	}
	
	#accuracy .etcBox li:nth-of-type(2) .img,
	#accuracy .etcBox li:nth-of-type(3) .img{
		padding-top: 10px;
	}
}

/*spImg*/
#accuracy .etcBox li .img img.spImg{
	position: absolute;
	right: 0;
	bottom: -20px;
	width: 100%;
	max-width: 61px;
}
#accuracy .etcBox li:nth-of-type(3) .img img.spImg{
	right: -4px;
}
#accuracy .etcBox li:nth-of-type(4) .img img.spImg{
	right: 5px;
}

/*etcPhoto*/
#accuracy .etcBox li .img .etcPhoto{
	position: absolute;
	right: 0;
	top: 0;
}
#accuracy .etcBox li:nth-of-type(4) .img .etcPhoto{
	right: 11px;
}

#accuracy .etcBox li .img .etcPhoto img{
	vertical-align: bottom;
	display: inline-block;
	margin-right: 7px;
	width: 100%;
	max-width: 103px;
}
#accuracy .etcBox li .img .etcPhoto img:nth-of-type(2){
	margin-right: 0;
	max-width: 63px;
}

/*p*/
#accuracy .etcBox li p{
	width: 100%;
}

#accuracy .etcBox li p .fss_12{
	position: relative;
	top: -5px;
}
/* PC */
@media (min-width: 769px) , print{
	#accuracy .etcBox li p{
		max-width: 162px;
	}
	#accuracy .etcBox li:nth-of-type(1) p{width: 155px;}
	#accuracy .etcBox li:nth-of-type(2) p{width: 166px;}
}


/* ---------------------------------------------------------------- *
	option
 * ---------------------------------------------------------------- */
#option{
	background-color: #fff;
	padding: 120px 0 0;
}

#option .optionInner{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 65px;
	padding-bottom: 80px;
	background-image: url("../img/option_bg.png");
	background-position: top center;
}

/* ----- box ----- */
/* PC */
@media (min-width: 769px) , print{
	#option .box{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: start;
		align-items: start;
		-webkit-justify-content: start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-moz-box-pack: start;
		justify-content: start;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

#option .box li{
	position: relative;
}
#option .box li:first-of-type{
	width: 100%;
	max-width: 584px;
	margin: 0 auto 31px;
}
/* PC */
@media (min-width: 769px) , print{
	#option .box li{
		width: 48.163%;
	}
	#option .box li:nth-of-type(2){
		margin-right: 3.367%;
	}
}
/* SP */
@media (max-width: 768px) {
	#option .box li{
		margin-bottom: 30px;
	}
	#option .box li:last-of-type{
		margin-bottom: 0;
	}
	#option .box li:nth-of-type(2) h4,
	#option .box li:nth-of-type(2) p{
		padding-right: 107px;
	}
}

/*img*/
#option .box .img{
	position: absolute;
	right: -2px;
	top: 10px;
}
#option .box .img img{
	border-radius: 50%;
	width: 100%;
	max-width: 107px;
}

/*h4*/
#option .box h4{
	font-size: 18px;
	border-bottom: 2px solid #dbe000;
	margin-bottom: 13px;
}
#option .box li:nth-of-type(2) h4{
	padding-right: 112px;
}

/*p*/
#option .box li:nth-of-type(2) p{
  line-break: auto;
	padding-right: 112px;
}
/* PC */
@media (min-width: 769px) , print{
	#option .box li:nth-of-type(2) p{
		max-width: 357px;
	}
}

/* ----- etcBox ----- */
#option .etcBox{
	background-color: #fff;
	border: 2px solid #dbe000;
	position: relative;
	margin-top: 32px;
}
#option .etcBox::before{
  content: "";
  display: block;
  position: absolute;
  right: 221px;
  top: -43px;
  border-right: 16.5px solid transparent;
  border-bottom: 43px solid #dbe000;
  border-left: 16.5px solid transparent;
  width: 0px;
  margin: auto;
}
/* SP */
@media (max-width: 768px) {
	#option .etcBox{
		margin-top: 53px;
	}
	#option .etcBox::before{
		left: 0;
		right: 0;
	}
}

/*h5*/
#option .etcBox h5{
	color: #0092d7;
	text-align: center;
	background-color: #dbe000;
	display: block;
	padding: 10px 10px 14px 10px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}

/*ul*/
#option .etcBox ul{
	padding: 27px 29px 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  align-items: start;
  -webkit-justify-content: start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-box-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

#option .etcBox li{
	margin-top: 14px;
	background-color: #0092d7;
}
#option .etcBox li{
  margin-top: 14px;
  width: 32.353%;
  margin-right: 1.4705%;
}
/* PC */
@media (min-width: 769px) , print{
	#option .etcBox li:nth-of-type(3n){
		margin-right: 0%;
	}
	#option .etcBox li:nth-child(-n + 3){
		margin-top: 0;
	}
}
/* SP */
@media (max-width: 768px) {
	#option .etcBox ul{
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
	}
	#option .etcBox li{
		width: 49%;
		margin-right: 2%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: start;
		align-items: start;
		-webkit-justify-content: start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-moz-box-pack: start;
		justify-content: start;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#option .etcBox li:nth-of-type(2n){
		margin-right: 0%;
	}
	#option .etcBox li:nth-child(-n + 2){
		margin-top: 0;
	}
}

/*h6*/
#option .etcBox h6{
	text-align: center;
	color: #fff;
	font-size: 18px;
	padding: 11px 10px 13px 10px;
	line-height: 1;
}
/* SP */
@media (max-width: 768px) {
	#option .etcBox h6{
		padding: 9px 5px 8px;
		width: 100%;
		line-height: 1.2;
	}
}
/* ---------------------------------------------------------------- *
	map
 * ---------------------------------------------------------------- */
#map{
	padding-top: 126px;
	padding-bottom: 106px;
	background-color: #fff;
}

#map .box h3{
  font-size: 18px;
  border-bottom: 2px solid #0092d7;
  margin-bottom: 12px;
}
#map .box li:first-of-type h3{
  margin-bottom: 16px;
}
#map .box h4{
  font-size: 18px;
	margin-bottom: 4px;
}
#map .box .img{
	margin-bottom: 4px;
}

/* PC */
@media (min-width: 769px) , print{
	#map .box{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: start;
		align-items: start;
		-webkit-justify-content: start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-moz-box-pack: start;
		justify-content: start;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}
#map .box > li:first-of-type{
	width: 100%;
	margin-bottom: 43px;
}
/* PC */
@media (min-width: 769px) , print{
	#map .box > li{
		width: 48.469%;
	}
	#map .box > li:nth-of-type(2){
		margin-right: 3.061%;
	}
}
/* SP */
@media (max-width: 768px) {
	#map .box > li{
		margin-bottom: 40px;
	}
	#map .box > li:last-of-type{
		margin-bottom: 0;
	}
	#map .box .img img{
		width: 100%;
	}
}

/* ----- li first ----- */
/* PC */
@media (min-width: 769px) , print{
	#map .box li ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: start;
		align-items: start;
		-webkit-justify-content: start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-moz-box-pack: start;
		justify-content: start;
	}
	#map .box li ul li{
		width: 31.633%;
		margin-right: 2.551%;
	}
	#map .box li ul li:last-of-type{
		margin-right: 0;
	}
}
/* SP */
@media (max-width: 768px) {
	#map .box li ul li{
		margin-bottom: 20px;
	}
	#map .box li ul li:last-of-type{
		margin-bottom: 0;
	}
}

/* ---------------------------------------------------------------- *
	moreArrow
 * ---------------------------------------------------------------- */
.moreArrow{
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	background-color: #fff;
}
.moreArrow::after{
	content: "";
	background-image: url("../img/arrow-down.png");
	background-size: contain;
	background-position: center center;
	display: block;
	width: 152px;
	height: 69px;
	margin: 14px auto 0;
}
.moreArrow.retinaitemOn::after{
	background-image: url("../img/arrow-down_sp.png");
}
/* SP */
@media (max-width: 768px) {
	.moreArrow::after{
		background-image: url("../img/arrow-down_sp.png");
	}
}

/* ---------------------------------------------------------------- *
	cv
 * ---------------------------------------------------------------- */
#cv{
	padding-top: 65px;
	padding-bottom: 134px;
	background-color: #fff;
}

#cv h2{
	font-size: 30px;
	background-color: #0092d7;
	color: #fff;
	text-align: center;
	padding: 8px 20px 12px 20px;
}

#cv .cvBg{
	background-image: url("../img/cv_bg.jpg");
	background-size: cover;
	background-position: top center;
	height: 387px;
	width: 100%;
}

/* ----- cvBox ----- */
#cv .cvBox{
	box-shadow: 5px 5px 10px rgba(30,19,15,0.10);
}

/* ----- catch ----- */
#cv .catch{
	margin-top: 52px;
	text-align: center;
}
#cv .catch span{
	font-size: 30px;
	font-weight: 700;
	color: #0092d7;
  background-image: linear-gradient(180deg, transparent 95%, #0092d7 0);
	padding-bottom: 3px;
}

/* ---------------------------------------------------------------- *
	cvCont
 * ---------------------------------------------------------------- */
#cvCont{
  background-color: #fff;
  margin-top: -77px;
  padding-top: 47px;
  padding-bottom: 74px;
  box-shadow: 5px 5px 10px rgba(30,19,15,0.10);
}
#cvCont .cvContInner{
	width: 100%;
	max-width: 788px;
	margin-left: auto;
	margin-right: auto;
}

/* tab */
@media (max-width: 1040px) and (min-width: 769px) {
	#cvCont{
    padding-left: 5%;
    padding-right: 5%;
	}
}

/* SP */
@media (max-width: 768px) {
	#cvCont{
  	padding-top: 30px;
    padding-left: 5%;
    padding-right: 5%;
	}
}

/* ----- ttlBox ----- */
#cvCont .ttlBox{
	position: relative;
	width: 100%;
	max-width: 630px;
	margin: 0 auto 23px;
}
/* PC */
@media (min-width: 769px) , print{
	#cvCont .ttlBox{
		right: 18px;
	}
	#cvCont .ttlBox .cvLogo{
		width: 100%;
		max-width: 519px;
	}
}
#cvCont .ttlBox h3{
	font-size: 24px;
	line-height: 1;
	margin-left: 20px;
	margin-bottom: -9px;
	position: relative;
	z-index: 1;
}
/*spImg*/
#cvCont .ttlBox .cvSpImg{
	position: absolute;
	right: 0;
	bottom: 8px;
	width: 100%;
	max-width: 98px;
}
/* SP */
@media (max-width: 768px) {
	#cvCont .ttlBox h3{
		font-size: 24px;
    margin-left: 8px;
		margin-bottom: 0px;
	}
	#cvCont .ttlBox h3,
	#cvCont .ttlBox .cvLogo{
		width: 65%;
		margin-right: 3%;
	}
	#cvCont .ttlBox .cvLogo{
		width: 70%;
	}
	#cvCont .ttlBox .cvSpImg{
		width: 25%;
    bottom: -5px;
	}
	#cvCont .ttlBox .cvLogo img{
		width: 100%;
		max-width: 519px;
	}
}
	
/* ----- cvIntro ----- */
#cvCont .cvIntro {
	width: 100%;
	max-width: 733px;
	margin: 23px auto 26px;
}
#cvCont .cvIntro .cvIntroImg{
	width: 100%;
	max-width: 433px;
	height: 166px;
	margin: 0 auto 20px;
	position: relative;
	background-image: url(../img/cvintro00_pc.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 87px;
}
#cvCont .cvIntro .cvIntroImg.retinaitemOn{
	background-image: url(../img/cvintro00_sp.png);
}
#cvCont .cvIntro .cvIntroImg p{
	position: absolute;
	width: 100%;
}
#cvCont .cvIntro .cvIntroImg p:nth-of-type(1){
	left: -7px;
	top: 39px;
	max-width: 145px;
}
#cvCont .cvIntro .cvIntroImg p:nth-of-type(2){
	top: 0;
	left: 173px;
	max-width: 148px;
}
#cvCont .cvIntro .cvIntroImg p:nth-of-type(3){
	top: 69px;
	right: 8px;
	max-width: 147px;
}
/* SP */
@media (max-width: 768px) {
	#cvCont .cvIntro .cvIntroImg{
		background-image: url(../img/cvintro00_sp.png);
		height: 200px;
	}
	#cvCont .cvIntro .cvIntroImg p:nth-of-type(1){
		left: -1%;
    top: 55px;
	}
	#cvCont .cvIntro .cvIntroImg p:nth-of-type(2){
		left: 37%;
	}
}

/* ----- cvAppeal ----- */
#cvCont .cvAppeal{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
	margin: 25px auto 69px;
}

#cvCont .cvAppeal li{
	width: 112px;
	height: 112px;
	box-sizing: border-box;
	text-align: center;
	border: 2px solid #eb3d3d;
	border-radius: 50%;
	background-color: #eb3d3d;
	color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
	margin-right: 12px;
}

#cvCont .cvAppeal li:nth-of-type(2){
	background-color: #fff;
	color: #eb3d3d;
	margin-right: 0;
}
#cvCont .cvAppeal li p{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.33;
}

/* ----- cvFlow ----- */
/* PC */
@media (min-width: 769px) , print{
	#cvCont .cvFlow{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: start;
		align-items: start;
		-webkit-justify-content: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-moz-box-pack: center;
		justify-content: center;
	}
}

/* ----- alarm ----- */
#cvCont .cvFlow .alarm{
	width: 100%;
	max-width: 270px;
}
/* SP */
@media (max-width: 768px) {
	#cvCont .cvFlow .alarm{
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
}
#cvCont .cvFlow .alarm .img{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-box-pack: center;
  justify-content: center;
	margin-bottom: 17px;
}
#cvCont .cvFlow .alarm .img p:first-of-type{
	margin-right: 13px;
}
#cvCont .cvFlow .alarm .img p{
	max-width: 128px;
}
#cvCont .cvFlow .alarm > .txt{
	width: 269px;
}

/* ----- flowCon ----- */
#cvCont .cvFlow .flowCon{
	text-align: center;
	width: 100%;
	max-width: 524px;
  margin-left: -7px;
}
/* tab */
@media (max-width: 1040px) and (min-width: 769px) {
	#cvCont .cvFlow .flowCon{
		margin-left: 0;
	}
}
/* SP */
@media (max-width: 768px) {
	#cvCont .cvFlow .flowCon{
		margin-left: auto;
		margin-right: auto;
	}
}

/*01*/
#cvCont .cvFlow .flowCon li:nth-of-type(1){
  margin: 0 0 25px 22px;
	position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  -webkit-justify-content: space-between;
  -webkit-box-pack: space-between;
  -ms-flex-pack: space-between;
  -moz-box-pack: space-between;
  justify-content: space-between;
	width: 100%;
	max-width: 492px;
	background-image: url(../img/cvflow01_arrow1.png);
	background-repeat: no-repeat;
	background-position: 47% 48px;
	background-size: 248px
}
#cvCont .cvFlow .flowCon li:nth-of-type(1).retinaitemOn{
	background-image: url(../img/cvflow01_arrow1_2x.png);
}
/* tab */
@media (max-width: 1040px) and (min-width: 769px) {
	#cvCont .cvFlow .flowCon li:nth-of-type(1){
		margin-left: auto;
		margin-right: auto;
		padding-left: 2%;
		box-sizing: border-box;
	}
}
/* mid */
@media (max-width: 910px) and (min-width: 769px) {
	#cvCont .cvFlow .flowCon li:nth-of-type(1){
		background-image: url(../img/cvflow01_arrow1_mid.png);
		background-size: 208px;
	}
}
/* mid */
@media (max-width: 909px){
	#cvCont .cvFlow .flowCon li:nth-of-type(1){
		background-image: url(../img/cvflow01_arrow1_sp.png);
		background-size: 108px;
	}
}
/* SP */
@media (max-width: 768px) {
	#cvCont .cvFlow .flowCon li:nth-of-type(1){
		margin-left: auto;
		margin-right: auto;
	}
}

#cvCont .cvFlow .flowCon li:nth-of-type(1)::after{
	content: "";
	background-image: url("../img/cvflow01_arrow2_pc.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 9px;
	height: 71px;
	position: absolute;
	top: 52px;
	left: -15px;
	right: 0;
	margin: auto;
}
#cvCont .cvFlow .flowCon li:nth-of-type(1).retinaitemOn::after{
	background-image: url("../img/cvflow01_arrow2_sp.png");
}
/* SP */
@media (max-width: 768px) {
	#cvCont .cvFlow .flowCon li:nth-of-type(1)::after{
		background-image: url("../img/cvflow01_arrow2_sp.png");
	}
}

#cvCont .cvFlow .flowCon li:nth-of-type(1) .img{
	margin-bottom: 13px;
	width: 100%;
}
#cvCont .cvFlow .flowCon li:nth-of-type(1) .flowBox:nth-of-type(1) .img img{
	max-width: 69px;
}
#cvCont .cvFlow .flowCon li:nth-of-type(1) .flowBox:nth-of-type(2) .img img{
	max-width: 84px;
}

/*02*/
#cvCont .cvFlow .flowCon li:nth-of-type(2){
	margin-bottom: 18px;
}
#cvCont .cvFlow .flowCon li:nth-of-type(2) .img{
	margin-top: 11px;
  margin-left: -4px;
}
#cvCont .cvFlow .flowCon li:nth-of-type(2) .img img{
	width: 100%;
	max-width: 364px;
}
#cvCont .cvFlow .flowCon li:nth-of-type(2)::after{
	content: "";
	display: block;
	background-image: url("../img/cvflow02_arrow_pc.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	width: 9px;
	height: 71px;
	margin: 11px auto 0;
	position: relative;
	left: -2px;
}
#cvCont .cvFlow .flowCon li:nth-of-type(2).retinaitemOn::after{
	background-image: url("../img/cvflow02_arrow_sp.png");
}
/* SP */
@media (max-width: 768px) {
	#cvCont .cvFlow .flowCon li:nth-of-type(2)::after{
	background-image: url("../img/cvflow02_arrow_sp.png");
	}
}

/*03*/
#cvCont .cvFlow .flowCon li:nth-of-type(3) .img{
	margin-top: 18px;
}

#cvCont .cvFlow .flowCon li:nth-of-type(3) .img img{
	width: 100%;
	max-width: 524px;
}

/* ---------------------------------------------------------------- *
	service
 * ---------------------------------------------------------------- */
#service{
	background-color: #eeeeee;
  padding-bottom: 75px;
}

#service li:not(.noFlex){
	margin-bottom: 37px;
}
/* PC */
@media (min-width: 769px) , print{
	#service li:not(.noFlex){
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-justify-content: space-between;
		-webkit-box-pack: space-between;
		-ms-flex-pack: space-between;
		-moz-box-pack: space-between;
		justify-content: space-between;
	}
	#service li:nth-of-type(2){
		margin-bottom: 61px;
	}
}

/* ----- info ----- */
/* PC */
@media (min-width: 769px) , print{
	#service li:not(.noFlex) .info{
		width: 48.571%;
		margin-right: 2.858%;
	}
	#service li:nth-of-type(2) .info{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: start;
		align-items: start;
		-webkit-justify-content: start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-moz-box-pack: start;
		justify-content: start;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#service li:nth-of-type(2) .info .infoHead
	#service li:nth-of-type(2) .info .txt{
		width: 100%;
	}
}

/* SP */
@media (max-width: 768px) {
	#service li{
    margin-bottom: 37px;
	}
	#service li:not(.noFlex) .info{
    margin-bottom: 37px;
	}
	#service li:last-of-type,
	#service li:not(.noFlex) .info:last-of-type{
    margin-bottom: 37px;
	}
}

#service li:not(.noFlex) .info:last-of-type{
	margin-right: 0;
}

/* ----- img ----- */
#service li .img{
	padding-top: 17px;
	text-align: center;
}
#service li:first-of-type .img{
	padding-top: 5px;
	width: 100%;
	max-width: 475px;
}
#service li:nth-of-type(3) .img{
	margin-top: 22px;
	padding: 31px 40px 28px;
  background-color: #fff;
  border: 1px solid #707070;
	text-align: left;
	word-break: break-all;
}
#service li:nth-of-type(3) .img img{
  border: none;
	margin-top: 6px;
	margin-bottom: 10px;
}
#service li:nth-of-type(3) .img p:last-of-type{
  font-size: 12px;
}
#service li:nth-of-type(3) .img a{
	color: #000;
	text-decoration: none;
  display: inline;
}
#service li .img img,
#service li:nth-of-type(2) .info:nth-of-type(1) .txtBox{
	border: 1px solid #707070;
}

/*02*/
#service li:nth-of-type(2) .info:nth-of-type(1) .img{
	text-align: left;
	width: 100%;
}
#service li:nth-of-type(2) .info:nth-of-type(1) .txtBox{
	padding: 14px 32px;
	background-color: #fff;
}
#service li:nth-of-type(2) .info:nth-of-type(1) dt{
	font-weight: 700;
	margin-bottom: 3px;
}
#service li:nth-of-type(2) .info:nth-of-type(1) dt::before,
#service li:nth-of-type(2) .info:nth-of-type(1) dt::after{
  font-feature-settings: "palt";
}
#service li:nth-of-type(2) .info:nth-of-type(1) dt::before{
  content: "【";
	padding-right: 0.2em;
}
#service li:nth-of-type(2) .info:nth-of-type(1) dt::after{
  content: "】";
	padding-left: 0.2em;
}
#service li:nth-of-type(2) .info:nth-of-type(1) dd{
	line-height: 1.6;
  padding-left: 1.2em;
  text-indent: -1.2em;
}

/* PC */
@media (min-width: 769px) , print{
	#service li:nth-of-type(2) .info .img{
		margin-top: auto;
	}
	#service li:nth-of-type(2) .info:nth-of-type(1) .txtBox{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: start;
		align-items: start;
		-webkit-justify-content: start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-moz-box-pack: start;
		justify-content: start;
	}
	#service li:nth-of-type(2) .info:nth-of-type(1) dl{
		margin-right: 18px;
	}
	#service li:nth-of-type(2) .info:nth-of-type(1) dl:last-of-type{
		margin-right: 0;
	}
}

/* SP */
@media (max-width: 768px) {
	#service li:nth-of-type(2) .info:nth-of-type(1) dl{
		margin-top: 12px;
	}
	#service li:nth-of-type(2) .info:nth-of-type(1) dl:first-of-type{
		margin-top: 0;
	}
	#service li:nth-of-type(3) .img{
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* ----- h2 ----- */
#service h2{
	font-size: 24px;
	position: relative;
	padding-left: 14px;
	margin-bottom: 23px;
	line-height: 1.25;
}
#service h2::before{
	content: "";
	display: block;
	width: 5px;
	height: calc(100% - 5px);
	background-color: #000;
	position: absolute;
	top: .13em;
	left: 0;
}
#service h2 span{
	display: block;
}

#service li:nth-of-type(2) h2{
  margin-bottom: 20px;
}
#service li:nth-of-type(2) .info:nth-of-type(2) h2{
  margin-bottom: 19px;
}
#service li:nth-of-type(3) h2{
  margin-bottom: 18px;
}

/* ----- h3 ----- */
#service h3{
  font-size: 18px;
  border-bottom: 2px solid #0092d7;
  margin-bottom: 9px;
	padding-bottom: 2px;
}

/* ----- infoBox ----- */
#service .infoBox{
  margin-bottom: 22px;
}

/* ---------------------------------------------------------------- *
	footer
 * ---------------------------------------------------------------- */
#footer{
	background-color: #0092d7;
	color: #fff;
	text-align: center;
	padding-top: 59px;
	padding-bottom: 22px;
	line-height: 2;
	position: relative;
	border-top: 1px solid #eeeeee;
}
#footer::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
  height: 0;
  border-style: solid;
  border-width: 202px 609px 0 0;
  border-color: #dce000 transparent transparent transparent;
}
/* SP */
@media (max-width: 768px) {
	#footer::before{
		-webkit-transform: scale(.3, .3);
		-ms-transform: scale(.3, .3);
		-o-transform: scale(.3, .3);
		transform: scale(.3, .3);
		transform-origin:left top;
	}
	#footer .footerTxt{
		text-align: left;
	}
}

#footer .inner{
	position: relative;
}

#footer .logo{
	margin: 57px auto 52px;
	width: 100%;
	max-width: 246px;
}

#footer .copyright{
	font-size: 10px;
	line-height: 1;
}

/* ---------------------------------------------------------------- *
	pagetop
 * ---------------------------------------------------------------- */
#pagetop p{
	position: fixed;
	bottom: 19px;
	right: 20px;
	display: block;
	opacity: 0;
	visibility: hidden;
	z-index: 2;
	width: 50px;
	margin-left: auto;
  -webkit-transition-duration: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#pagetop p.active{
	visibility: visible;
	opacity: 1;
}
#pagetop p img{
  -webkit-transition-duration: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#pagetop p:hover img{
	opacity: .6;
	cursor: pointer;
}
#pagetop.endPage p{
	position: relative;
}

#pagetop{
	height: 50px;
	width: 100%;
	position: relative;
	text-align: right;
	background-color: #eeeeee;
	box-sizing: border-box;
}