@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

html {
height: 100%;
overflow-y: scroll;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 300;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
*,
*:before,
*:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
_:-ms-lang(x), html {
  transform: rotate(0.001deg);
}


@media print {
html,
html body {}
}

a {
	color:#333;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
a:visited {}
a:hover,
a:active { text-decoration: none;}

.txtC{text-align:center !important;}
.txtR{text-align:right !important;}
.txtL{text-align:left !important;}
.bold{font-weight:bold !important;}
.normal{font-weight:normal !important;}
sup   { font-size: 64%; vertical-align: top;}
sub   { font-size: 78%; vertical-align: baseline;}



/* -------------------------------------------------------
inline align
------------------------------------------------------- */
.taL {text-align: left   !important;}
.taC {text-align: center !important;}
.taR {text-align: right  !important;}
.vaT {vertical-align: top    !important;}
.vaM {vertical-align: middle !important;}
.vaB {vertical-align: bottom !important;}

/* -------------------------------------------------------
float
------------------------------------------------------- */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}

/* -------------------------------------------------------
Tools
------------------------------------------------------- */
.clear {clear: both;}
.block {display: block;}
.hide  {display: none;}
.bgN   {background: none !important;}
.tdU   {text-decoration: underline;}
.tdN   {text-decoration: none;}


/* -------------------------------------------------------
font
------------------------------------------------------- */
@font-face {
    font-family: 'GENJ';
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/GenJyuuGothicX-Medium.eot');
    src: url('../../fonts/GenJyuuGothicX-Medium.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/GenJyuuGothicX-Medium.ttf') format('truetype'),
    url('../../fonts/GenJyuuGothicX-Medium.woff') format('woff');
}
@font-face {
    font-family: 'GENJ';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/GenJyuuGothicX-Bold.eot');
    src: url('../../fonts/GenJyuuGothicX-Bold.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/GenJyuuGothicX-Bold.ttf') format('truetype'),
    url('../../fonts/GenJyuuGothicX-Bold.woff') format('woff');
}
@font-face {
    font-family: 'GENJ';
    font-style: normal;
    font-weight: 900;
    src: url('../../fonts/GenJyuuGothicX-Heavy.eot');
    src: url('../../fonts/GenJyuuGothicX-Heavy.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/GenJyuuGothicX-Heavy.ttf') format('truetype'),
    url('../../fonts/GenJyuuGothicX-Heavy.woff') format('woff');
}
.genjyuuM{
    font-family: GENJ;
    font-weight: 300;
}
.genjyuuB{
    font-family: GENJ;
    font-weight: 700;
}
.genjyuuH{
    font-family: GENJ;
    font-weight: 900;
}

/* -------------------------------------------------------
img
------------------------------------------------------- */
img {
  width: 100%;
  height: auto;
  border: 0;
}
/* img hover */
a:hover img{
	opacity:0.7;
}


/* -------------------------------------------------------
 body
------------------------------------------------------- */
body{
	width:100%;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 16px;
	line-height: 1.7;
	color: #000;
}


/* -------------------------------------------------------
contents
------------------------------------------------------- */
.contents,
.inner{
	margin: 0 auto;
	padding:0;
	width: 1000px;
	text-align: left;
	position: relative;
}
@media screen and (max-width:1145px){
	.inner{
		width: auto;
		max-width: 1000px;
	}
}
@media screen and (max-width:768px){
	.contents,
	.inner{
		/* padding:0 20px; */
		padding:0 2.6666666667%;
		width:100%;
		max-width:100%;
	}
}


/* -------------------------------------------------------
sp/tb/pc
------------------------------------------------------- */
.pc {display:block;}
.sp {display:none;}
.sp2 {display:none}
@media screen and (max-width:768px){
	.pc {display:none;}
	.sp {display:block;}
	.sp2 {display:none;}
}
@media screen and (max-width:640px){
	.pc {display:none;}
	.sp {display:block;}
	.sp2 {display:block;}
	.pcTb{display:none;}
}
@media screen and (min-width:641px){
	.pcTb{display:block;}
}


/* -------------------------------------------------------
 header
------------------------------------------------------- */
.header {
	width:100%;
	min-width: 1000px;
  margin: auto;
	border-bottom: solid 1px #ccc;
}
.headerInner{
	min-height:40px;
	width:1000px;
	margin: 0 auto;
	text-align: left;
	display: table;
}
.headerInner .siteid{
	width: 92px;
	display:table-cell;
	vertical-align: middle;
}
.siteid a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.headerInner p{
	font-size: 84%;
	padding-left: 16px;
	display:table-cell;
	vertical-align: middle;
	line-height: 1;
	color: #333;
}

@media screen and (max-width:768px){
	.header{min-width: 100%;}
	.headerInner{
		padding:10px 20px;
		width: 100%;
	}
}
@media screen and (max-width:640px){
	.headerInner{
		padding:10px;
	}
	.headerInner .siteid{
		width:26%;
	}
	.headerInner p{
		font-size: 70%;
		line-height: 1.3
	}
}
@media screen and (max-width:320px){
	.headerInner p{
		font-size:64%;
		padding-top: 4px;
	}
}


/* -------------------------------------------------------
 conversion header / sp
------------------------------------------------------- */
.cvHeader{display: none;}
@media screen and (max-width:768px){
	.cvHeader{
		width:100%;
		display: none;
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		padding: 12px 10px;
		box-shadow:0px 0px 8px 0px rgba(8,8,8,0.2);
		z-index: 100;
	}
	.cvHeader ul{
		display: flex;
		justify-content: space-between;
	}
	.cvHeader ul li{
		width: 48.5%;
		text-align: center;
		color: #fff;
		line-height: 1;
		font-family: GENJ;
  	font-weight: 700;
	}
	.cvHeader ul li i{
		margin-right: 3px;
	}
	.cvHeader ul li a{
		text-decoration:none;
		color: #fff;
	}
	.cvHeader ul li.tel{
		padding: .7em 0;
		font-size: 114%;
		background-color:#0075c2;
		border-bottom: solid 5px #2c348f;
	}
	.cvHeader ul li.tel a{
		background:url("../../img/indeed/icon_cH_tel.png") no-repeat 1px 51%;
		background-size: 12px;
		padding-left: 17px;
	}
	.cvHeader ul li.mail{
		padding: 1em 0 .5em;
		font-size: 96%;
		background-color:#f08300;
		border-bottom: solid 5px #d95d0e;
	}
	.cvHeader ul li.mail a{
		/* background:url("../../img/indeed/logo_wt.png") no-repeat 0 50%; */
		background:url("../../img/indeed/icon_cH_mail.png") no-repeat 1px 51%;
		background-size: 17px;
		padding-left: 24px;
		/* padding-left: 42px; */
	}
	.cvHeader ul li.spLogo{
		padding-top: 10px;
	}
	.cvHeader ul li.spLogo img{
		width: auto;
		height: 30px;
	}

}
@media screen and (max-width:320px){
	.cvHeader ul li.tel{
		padding: 0.8em 0;
		font-size: 98%;
	}
	.cvHeader ul li.tel a{
		background:url("../../img/indeed/icon_cH_tel.png") no-repeat 1px 50%;
		background-size: 11px;
		padding-left: 14px;
	}
	.cvHeader ul li.mail{
		padding: .8em 0 .8em;
		font-size: 94%;
	}
	.cvHeader ul li.mail a{
		background:url("../../img/indeed/icon_cH_mail.png") no-repeat 1px 51%;
		background-size: 15px;
		padding-left: 20px;
	}
}



/* -------------------------------------------------------
  mv
------------------------------------------------------- */
.mv{
	width: 100%;
	min-width: 1000px;
	display: block;
	margin: 0;
}
/*pc*/
.mvTb,.mvSp{display: none;}
.mvPc{
	display: block;
	width: 100%;
	position: relative;
	padding-top: 31px;
	text-align: center;
	background: url("../../img/indeed/mv_bg.jpg") center bottom repeat-x;
	background-size: 100%;
}
.mvPc h2 {
  max-width: 1124px;
	max-height: 600px;
	margin: auto;
	text-align: center;
}
@media screen and (max-width:768px){
	/*tb*/
	.mv{min-width: 100%;}
	.mvPc,.mvSp{display: none;}
	.mvTb{
		display: block;
		background-image: none;
		padding-top: 31px;
	}
	.mvTb h2 {
		width: 100%;
	}
}

@media screen and (max-width:640px){
	/*sp*/
	.mvPc,.mvTb{display: none;}
	.mvSp{
		display: block;
		background-image: none;
		padding-top: 20px;
	}
	.mvSp h2 {
		width: 100%;
	}
}


/* -------------------------------------------------------
  cv
------------------------------------------------------- */
.cv{
	background-color: #2c348f;
	padding:20px 0;
	width: 100%;
	min-width: 1000px;
}
.cv p{
	margin-bottom: 17px;
	width: 63.9%;
	float: left;
	font-family: GENJ;
  font-weight: 700;
	font-size: 114%;
	color: #fff;
	line-height: 1;
}
.cv .cvTel{
	width: 63.4%;
	float: left;
	-webkit-box-shadow: 0px 0 0px 0px #666;
	-moz-box-shadow: 0px 0 0px 0px #666;
	box-shadow: 0px 0 0px 0px #666;
}
.cv .cvTel dl{
	border: solid 1px #fff;
	border-radius:5px;
	background-color: #fff;
	display: table;
	width: 100%;
}
.cv .cvTel dt,
.cv .cvTel dd{
	display: table-cell;
	padding: 10px 14px;
	vertical-align: middle;
	font-family: GENJ;
  font-weight: 700;
	color: #2c348f;
}
.cv .cvTel dt{
	background-color: #e4f3ff;
	width: 41%;
	font-size: 120%;
}
.cv .cvTel dd{
	width: 59%;
	background: url("../../img/indeed/icontelL.png") no-repeat 15px center;
	background-size: 41px;
	padding-left: 65px;
	padding-right:8px;
	font-size: 242%;
	line-height: 1.2;
	letter-spacing: 0.02em;
}
.cv .cvTel dd span{
	display: block;
	font-size: 46%;
	font-weight: 500;
	line-height: 1;
	padding-left: 2px;
}
.cv .cvTel dd a{
	text-decoration:none;
	color: #2c348f;
}
.cv .cvForm{
	width: 33.7%;
	position: absolute;
	right:0;
	top:-11px;
}
.cv a .cvForm .acLink{
	background: linear-gradient(0deg, #fc7e18, #fda65f);
	border-radius:5px;
	position: relative;
	padding:0 72px 10px 25px;
	margin-top: 14px;
	-webkit-box-shadow: 0px 0 0px 0px #666;
	-moz-box-shadow: 0px 0 0px 0px #666;
	box-shadow: 0px 0 0px 0px #666;
}
@media (min-width: 1025px){
	.cv a .cvForm .acLink{
		transition: .1s;
		-webkit-transition: all 0.1s ease-out;
		transition: all 0.1s ease-out;
		 -webkit-backface-visibility:hidden;
		backface-visibility:hidden;
	}
	.cv a .cvForm .acLink a:after{
    transition: .1s;
    transform: translate3d(0, 0, 0);
	}
	.cv a:hover .cvForm .acLink{
	background: linear-gradient( 180deg, #d45f00, #f88222);
	opacity: 1;
	padding:0 72px 7px 25px;
	margin-top: 17px;
	}
	.cv a:hover .cvForm .acLink img{
		opacity: 1;
	}
}

.cv .cvForm .acLink span{
	position:relative;
	top:-12px;
}
.cv .cvForm .acLink .cvArw{
	position: absolute;
	margin-top: -30px;
	top:50%;
	right:46px;
	z-index: 10;
  -webkit-animation: bltdwn 1.5s infinite;
  animation: bltdwn 1.5s infinite;
}
.cv .cvForm .acLink .cvArw:after {
	position: absolute;
	width: 22px;
	height: 22px;
	content: '';
	border-right: 6px #fff solid;
	border-bottom: 6px #fff solid;
	-ms-transform: translateX(5px) rotate(45deg);
	-webkit-transform: translateX(5px) rotate(45deg);
	transform: translateX(5px) rotate(45deg);
}
@-webkit-keyframes bltdwn {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: translate(0, 20px);
    opacity: 0; }
}
@keyframes bltdwn {
  0% {
    transform: translate(0, 0);
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    transform: translate(0, 20px);
    opacity: 0; }
}


.cvPc{display: block;}
.cvTb{display: none;}
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}


@media screen and (max-width:768px){
	/*tb*/
	.cv{
		padding:30px 20px;
		min-width: 100%;
	}
	.cvPc{display: none;}
	.cvTb{display: block;}
	.cv p{
		margin-bottom: 16px;
		width:100%;
		font-size: 170%;
		float:none;
		text-align: center;
		line-height: 1.3;
	}
	.cv .cvTel{
		width:100%;
		float:none;
	}
	.cv .cvTel dt{
		padding:10px 10px 10px 15px;
		font-size: 135%;
    letter-spacing: -0.05em;
	}
	.cv .cvTel dd{
		padding-right: 10px;
		font-size: 262%;
	}

	.cv .cvForm{
		width:100%;
		float:none;
		margin-top: 25px;
		position: inherit;
		right:auto;
		top:auto;
	}
	.cv a .cvForm .acLink{
		padding:0 70px 0px 30px;
		margin-top: 20px;
	}
	.cv .cvForm .acLink span{
		top:-12px;
	}
	.cv .cvForm .acLink .cvArw{
		right:52px;
	}
	.cv .cvForm .acLink .cvArw:after {
		position: absolute;
		width: 24px;
		height: 24px;
	}
}

@media screen and (min-width: 640px) and (max-width: 767px) {
	.cv p{
		font-size: 3.5vw;
	}
	.cv .cvTel dt{
		font-size: 2.5vw;
	}
	.cv .cvTel dd{
		font-size: 4.5vw;
	}
}

@media screen and (max-width:640px){
	/*sp*/
	.cv{
		padding:20px 0;
	}
	.cv > .inner{
		padding-left:15px;
		padding-right:15px;
	}
	.cv p{
		font-size: 116%;
		letter-spacing: -0.07em;
		margin-bottom: 10px;
	}
	.cv .cvTel dt{
		font-size: 82%;
		padding: 8px 0 8px 7px;
		letter-spacing: -0.08em;
		line-height: 1.3;
	}
	.cv .cvTel dd{
		padding-right: 2px;
		width: 59%;
		background: url("../../img/indeed/icontelL.png") no-repeat 5px center;
		background-size: 22px;
		padding-left: 30px;
		font-size: 160%;
		line-height: 1.2;
		letter-spacing: 0.01em;
		padding-top: 7px;
	}
	.cv .cvTel dd span{
		padding-left:2px;
	}
	.cv a .cvForm .acLink{
		padding:1px 40px 4px 15px;
		margin-top: 16px;
	}
	.cv .cvForm .acLink span{
		top:-6px;
	}
	.cv .cvForm .acLink .cvArw{
		right:34px;
		margin-top: -20px;
	}
	@keyframes bltdwn {
		100% {
			transform: translate(0, 10px);
			opacity: 0; }
	}
	.cv .cvForm .acLink .cvArw:after {
		position: absolute;
		width: 16px;
		height: 16px;
	}

}
@media screen and (max-width:380px){
	.cv p{
		font-size:103%;
	}
	.cv .cvTel dt{
		font-size: 74%;
	}
	.cv .cvTel dd{
		font-size: 142%;
	}
	.cv a .cvForm .acLink{
		padding:5px 40px 4px 15px;
	}
}
@media screen and (max-width:360px){
	.cv p{
		font-size:98%;
	}
	.cv .cvTel dt{
		font-size: 70%;
	}
	.cv .cvTel dd{
		font-size: 134%;
	}
}
@media screen and (max-width:320px){
	.cv p{
		font-size:86%;
	}
	.cv .cvTel dt{
		font-size: 63%;
	}
	.cv .cvTel dd{
		background: url(../../img/indeed/icontelL.png) no-repeat 5px center;
		background-size: 18px;
		padding-left: 24px;
		font-size: 118%;
	}
	.cv .cvTel dd span{
		letter-spacing: -0.02em;
	}
}


/* -------------------------------------------------------
  qa
------------------------------------------------------- */
.qa{
	background-color: #e7f6ff;
	width: 100%;
	min-width: 1000px;
	padding: 80px 0 90px;
	position: relative;
	overflow: hidden;
	/*box-shadow:0px 0px 8px 0px rgba(8,8,8,0.2);*/
	-webkit-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	-moz-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	-ms-filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	filter:drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.2));
	z-index: 2;
}
.qa:before{
	content: "";
	position: absolute;
	bottom: -168px;
	left: 0;
	width: 0;
	height: 0;
	right:0;
	border: 84px solid transparent;
	border-top-color: #e7f6ff;
	margin: auto;
}
.qa .inner > h3{
	text-align: center;
	margin: 0 auto 50px;
}
.qa .inner > h3 p{
	padding: 26px 74px 20px;
	display: inline-block;
	background-color: #fff;
	color: #2c348f;
	font-family: GENJ;
  font-weight: 700;
	border-radius:5px;
	font-size:350%;
	line-height: 1;
	box-shadow:0px 3px 0px 0px #c3c5e1;
}
.qa .inner > h3 p img{
	width:  210px;
}
.qa .inner > h3 p span{
	position: relative;
	line-height: 1;
	padding-left:10px;
}
.qaBox{
	background-color: #fff;
	margin-top:70px;
	box-shadow:0px 0px 8px 0px rgba(8,8,8,0.2);
	position: relative;
}
.qaBox.qa1 {margin-top:80px;}
.qaBox.qa2 {margin-top:130px;}
.qaBox.qa3 {margin-top:110px;}

/* Q
------------------------------------- */
.qaBox .q{
	position:absolute;
	width: 800px;
	background-color: #fff;
	border-radius:10px;
	border: solid 4px #3f62c8;
	padding: 16px 30px;
	font-family: GENJ;
  font-weight: 700;
	color: #3f62c8;
	font-size: 237%;
	letter-spacing: 0.05em;
	line-height: 1;
	z-index: 2;
}
/*q1/q3*/
.qaBox.qa1 .q,
.qaBox.qa3 .q{
	left: -30px;
	top:-30px;
}
/*q2*/
.qaBox.qa2 .q{
	right: -30px;
	top:-56px;
}
.qaBox.qa1 .q:after,
.qaBox.qa3 .q:after{
  content: "";
  position: absolute;
  right: 70px;
  bottom: -40px;
  margin: auto;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 50px 0px 0 40px;
	-ms-transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.qaBox.qa2 .q:after{
  content: "";
  position: absolute;
  right: 70px;
  bottom: -40px;
  margin: auto;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  border-width: 50px 40px 0 0px;
  transform: rotate(15deg);
}
.qaBox .q span{
	font-size: 126%;
	padding-right:17px;
}
/* A
------------------------------------- */
.qaBox .a{
	position: relative;
}
.qaBox .a p{
	background-color: #3f62c8;
	width: 100%;
	position: relative;
	z-index: 1;
	padding:75px 13px 25px;
	color: #fff;
	font-size: 250%;
	line-height: 1.2;
	font-weight: 900;
	display: table;
}
.qaBox.qa1 .a p,
.qaBox.qa3 .a p{
	padding-right: 25%;
}
.qaBox.qa2 .a p{
	padding-left: 25%;
	padding-top:52px;
}

.qaBox .a p span{
	display: table-cell;
	vertical-align: middle;
	padding-left:3.2em;
	position: relative;
  top: 3px;
}
.qaBox .a p:before{
	position: absolute;
	font-size: 126%;
	background-color: #cfeaff;
	border-radius: 50%;
	border:solid 4px #fff;
	content: "A";
	font-family: GENJ;
  font-weight: 700;
	color: #3f62c8;
	text-align: center;
	vertical-align: middle;
	width: 2em;
	height: 2em;
	display: table-cell;
	vertical-align: middle;
	padding:.3em;
}
.qaBox .a > .aImg{
	position: absolute;
	bottom: 0;
	z-index: 3;
	width: 22.5%;
}
.qaBox.qa1 .a > .aImg,
.qaBox.qa3 .a > .aImg{
	right: 20px;
}
.qaBox.qa2 .a > .aImg{
	left: 20px;
	width: 20.5%;
}
.qaBox .aCont{
	position: relative;
	padding: 30px 30px;
	font-size: 124%;
}

/*a1*/
.qaBox.qa1 .aCont > p{
	margin-bottom: 24px;
}
.a1fig01{
	float: right;
	width: 570px;
	margin-top: 18px;
	height:280px;
	background-color: #fffbd6;
	border: solid 3px #ff8502;
	position: relative;
}
.a1fig01 h4,
.a1fig02 h4{
	position: relative;
	top: -18px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-size:120%;
	line-height: 1;
	font-family: GENJ;
	font-weight: 900;
	background-color:#ff8502;
	padding: 8px;
}
.a1fig01 h4:after,
.a1fig02 h4:after{
	content: "";
  position: absolute;
  right: 50%;
  bottom: -10px;
  margin: auto;
  border-style: solid;
  border-color: #ff8502 transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}
.a1fig01 h5{
	display: block;
	text-align: center;
	color:#0e59fb;
	font-weight: bold;
	font-size:120%;
	margin-top: -10px;
}
.a1fig01 p{
	font-size:78%;
	margin-bottom: 10px;
	padding: 0 20px;
}
.a1fig01 .taC img{
	width: 63%;
}
.a1fig02{
	float: left;
	width:340px;
	margin-top: 18px;
	height:280px;
	background-color: #fff;
	border: solid 3px #cfeaff;
	position: relative;
}
.a1fig02 h4{
	background-color:#cfeaff;
	color: #34699f;
	width: 90%;
	font-size:113%;
	text-align: center;
}
.a1fig02 h4:after{
  border-color: #cfeaff transparent transparent transparent;
}
.a1fig02 h5{
	display: block;
	text-align: center;
	color:#797979;
	font-weight: bold;
	font-size:145%;
	margin-bottom: 15px;
}
.a1fig02 table{
	width: 90%;
	margin: auto;
}
.a1fig02 table td{
	font-size:108%;
	text-align: center;
	font-family: GENJ;
	font-weight: 400;
	color: #666666;
}

/*a2*/
.qaBox.qa2 .aCont {
	position: relative;
}
.qaBox.qa2 .aCont h4{
	position: relative;
	color: #3f62c8;
	font-size: 135%;
	display: block;
	margin-bottom: 16px;
	line-height: 1.3;
}
.qaBox.qa2 .aCont .a2fig02 h4,
.qaBox.qa2 .aCont .a2fig03 h4{
	font-size: 110%;
}
.meritIcon{width: 133px;}
/*a2fig01*/
.a2fig01{
	width: 100%;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: solid  1px #ccc;
}
.a2fig01 > .aImg{
	width: 254px;
	float: left;
}
.a2fig01 > .merit{
	float: right;
	width: 66%;
	padding-top: 20px;
}
.a2fig01 > .merit > .meritIcon{
	display: block;
	margin-left:-10px;
	margin-bottom: 10px;
}
/*a2fig02*/
.a2fig02{
	float: left;
	width: 50%;
	padding-right: 30px;
	border-right: solid  1px #ccc;
	position: relative;
}
.a2fig02 .aImg{
	bottom: 0;
	left: 30px;
	width: 140px;
	position: absolute;
}
.a2fig02 > .merit{
	float: right;
	width: 54%;
}
.a2fig02 .meritIcon{
	position: absolute;
	left:0;
	top:0;
}
.a2fig02 > .merit > p,
.a2fig03 > .merit > p {
	font-size: 92%;
}
/*a2fig03*/
.a2fig03{
	float: right;
	width: 50%;
	padding-left: 30px;
	position: relative;
}
.a2fig03 .aImg{
	bottom: 0;
	left: 30px;
	width: 190px;
	position: absolute;
}
.a2fig03 > .merit{
	float: right;
	width: 52%;
}
.a2fig03 .meritIcon{
	position: absolute;
	left:30px;
	top:0;
}

/*a3*/
.qaBox.qa3 .aCont .a3fig01{
	width: 34%;
	padding-left: 10px;
	float: left;
}
.qaBox.qa3 .aCont p{
	width: 60%;
	float: right;
}
.cap{font-size:82%;}

@media screen and (max-width:768px){
	.qa{
		background-color: #e7f6ff;
		width: 100%;
		min-width: 100%;
		padding: 30px 0 40px;
		overflow: inherit;
	}
	.qa:before{
		bottom:-150px;
		left:0;
		right:0;
		margin: auto;
	}
	.qa .inner > h3{
		margin: 0 auto 10px;
	}
	.qa .inner > h3 p{
		width: 100%;
		padding: 16px 60px 16px;
		font-size:350%;
		line-height: 1;
	}
	.qa .inner > h3 p img{
		width:36%;
	}
	.qa .inner > h3 p span{
		position: relative;
		padding-left: 0;
	}

	.qaBox.qa1 {margin-top:96px;}
	.qaBox.qa2 {margin-top:110px;}
	.qaBox.qa3 {margin-top:130px;}
	/* Q
	------------------------------------- */
	.qaBox .q{
		position:absolute;
		width:78%;
		padding: 14px 14px 18px;
		font-size: 210%;
		letter-spacing: 0.05em;
		line-height: 1;
		z-index: 2;
	}
	/*q1/q2/q3*/
	.qaBox.qa1 .q,
	.qaBox.qa2 .q{
		left: 2%;
		top:-50px;
	}
	.qaBox.qa3 .q{
		left: 2%;
		top:-70px;
		text-indent: -2.7em;
		padding-left:2.85em;
	}
	.qaBox.qa3 .q span{
		margin-left:0.3em;
	}
	.qaBox.qa1 .q:after,
	.qaBox.qa2 .q:after,
	.qaBox.qa3 .q:after{
		right: 60px;
		bottom: -25px;
		left: auto;
		border-width: 40px 0px 0 40px;
		-ms-transform: rotate(-15deg);
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}
	/* A
	------------------------------------- */
	.qaBox .a p,
	.qaBox.qa2 .a p{
		position: relative;
		z-index: 1;
		padding:46px 20px 22px;
		font-size: 230%;
		padding-right: 24%;
		padding-left:0;
	}
	.qaBox.qa3 .a p{
		padding-top:62px;
	}
	.qaBox .a p:before{
		position: absolute;
		left:20px;
	}
	.qaBox .a p span {
		display: table-cell;
		vertical-align: middle;
		padding-left: 3.6em;
		position: relative;
		top: 3px;
	}
	.qaBox.qa1 .a > .aImg,
	.qaBox.qa2 .a > .aImg,
	.qaBox.qa3 .a > .aImg{
		right: 10px;
		width: 21%;
		left: auto;
		z-index: 1;
	}
	.qaBox.qa3 .a > .aImg{
		width: 25%;
	}
	.qaBox .aCont{
		position: relative;
		padding: 26px 20px;
		font-size: 112%;
	}
	/*a1*/
	.qaBox.qa1 .aCont > p{
		margin-bottom: 40px;
		font-size: 	88%;
	}
	.a1fig01{
		float: none;
		width: 100%;
		margin-top: 18px;
		margin-bottom: 30px;
		height: auto;
		padding-bottom: 20px;
	}
	.a1fig01 h4{
		width: auto;
		position: relative;
		top: -22px;
		display: table;
		padding-left: 15px;
		padding-right: 15px;
		font-size:160%;
	}
	.a1fig01 h4 span{
		display: inline-block;
	}
	.a1fig01 h5{
		font-size:180%;
	}
	.a1fig01 .taC img{
		width:80%;
	}
	.a1fig02{
		float:none;
		width:100%;
		height: auto !important;
		padding-bottom: 14px;
	}
	.a1fig02 table{
		width: 70%;
	}
	.a1fig02 h4{
		position: relative;
		top: -22px;
		display: table;
    margin: auto;
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
		font-size:150%;
	}
	.a1fig02 h4 span{
		display: inline-block;
	}
	.a1fig02 h5{
		margin-bottom: 0;
	}

	/*a2*/
	.qaBox.qa2 .aCont {
		position: relative;
	}
	.qaBox.qa2 .aCont h4{
		position: relative;
		color: #3f62c8;
		font-size: 174%;
		display: block;
		margin-bottom: 16px;
		line-height: 1.3;
	}
	.qaBox.qa2 .aCont .a2fig02 h4,
	.qaBox.qa2 .aCont .a2fig03 h4{
		font-size: 162%;
	}
	.a2fig02 > .merit > p, .a2fig03 > .merit > p {
		font-size: 100%;
	}
	.meritIcon{
		width: 100px;
		margin-bottom: 10px;
	}
	/*a2fig01*/
	.a2fig01{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.a2fig01 > .aImg{
		width: 32%;
		padding-top: 10px;
	}
	.a2fig01 > .merit{
		width: 64%;
		padding-top:0;
	}
	.a2fig01 > .merit > .meritIcon{
		margin-left:0;
	}
	/*a2fig02*/
	.a2fig02{
		float: left;
		width: 50%;
		padding-right: 30px;
		border-right: solid  1px #ccc;
		position: relative;
	}
	.a2fig02 .aImg{
		bottom:auto;
		left: auto;
		width: 44%;
		position:inherit;
		text-align: center;
		margin:5px auto 0;
	}
	.a2fig02 > .merit{
		float: none;
		width: 100%;
	}
	.a2fig02 .meritIcon{
		position:inherit;
		left:auto;
		top:auto;
	}
	/*a2fig03*/
	.a2fig03{
		float: right;
		width: 50%;
		padding-left: 30px;
		position: relative;
	}
	.a2fig03 .aImg{
		position:inherit;
		left:auto;
		bottom:auto;
		width:60%;
		margin:10px auto 0;
	}
	.a2fig03 > .merit{
		float: none;
		width: 100%;
	}
	.a2fig03 .meritIcon{
		position:inherit;
		left:auto;
		top:auto;
	}
	/*a3*/
	.qaBox.qa3 .aCont .a3fig01{
		float: none;
		width: 100%;
		padding-left: auto;
		margin:20px auto 0;
		width:54%;
	}
	.qaBox.qa3 .aCont p{
		float: none;
		width: 100%;
	}
	.spTxt{
		font-size: 84%;
	}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
	.qaBox .q,
	.qaBox .a p, .qaBox.qa2 .a p{
		font-size: 4vw
	}
	.qaBox.qa2 .aCont h4{
		font-size: 4vw;
	}
	.qa .inner > h3 p{
		font-size: 4vw;
	}
}

@media screen and (max-width:640px){
	.qa .inner > h3 p{
		padding: 14px 24px 10px;
		font-size:160%;
	}
	.qa .inner > h3 p img{
		width:40%;
	}
	.qa .inner > h3 p span{
		position: relative;
	}
	.qa:before{
		bottom: -120px;
	}
	.qaBox.qa1 .q,
	.qaBox.qa2 .q{
		left: 2%;
		right: 2%;
    top: -1.5em;
	}
	.qaBox.qa3 .q{
		top:-2em;
		text-indent: -2.3em;
    padding-left: 2.3em;
	}
	.qaBox .q {
    width:96%;
    padding: 10px;
    font-size: 140%;
    letter-spacing: -0.02em;
		border: solid 3px #3f62c8;
  }
	.qaBox.qa1 {margin-top: 60px;}
	.qaBox.qa2 {margin-top: 70px;}
	.qaBox.qa3 {margin-top: 70px;}

	.qaBox.qa2 .q{
		letter-spacing: -0.08em;
	}
	.qaBox.qa1 .q:after, .qaBox.qa2 .q:after, .qaBox.qa3 .q:after{
		display:none;
	}
	.qaBox.qa1 .a p,
	.qaBox.qa2 .a p,
	.qaBox.qa3 .a p{
		padding-right:0;
		padding-left:0;
	}
	.qaBox.qa3 .a p{
		padding-top: 40px;
	}
	.qaBox.qa1 .a > .aImg,
	.qaBox.qa2 .a > .aImg,
	.qaBox.qa3 .a > .aImg{
		display:none;
	}
	.qaBox .q span {
		font-size: 114%;
		padding-right: 8px;
}
	.qaBox .a p:before{
		position: absolute;
		font-size: 118%;
		width: 2em;
		height: 2em;
		padding: .25em;
		 left: 10px;
	}
	.qaBox .a p span{
		padding-left:3.3em;
		padding-right: 5px;
	}
	.qaBox .a p,
	.qaBox.qa2 .a p {
		position: relative;
		z-index: 1;
		padding: 29px 20px 14px;
		font-size: 138%;
		padding-right: 10px;
		padding-left: 0;
	}
	.qaBox .aCont {
    padding: 20px 14px;
		font-size:104%;
	}
	/*a1*/
	.a1fig01 h4,
	.a1fig02 h4{
		font-size: 90%;
		padding:8px 5px;
		width: 94%;
	}
	.a1fig01 h5{
		font-size:140%;
	}
	.a1fig02 h4{
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	.a1fig02 h5{
		font-size: 112%;
	}
	.a1fig02 table{
		width: 90%;
	}
	.a1fig02 table td{
		font-size:90%;
	}

	/*a2*/
	.qaBox.qa2 .aCont h4{
		position: relative;
		color: #3f62c8;
		font-size: 124%;
		display: block;
		margin-bottom: 7px;
		line-height: 1.3;
	}
	.qaBox.qa2 .aCont .a2fig02 h4,
	.qaBox.qa2 .aCont .a2fig03 h4{
		font-size: 104%;
		letter-spacing: -0.05em;
	}
	.meritIcon{
		width: 80px;
		margin-bottom: 8px;
	}
	/*a2fig01*/
	.a2fig01 > .aImg{
		float: none;
		width: 60%;
		margin: auto;
	}
	.a2fig01 > .merit{
		float: none;
		width: 100%;
	}
	.a2fig01 > .merit > .meritIcon{
		margin-left:0;
	}
	.a2fig02 > .merit > p, .a2fig03 > .merit > p {
		font-size: 84%;
	}

	/*a2fig02*/
	.a2fig02{
		padding-right: 15px;
	}
	.a2fig02 .aImg{
		width: 64%;
	}
	/*a2fig03*/
	.a2fig03{
		padding-left: 15px;
	}
	.a2fig03 .aImg{
		width:80%;
	}

}

@media screen and (max-width:360px){
	.qaBox .q {
    font-size: 130%;
  }
	.qaBox.qa2 .aCont .a2fig02 h4,
	.qaBox.qa2 .aCont .a2fig03 h4{
		font-size: 100%;
	}
	.qaBox .a p span{
		padding-right: 0;
	}
	.a1fig01 p,
	.qaBox.qa1 .aCont > p,
	.spTxt{
		font-size: 	13px;
	}


}
@media screen and (max-width:320px){
	.qa .inner > h3 p{
		font-size:144%;
		padding: 14px 15px 10px;
	}
	.qaBox .a p,
	.qaBox.qa2 .a p{
		 font-size: 125%;
	}
	.qaBox.qa3 .a p{
		font-size: 122%;
	}
	.qaBox .q {
     font-size: 118%;
	}
	.qaBox.qa2 .aCont h4{
		font-size:116%;
	}
	.qaBox.qa2 .aCont .a2fig02 h4,
	.qaBox.qa2 .aCont .a2fig03 h4{
		font-size: 86%;
	}
	.a1fig01 h4,
	.a1fig02 h4{
		font-size: 82%;
		letter-spacing: -0.05em;
	}
	.a1fig01 h5 {
    font-size: 126%;
	}
	.a2fig02 > .merit > p, .a2fig03 > .merit > p{
		font-size:84%;
	}
}
@media screen and (max-width:360px){
	.a2fig02 > .merit > p, .a2fig03 > .merit > p{
		font-size:13px;
	}
}


/* -------------------------------------------------------
  advice
------------------------------------------------------- */
.advice{
	width: 100%;
	min-width: 1000px;
	padding: 80px 0 90px;
	position: relative;
	z-index: 1;
	background-color: #fffbd6;
	background-size: 14px 14px;
	background-image: linear-gradient(
	-45deg,
	#fffbd6 25%,
	#fffdef 25%,
	#fffdef 50%,
	#fffbd6 50%,
	#fffbd6 75%,
	#fffdef 75%,
	#fffdef);
	background-attachment: fixed;
}

/*adv img pc*/
.advImg01Tb,.advImg01Sp{display: none;}
.advImg01Pc{
	display: block;
	width: 100%;
}
/*adviceBtmImg pc*/
.advBtmImgTb,.advBtmImgSp{display: none;}
.advBtmImgPc{
	display: block;
	position: absolute;
	bottom:-90px;
	right:-10px;
	width: 367px;
	z-index: 5;
}
/*advBgBlue*/
.advBgBlue{
	text-align: center;
	background-color: #3f62c8;
	position: relative;
	padding: 26px;
	margin:-1px auto 96px;
}
.advBgBlue:before{
	content: "";
	position: absolute;
	bottom: -168px;
	left: 0;
	width: 0;
	height: 0;
	right:0;
	border: 84px solid transparent;
	border-top-color: #3f62c8;
	margin: auto;
}
.advBgBlue h3{
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 220%;
}
.advBgBlue h3 span{
	background:url("../../img/indeed/nami_ylw_s.png") left bottom repeat-x;
	background-size: 100%;
	padding-bottom: 8px;
}
.advBgBlue h3 span.txtL{
	background:url("../../img/indeed/nami_ylw.png") left bottom repeat-x;
	background-size: 100%;
	font-size:127%;
}
.advice > .inner > h4{
	text-align: center;
	font-size:225%;
	line-height: 1.3;
	margin: 0 auto 30px;
	font-weight: normal;
}
.advice > .inner > h4 span{
		font-weight: bold;
}
.advBgWhite{
	position: relative;
	background-color: #fff;
	margin: 10px 30px 0;
	padding: 30px 65px 40px;
	box-shadow:0px 0px 8px 0px rgba(8,8,8,0.2);
}
.advBgWhite h5{
	text-align: center;
	display: table;
	margin:0 auto 26px;
}
.advBgWhite h5 > span {
	display: table-cell;
	margin: auto;
	vertical-align: middle;
}
.advBgWhite h5 > span.icon{
	width: 69px;
	padding-right: 10px;
}
.advBgWhite h5 > span.txt{
	font-size:200%;
	color:#3f62c8;
	font-weight: 900;
	line-height: 1.2;
	text-align: left;
	position: relative;
	padding-top: 4px;
}
.advBgWhite h5 > span.txt .marker{
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffd71f 0%) repeat scroll 0 0;
	padding: 0 0 2px;
}
_:-ms-fullscreen, :root .advBgWhite h5 > span.txt .marker{
  padding: 5px 0 0;
}
@supports (-ms-ime-align:auto) {
.advBgWhite h5 > span.txt .marker{
    padding: 5px 0 0;
  }
}
.advBgWhite > ul{
	width:100%;
	border-top: solid 1px #ccc;
	margin-bottom: 24px;
}
.advBgWhite > ul li{
	display: block;
	font-size: 140%;
	border-bottom: solid 1px #ccc;
	padding: 16px 0;
	padding-left: 32px;
	text-indent: -32px;
}
.advBgWhite > ul li::before{
	content: "";
	display: inline-block;
	background: url("../../img/indeed/check.png") no-repeat;
	background-size: contain;
  vertical-align: middle;
	width: 25px;
	height:20px;
	padding-left: 32px;
}
.advBgWhite > .markI{
	display: table;
}
.advBgWhite > dl.markI > dt{
	display: table-cell;
	vertical-align: middle;
}
.advBgWhite > dl.markI > dt img{
	width:48px;
}
.advBgWhite > dl.markI > dd{
	display: table-cell;
	font-size: 108%;
	vertical-align: middle;
	padding-left: 20px;
}
@media screen and (max-width:1000px){
	.advBtmImgPc{
		right:0px;
	}
}
@media screen and (max-width:768px){
	.advice{
		min-width: 100%;
		padding-bottom: 75px;
	}
	/*adviceBtmImg tb*/
	.advBtmImgPc,.advBtmImgSp{display: none;}
	.advBtmImgTb{
		display: block;
		position: absolute;
		bottom:-75px;
		right:20px;
		width: 46%;
		z-index: 5;
	}
	/*adv img tb*/
	.advImg01Pc,.advImg01Sp{display: none;}
	.advImg01Tb{
		display: block;
	}
	.advBgBlue{
		padding: 16px 0 26px;
		margin-bottom: 90px;
	}
	.advBgBlue:before{
		bottom:-150px;
		left:0;
		right:0;
		margin: auto;
	}
	.advBgBlue h3{
		width:100%;
	}
	.advBgBlue h3 span{
			padding-bottom: 4px;
	}
	.advice > .inner > h4{
		font-size:210%;
		line-height: 1.3;
		margin-bottom: 15px;
	}
	.advBgWhite{
		margin: 10px auto 0;
		padding: 36px 20px;
	}
	.advBgWhite h5 img{
		width:78%;
	}
	.advBgWhite > ul li::before{
		content: "";
		display: inline-block;
		background: url("../../img/indeed/check.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
		width: auto;
		height:21px;
		padding-left: 32px;
	}
	.advBgWhite > ul li{
		font-size: 120%;
		padding-left: 32px;
		text-indent: -32px;
	}
	.advBgWhite > dl.markI > dd{
		line-height: 1.3;
		padding-left: 10px;
	}
}

@media screen and (max-width:640px){
	.advice{
		padding: 50px 0 74px;
	}
	/*adviceBtmImg sp*/
	.advBtmImgPc,.advBtmImgTb{display: none;}
	.advBtmImgSp{
		display: block;
		position: absolute;
		bottom:-74px;
		right:0px;
		width: 66%;
		z-index: 5;
	}
	/*adv img sp*/
	.advImg01Pc,.advImg01Tb{display: none;}
	.advImg01Sp{
		display: block;
	}
	.advBgBlue{
		margin-bottom:50px;
	}
	.advBgBlue:before{
		bottom: -120px;
	}
	.advBgBlue > .inner{
		padding:0 8px;
	}
	.advBgBlue h3{
		font-size: 120%;
	}
	.advBgBlue h3 span{
		padding-bottom:1px;
	}
	.advice > .inner > h4{
		font-size:134%;
		margin-bottom:10px;
	}
	.advBgWhite{
		padding: 24px 14px;
	}
	.advBgWhite h5{
		margin-bottom:20px;
	}
	.advBgWhite h5 > span.icon{
		width: 13%;
		padding-right: 0;
	}
	.advBgWhite h5 > span.txt{
		font-size:110%;
		padding-top: 4px;
		letter-spacing: -0.02em;
		line-height: 1.4;
	}
	.advBgWhite > ul{
		margin-bottom:14px;
	}
	.advBgWhite > ul li{
		font-size: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 25px;
		text-indent: -25px;
		line-height: 1.4;
	}
	.advBgWhite > ul li::before{
		content: "";
		display: inline-block;
		background: url("../../img/indeed/check.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
		width: 22px;
		height:18px;
		padding-left: 25px;
	}
	.advBgWhite > dl.markI > dt img{
		width:30px;
	}
	.advBgWhite > dl.markI > dd{
		font-size: 100%;
		padding-left:10px;
		line-height: 1.2;
	}

}
@media screen and (min-width: 420px) and (max-width: 640px) {
	.advice{
		padding: 50px 0 100px;
	}
	.advBtmImgSp{
		bottom:-100px;
	}
}

@media screen and (max-width:420px){
	.advBgWhite h5 > span.txt{
		font-size: 127%;
	}
}
@media screen and (max-width:380px){
	.advBgWhite h5 > span.txt{
		font-size: 112%;
	}
}
@media screen and (max-width:360px){
	.advBgWhite{
		padding: 22px 14px;
	}
	.advBgWhite h5 > span.txt{
		font-size:108%;
	}
	.advBgWhite > ul li{
		font-size: 94%;
		padding-left: 22px;
    text-indent: -22px;
	}
	.advBgWhite > ul li::before{
		content: "";
		display: inline-block;
		background: url("../../img/indeed/check.png") no-repeat;
		background-size: contain;
		vertical-align: middle;
		width: 18px;
		height:16px;
		padding-left: 22px;
	}
}
@media screen and (max-width:320px){
	.advice > .inner > h4{
		font-size: 114%;
	}
	.advBgWhite h5 > span.txt{
		font-size:  92%;
	}
	.advBgBlue > .inner {
    padding: 0 5px;
	}
	.advBgBlue h3{
		font-size: 110%;
		letter-spacing: -0.05em;
	}
	.advBgWhite > ul li{
		font-size: 84%;
	}
	.advBgWhite > dl.markI > dd{
		font-size:88%;
	}
	.advBtmImgSp {
		width: 75%;
	}
}

/* -------------------------------------------------------
  case
------------------------------------------------------- */
.case{
	background:url("../../img/indeed/bg_grid.jpg");
	width: 100%;
	min-width: 1000px;
	padding: 80px 0 100px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.case .inner > h3{
	text-align: center;
	margin: 0 auto 30px;
}
.case .inner > h3 p{
	display: inline-block;
	padding: 27px 74px 19px;
	background-color: #fff;
	color: #2c348f;
	font-family: GENJ;
  font-weight: 700;
	border-radius:5px;
	font-size:350%;
	line-height: 1;
	box-shadow:0px 3px 0px 0px #c3c5e1;
}
.case .inner > h3 p img{
	width:  210px;
	top: 5px;
	position: relative;
}
.case .inner > h3 p span{
	font-size: 120%;
}
/*casebox*/
.caseBox{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.caseBox .caseItem{
	position: relative;
	background-color: #fff;
	width: 48%;
	box-shadow:0px 0px 8px 0px rgba(8,8,8,0.2);
	margin-top: 40px;
}
.caseBox .caseItem .caseTtl{
	padding:46px 20px 24px;
	background-color: #fffce5;
	position: relative;
}
.caseBox .caseItem .caseTtl .icon{
	position: absolute;
	right: 24px;
	bottom: 0;
	z-index:1;
}
.case01 .icon{width:140px;}
.case02 .icon{width:136px;}
.case03 .icon{width:140px;}
.case04 .icon{width:140px;}

.caseBox .caseItem .caseTtl h4{
	color: #f86812;
	font-weight: 700;
	font-size: 155%;
	line-height: 1.2;
	margin-bottom: 20px;
	position: relative;
	z-index:2;
}
.caseBox .caseItem .caseTtl h4 span.b{
	font-weight: 900;
}
.caseBox .caseItem .caseTtl h4 span.s{
	font-size:70%;
}
.caseBox .caseItem .caseTtl h5{
	display: block;
	color:#2c348f;
	font-size: 125%;
	font-weight: normal;
	line-height: 1.5;
	position: relative;
	z-index:2;
}
.caseBox .caseItem .caseTtl h5 span{
	font-weight: bold;
	font-size: 135%;
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffd71f 0%) repeat scroll 0 0;
}
.caseBox .caseItem .caseTtl .comment{
	position: absolute;
	top:-18px;
	right:-10px;
	z-index: 2;
}
.case01 .comment{width:290px;}
.case02 .comment{width:292px;}
.case03 .comment{width:320px;}
.case04 .comment{width:244px;}

.caseBox .caseItem .caseTtl .comment p{
	position: relative;
  border: 2px solid #2d348f;
	padding: 10px 20px;
	font-family: GENJ;
  font-weight: 900;
	color: #2d348f;
	line-height: 1.3;
	background-color: #fff;
	border-radius: 8px;
	font-size: 160%;
}
.caseBox .caseItem .caseTtl .comment p:before{
	content: "";
  position: absolute;
	background-image: url("../../img/indeed/f_arw.png");
	background-size: 100%;
	right: 10%;
	bottom: -21px;
	width: 27px;
	height: 25px;
	z-index: 10;
}
.caseBox .caseItem .caseTxt{
	padding:20px;
}

@media screen and (max-width:768px){
	.case{
		min-width: 100%;
	}
	.case .inner > h3{
		margin: 0 auto;
	}
	.case .inner > h3 p{
		width: 100%;
		padding: 20px 30px 17px;
		font-size:330%;
		line-height: 1;
	}
	.case .inner > h3 p img{
		width:32%;
	}
	.case .inner > h3 p span{
		position: relative;
	}
	.caseBox .caseItem{
		width:100%;
		margin-top: 80px;
	}
	.caseBox .caseItem .caseTtl .comment{
		top:-40px;
		right: 13px;
	}
	.caseBox .caseItem .caseTtl h4{
		font-size: 205%;
		margin-bottom: 15px;
	}
	.caseBox .caseItem .caseTtl h5{
		font-size: 170%;
	}
	.case01 .icon{width:23%;}
	.case02 .icon{width:23%;}
	.case03 .icon{width:23%;}
	.case04 .icon{width:25%;}

	.case01 .comment,
	.case02 .comment,
	.case03 .comment,
	.case04 .comment{width:auto;}
	.caseBox .caseItem .caseTtl .comment p{
		padding: 8px 18px;
		font-size: 220%;
	}
	.caseBox .caseItem .caseTxt p{
		font-size:120%;
	}
}

@media screen and (min-width: 640px) and (max-width: 767px) {
	.case .inner > h3 p{
		font-size: 6vw;
	}
}
@media screen and (min-width: 420px) and (max-width: 640px) {
	.caseBox .caseItem .caseTtl .comment{
		top: -60px;
    right: 4px;
	}
}
@media screen and (max-width:640px){
	.case{
		padding: 40px 0;
	}
	.case .inner > h3 p{
		padding: 14px 5px 16px;
		font-size:150%;
	}
	.case .inner > h3 p img{
		width:34%;
		position: relative;
    /*top: 2px;*/
	}
	.case .inner > h3 p span{
		position: relative;
		top: -1px;
	}
	.caseBox .caseItem .caseTtl{
		padding:36px 14px 18px;
	}
	.caseBox .caseItem .caseTtl h4{
		font-size: 135%;
		margin-bottom: 15px;
	}
	.caseBox .caseItem .caseTtl h5{
		font-size: 108%;
		line-height: 1.3;
	}
	.caseBox .caseItem .caseTtl h5 span{
		font-size: 114%;
	}
	.caseBox .caseItem .caseTtl .icon{
		right: 12px;
	}
	.case01 .icon{width:26%;}
	.case02 .icon{width:26%;}
	.case03 .icon{width:26%;}
	.case04 .icon{width:26%;}
	.caseBox .caseItem .caseTtl .comment p{
		font-size: 128%;
		padding: 8px 18px;
	}
	.caseBox .caseItem .caseTxt{
		padding:20px 14px;
	}
	.caseBox .caseItem .caseTxt p{
		font-size:84%;
	}
}
@media screen and (max-width:360px){
	.caseBox .caseItem .caseTtl h4{
		font-size: 124%;
	}
	.caseBox .caseItem .caseTtl h5{
		font-size: 100%;
	}
}
@media screen and (max-width:320px){
	.case .inner > h3 p{
		font-size:130%;
	}
	.caseBox .caseItem .caseTtl h4{
		font-size: 114%;
	}
	.caseBox .caseItem .caseTtl h5{
		font-size: 88%;
	}
}

/* -------------------------------------------------------
  cv02
------------------------------------------------------- */
.cv02{
	background:url("../../img/indeed/bg_grid_bl.jpg");
	padding:5px 0 0;
	width: 100%;
	min-width: 1000px;
	position: relative;
	z-index: 2;
	height: 100%;
}
.cv02 > .inner{
	height:100%;
	padding-bottom: 28px;
}

.cv02 h3{
	margin: 20px auto;
	padding: 0 155px;
	text-align: center;
	z-index: 2;
	position: relative;
	color: #fff;
	font-size: 211%;
}
.cv02 >.inner > h3 span{
	background:url("../../img/indeed/nami_wt_s.png") left bottom repeat-x;
	background-size: 100%;
	padding-bottom: 2px;
	color: #ffd71f;
	font-size: 120%;
}
.cv02 >.inner > h3 span.txtL{
	background:url("../../img/indeed/nami_wt.png") left bottom repeat-x;
	background-size: 100%;
	font-size:127%;
}
.cv02 .inner > .iconL,
.cv02 .inner > .iconR{
	position: absolute;
	z-index: 1;
	bottom: 0;
}
.cv02 .inner > .iconL{
	left:-65px;
	width: 225px;
}
.cv02 .inner > .iconR{
	right:-65px;
	width: 232px;
}
.cv02 .bestplan{
	text-align: center;
	margin: 28px auto 0;
	position: relative;
	z-index: 2;
}
.cv02 .bestplan p{
	display: block;
	background-color: #fff;
	color: #2c348f;
	font-size: 220%;
	font-weight: bold;
	padding: 12px;
	line-height: 1.3;
	border-radius: 4px;
}
.cv02 > .ttlForm{
	width:100%;
	padding: 20px;
	background-color: #2c348f;
}
.cv02 > .ttlForm >.inner{
	padding-left:80px;
	padding-right:80px;
	padding-bottom: 0;
}
.cv02 > .ttlForm >.inner > p{
	color: #fff;
	font-family: GENJ;
  font-weight: 700;
	font-size: 220%;
	line-height: 1.2;
	text-align: center;
}
.cv02 > .ttlForm >.inner > p span{
	background: url("../../img/indeed/icon_mail.png") no-repeat left center;
	background-size: 32px;
	padding-left: 46px;
}
.cv02 > p{
	background-color: #fff;
	text-align:center;
	padding: 30px 0;
}
@media screen and (max-width:1145px){
	.cv02 .inner > .iconL{
		left:0px;
	}
	.cv02 .inner > .iconR{
		right:0px;
	}
}
@media screen and (max-width:768px){
	/*tb*/
	.cv02{
		min-width: 100%;
		overflow: inherit;
	}
	.cv02 h3{
		padding: 0 80px;
		font-size: 170%;
		line-height: 1.4;
	}
	.cv02 >.inner > h3 span{
		padding-bottom: 1px;
	}
	.cv02 .bestplan p{
		display: inline-block;
		font-size: 150%;
		line-height: 1;
	}
	.cv02 .inner > .iconL{
		left:14px;
		width: 22.5%;
	}
	.cv02 .inner > .iconR{
		right:14px;
		width: 23.2%;
	}
	.cv02 > .ttlForm >.inner > p{text-align: left;}
	.cv02 >p{
		text-align:center;
		padding:30px 20px;
	}
	.cv02 > .ttlForm >.inner > p{
		background: url("../../img/indeed/icon_mail.png") no-repeat left center;
		background-size: 32px;
	}
	.cv02 > .ttlForm >.inner > p span{
		background: none;
		padding-left: 46px;
		display: block;
	}
}

@media screen and (min-width: 640px) and (max-width: 767px) {
	.cv02 h3{
		font-size: 3.5vw;
	}
	.cv02 > .ttlForm >.inner > p{
		font-size: 3.5vw;
	}
}

@media screen and (max-width:640px){
	.cv02 > .inner{
		padding-bottom:0;
		padding-top:7px;
	}
	.cv02 h3{
		padding: 0;
		margin: 0 auto;
		font-size: 100%;
	}
	.cv02 >.inner > h3 span{
		padding-bottom: 1px;
	}
	.cv02 .bestplan{
		margin:15px auto;
	}
	.cv02 .bestplan p{
		display: block;
		font-size: 84%;
		padding: 8px 4px;
	}
	.cv02 .inner > .iconL{
		width: 23%;
		left:4px;
	}
	.cv02 .inner > .iconR{
		width: 22%;
		right:4px;
	}
	.cv02 > .ttlForm{
		padding:10px 20px;
	}
	.cv02 > .ttlForm >.inner{
		padding-left:0;
		padding-right:0;
	}
	.cv02 > .ttlForm >.inner > p{
		font-size: 134%;
		background: url("../../img/indeed/icon_mail.png") no-repeat left center;
		background-size: 22px;
	}
	.cv02 > .ttlForm >.inner > p span{
		padding-left: 36px;
	}
	.cv02 >p{
		text-align:left;
	}
}
@media screen and (min-width: 420px) and (max-width: 640px) {
	.cv02 .inner > .iconL,
	.cv02 .inner > .iconR{
		width: 18%;
	}
}

@media screen and (max-width:380px){
	.cv02 .bestplan p{
		font-size: 82%;
		padding: 8px 2px;
	}
	.cv02 .inner > .iconL{
		width: 24%;
	}
	.cv02 .inner > .iconR{
		width: 25%;
	}
}
@media screen and (max-width:320px){
	.cv02 h3{
		font-size: 94%;
	}
	.cv02 > .ttlForm >.inner > p{
		font-size: 94%;
	}
}

/* -------------------------------------------------------
action
------------------------------------------------------- */
#action{
	width: 100%;
	min-width: 1000px;
	position: relative;
	height: 100%;
}
#action .description {
	padding: 1.875rem 0;
}
#action .form-area {
padding-bottom: 4%;
background: #F3F5F7;
}
#action .form-area .step {
padding: 5%;
}
#action .form-area .step li {
margin-right: 6.6666666667%;
padding: .6em 1.5em;
width: 28.8888888889%;
background: #fff;
border: #ccc 2px solid;
box-sizing: border-box;
vertical-align: middle;
float: left;
position: relative;
}
#action .form-area .step li.active {
font-weight: bold;
border: #333 2px solid;
}
#action .form-area .step li .label {
margin-right: .5em;
font-size: 1.25em;
font-family: 'Lato', sans-serif;
font-weight: 900;
}
#action .form-area .step li:before,
#action .form-area .step li:after {
margin: auto;
content: '';
vertical-align: middle;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
#action .form-area .step li:before {
right: -2.2rem;
width: 1.6rem;
height: 2px;
background: #333;
}
#action .form-area .step li:after {
right: -2.2rem;
width: 0.8rem;
height: 0.8rem;
border-top: 2px solid #333;
border-right: 2px solid #333;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#action .form-area .step li:last-of-type {
margin-right: 0;
}
#action .form-area .step li:last-of-type:before, #action .form-area .step li:last-of-type:after {
display: none;
}
#action .form-area select,
#action .form-area input[type="checkbox"],
#action .form-area input[type="text"],
#action .form-area input[type="email"],
#action .form-area input[type="tel"],
#action .form-area textarea {
padding: 1.5em;
font-size: 0.875em;
border: #ccc 1px solid;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
box-sizing: border-box;
}
#action .form-area select {
height: 4.5em;
}
#action .form-area input[type="checkbox"] {
display: none;
}
#action .form-area input[type="checkbox"] + label {
margin-right: .5em;
padding: 0 0 0 32px;
white-space: nowrap;
display: inline-block;
position: relative;
cursor: pointer;
}
#action .form-area input[type="checkbox"] + label:before,
#action .form-area input[type="checkbox"] + label:after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
}
#action .form-area input[type="checkbox"] + label:before {
margin-top: -5px;
width: 9px;
height: 18px;
background-color: transparent;
border-right: 3px solid #00A9EA;
border-bottom: 3px solid #00A9EA;
transform: rotate(45deg) translateY(-50%);
left: 2px;
top: 50%;
opacity: 0;
z-index: 1;
}
#action .form-area input[type="checkbox"] + label:after {
margin-top: -13px;
width: 26px;
height: 26px;
border: 1px solid #818181;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
left: 0;
}
#action .form-area input[type="checkbox"]:checked + label:before {
opacity: 1;
}
#action .form-area input[type="checkbox"].error-input + label:after {
background: #FCE5EF;
border: #f00 1px solid; }
#action .form-area .full {
/* width: 100%; */
width: 85%;
}
#action .form-area .long {
width: 90%;
}
#action .form-area .medium {
width: 70%;
}
#action .form-area .content {
padding: 8% 12%;
background: #fff;
}
#action .form-area .content .required,
#action .form-area .content .optional {
/* margin-right: 1.5rem; */
/* padding: .5rem 1.2rem; */
margin-right: 1rem;
padding: 0.2rem .7rem;
font-size: 0.75em;
font-weight: normal;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
#action .form-area .content .required {
color: #fff;
background: #BC0101;
}
#action .form-area .content .optional {
background: #ccc;
}
#action .form-area .content table {
width: 100%;
font-size: 0.875em;
border: none;
}
#action .form-area .content table th, #action .form-area .content table td {
padding-bottom: 50px;
}
#action .form-area .content table th {
padding-right: 3rem;
width: 28.2894736842%;
white-space: nowrap;
	text-align: left;
	vertical-align: top;
}
#action .form-area .content .subject th {
padding-top: 0;
text-align: left;
}
#action .form-area .content .subject li {
margin: 0 2% 2% 0;
width: 48%;
float: left;
list-style-type: none;
}
#action .form-area .content .address dt {
margin-bottom: 2%;
}
#action .form-area .content .address dt input[type="button"] {
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
#action .form-area .content .address dt input[type="button"]:-webkit-search-decoration {
display: none;
}
#action .form-area .content .address dt input[type="button"]:focus {
outline-offset: -2px;
}
#action .form-area .content .address dt input[type="button"] {
margin-left: 0.2em;
padding: .9em 2em;
min-height: 3.5em;
color: #fff;
font-size: 0.8571428571em;
background: #707070;
border: #707070 2px solid;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
box-sizing: border-box;
}
#action .form-area .content .question textarea {
height: 11rem;
}
#action .form-area .content .privacy {
padding-top: 4%;
border-top: #ccc 1px solid;
}
#action .form-area .content .privacy > dl {
margin-bottom: 4%;
}
#action .form-area .content .privacy > dl > dt {
margin-bottom: 1em;
font-size: 0.875em;
font-weight: bold;
}
#action .form-area .content .privacy > dl > dd {
padding: 2rem;
height: 130px;
border: #ccc 1px solid;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
box-sizing: border-box;
overflow-y: scroll;
}
#action .form-area .content .privacy > dl > dd > p, #action .form-area .content .privacy > dl > dd > dl {
font-size: 0.75em;
line-height: 1.6;
}
#action .form-area .content .privacy .agree {
font-size: 0.875em;
text-align: center;
}
#action .form-area .content .error-message {
color: #f00;
position: relative;
}
#action .form-area .content .error-message p {
position: absolute;
top: -1.8em;
left: 0; }
#action .form-area .content .address dd .error-message p {
margin-bottom: .5em;
position: static;
}
#action .form-area .content .privacy .error-message p {
padding-left: 1.8em;
width: 100%;
font-size: 0.875em;
text-align: center;
top: -1.4em;
}
#action .form-area .content input.error-input,
#action .form-area .content textarea.error-input {
background: #FCE5EF;
border: #f00 1px solid;
}
#action .form-area .content ul.error-input li input[type="checkbox"] {
background: #FCE5EF;
border: #f00 1px solid;
}
#action .form-area .content .pass {
display: inline;
position: relative;
}
#action .form-area .content .pass:after {
width: 1.4rem;
height: 1.4rem;
content: '';
background: url(../../img/indeed/check_ok.png) no-repeat 0 0;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
display: block;
position: absolute;
top: 0;
right: -3.2rem;
}
#action .form-area .content .subject .pass {
display: block;
}
#action .form-area .content .subject .pass:after {
right: 7rem;
}
#action .submit-area .inner {
padding: 5% 0;
text-align: center;
}
#action .submit-area .inner .btn li {
margin: 0 auto;
padding-bottom: 5px;
width: 40%;
height: 6rem;
position: relative;
}
#action .submit-area .inner .btn li button[type="submit"] {
width: 100%;
height:60%;
color: #fff;
font-size: 1.25em;
background: #F08300;
border: none;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
box-sizing: border-box;
-webkit-box-shadow: 0px 5px 0px 0px #D95D0E;
-moz-box-shadow: 0px 5px 0px 0px #D95D0E;
box-shadow: 0px 5px 0px 0px #D95D0E;
display: block;
position: absolute;
top: 0;
left: 0;
}
#action .submit-area .inner .btn li button[type="submit"]:before, #action .submit-area .inner .btn li button[type="submit"]:after {
margin: auto;
content: '';
vertical-align: middle;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
#action .submit-area .inner .btn li button[type="submit"]:before {
right: 1.9rem;
width: 1.8rem;
height: 2px;
background: #fff;
}
#action .submit-area .inner .btn li button[type="submit"]:after {
right: 2rem;
width: 1.2rem;
height: 1.2rem;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

/*+ confirm + ---------------------------- */
#action.confirm .title{
	width:100%;
	padding: 15px;
	background-color: #2c348f;
	/* margin-bottom: 30px; */
}
#action.confirm .title h2 {
padding: .5em 0 .5em;
background: none;
	text-align:center;
	line-height: 1;
	font-family: GENJ;
  font-weight: 700;
	/* font-size: 160%; */
	font-size: 1.875em;
	color: #fff;
}
#action.confirm .form-area .content table th {
padding-top: 0;
}
#action.confirm .form-area .content table td {
/* font-size: 1.6rem; */
font-size: 113%;
}
#action.confirm .form-area .content .privacy .agree {
padding-left: 3.7em;
/* font-size: 1.6rem; */
font-size: 100%;
text-align: left;
}
#action.confirm .submit-area .inner .btn li {
margin: 0 4%;
width: 30%;
display: inline-block;
}
#action.confirm .submit-area .inner .btn li.back button[type="submit"] {
background: #00A9EA;
-webkit-box-shadow: 0px 5px 0px 0px #0075C2;
-moz-box-shadow: 0px 5px 0px 0px #0075C2;
box-shadow: 0px 5px 0px 0px #0075C2;
}
#action.confirm .submit-area .inner .btn li.back button[type="submit"]:before {
right: auto;
left: 2rem;
}
#action.confirm .submit-area .inner .btn li.back button[type="submit"]:after {
right: auto;
left: 2rem;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/*+ complete + --------------------------- */
#action.complete .title{
	width:100%;
	padding: 15px;
	background-color: #2c348f;
	/* margin-bottom: 30px; */
}
#action.complete .title h2 {
padding: .5em 0 .5em;
background: none;
	text-align:center;
	line-height: 1;
	font-family: GENJ;
  font-weight: 700;
	/* font-size: 160%; */
	font-size: 1.875em;
	color: #fff;
}
#action.complete .form-area .content {
margin: 0 11%;
padding: 4%;
text-align: center;
}
#action.complete .submit-area .inner .btn li {
width: 45%;
}
#action.complete .submit-area .inner .btn li.to-top button[type="submit"] {
background: #00A9EA;
-webkit-box-shadow: 0px 5px 0px 0px #0075C2;
-moz-box-shadow: 0px 5px 0px 0px #0075C2;
box-shadow: 0px 5px 0px 0px #0075C2;
}

/*pc*/
#action .form-area .content .address dt input[type="button"] {
transition: all .2s ease-in-out;
}
#action .form-area .content .address dt input[type="button"]:hover {
color: #333;
background: #fff;
cursor: pointer;
}
#action .submit-area .inner {}
#action .submit-area .inner .btn li button[type="submit"],
#action .submit-area .inner .btn li button[type="submit"]:before,
#action .submit-area .inner .btn li button[type="submit"]:after {
transition: all .2s ease-in-out;
	}
#action .submit-area .inner .btn li button[type="submit"]:hover {
background: #D95D0E;
-webkit-box-shadow: 0px 0 0px 0px #D95D0E;
-moz-box-shadow: 0px 0 0px 0px #D95D0E;
box-shadow: 0px 0 0px 0px #D95D0E;
top: 5px;
cursor: pointer;
}
#action .submit-area .inner .btn li button[type="submit"]:hover:before,
#action .submit-area .inner .btn li button[type="submit"]:hover:after {
right: 1.5rem;
}
#action .submit-area .inner .btn li.back button[type="submit"]:hover {
background: #0075C2;
-webkit-box-shadow: 0px 0 0px 0px #0075C2;
-moz-box-shadow: 0px 0 0px 0px #0075C2;
box-shadow: 0px 0 0px 0px #0075C2;
}
#action .submit-area .inner .btn li.back button[type="submit"]:hover:before,
#action .submit-area .inner .btn li.back button[type="submit"]:hover:after {
left: 1.5rem;
}
#action .submit-area .inner .btn li.to-top button[type="submit"]:hover {
background: #0075C2;
-webkit-box-shadow: 0px 0 0px 0px #0075C2;
-moz-box-shadow: 0px 0 0px 0px #0075C2;
box-shadow: 0px 0 0px 0px #0075C2;
}

/*tb*/
@media (min-width: 768px) and (max-width: 1024px) {
	#action{
		min-width: 100%;
		overflow: inherit;
	}
	#action .title h2 {
	padding-left: 5rem;
	letter-spacing: 0;
	}
	#action .description {
	/* padding: 2rem 0 0; */
	/* font-size: 1.3125rem; */
	font-size: 2.1vw;
	}
	#action .form-area {
	padding-bottom: 4%;
	}
	#action .form-area .inner {
	/*margin: 2.6041666667%;*/
	}
	#action .form-area .step {
	padding: 4% 1.3736263736%;
	}
	#action .form-area .step li {
	margin-right: 5.5084745763%;
	padding: .6em .8em;
	width: 29.6610169492%;
	/* font-size: 1.3125rem; */
	font-size: 2.1vw;
	}
	#action .form-area .step li .label {
	margin-right: .4em;
	/* font-size: 1.6875rem; */
	font-size: 2.55vw;
	}

	#action .form-area .step li:before {
	right: -2.3rem;
	}
	#action .form-area .step li:after {
	right: -2.3rem;
	}
	#action .form-area .long {
	/* width: 100%; */
	width: 85%;
	}
	#action .form-area .medium {
	width: 85%;
	}
	#action .form-area .content {
	padding: 4.1208791209%;
	}
	#action .form-area .content .required,
	#action .form-area .content .optional {
	margin-right: .65rem;;
	/* padding: .4rem 1rem; */
	padding: .15rem .6rem;

	}
	#action .form-area .content table {
	font-size: 1.1875rem;
	font-size: 1.85vw;
	}

	#action .form-area .content table th, #action .form-area .content table td {
	padding-bottom: 40px;
	}
	#action .form-area .content table th {
	padding-right: 2rem;
	}
	#action .form-area .content .subject .pass:after {
	right: 5rem;
	}
	#action .submit-area .inner .btn li {
	padding-bottom: 5px;
	width: 58.1395348837%;
	}

	/*+ confirm + ---------------------------- */
	#action .form-area .content .privacy > dl > dt{
		font-size: 1.85vw;
	}
	#action.confirm .form-area .content .privacy .agree {
	padding-left: 3.2em;
	}
	#action.confirm .submit-area .inner .btn li {
	margin: 0 2.9069767442%;
	width: 43.6046511628%;
	}

	/*+ complete + --------------------------- */
	#action.complete .form-area .content {
	margin: 0;
	padding: 4.1208791209%;
	/* font-size: 1.3125rem; */
	font-size: 2.1vw;
	}
	#action.complete .submit-area .inner .btn li {
	width: 58.1395348837%;
	}
	.qaBox.qa1 .q, .qaBox.qa3 .q{
		left: 10px;
	}
	.qaBox.qa2 .q{
		right: 10px;
	}
	.qaBox .q{
		width: 595px;
		font-size: 200%;
	}
}
@media (max-width: 768px) {
	#action .form-area .step li:before {
		right: -2rem;
		width: 1.4rem;
	}
	#action .form-area .step li:after{
		right: -2rem;
	}
	#action .form-area .step li{
		text-align: center;
		line-height: 1.3;
	}
	#action .form-area .step li strong{
		display:block;
	}
	#action.confirm .title,
	#action.complete .title{
		padding: 0;
	}

}

@media (min-width: 769px) and (max-width: 1024px) {
    .qaBox .q{
		width: 742px;
    }
}

/*sp*/
@media (max-width: 767px) {
	#action{
		min-width: 100%;
		overflow: inherit;
	}
	#action .inner {
	}
	#action .title h2 {
	padding: .3em 0 .3em 2.5rem;
	font-size: 1.0714285714em;
	letter-spacing: 0;
	-webkit-background-size: 1.6rem auto;
	-moz-background-size: 1.6rem auto;
	-o-background-size: 1.6rem auto;
	background-size: 1.6rem auto;
	}
	#action.confirm .title,
	#action.complete .title{
		/* margin-bottom: 10px; */
		margin-bottom: 0;
	}
	#action.confirm .title h2,
	#action.complete .title h2{
		font-size: 113%;
	}
	#action .description {
	padding: .9rem 0;
	}
	#action .description p {
	line-height: 1.5;
	/* font-size: 88%; */
	}
	#action .form-area {
	padding-bottom: 10%;
	}
	#action .form-area .step {
	padding: 5.6338028169% 0;
	}
	#action .form-area .step li {
	margin-right: 8.6206896552%;
	padding: .6em .5em;
	width: 27.5862068966%;
	font-size: 74%;
	line-height: 1.2;
	text-align: center;
	}
	#action .form-area .step li .label {
	margin: 0 0 .2em;
	font-size: 1em;
	display: block; }
	#action .form-area .step li:before {
	right: -1.4rem;
	width: 1rem;
	height: 1px;
	}
	#action .form-area .step li:after {
	right: -1.4rem;
	width: 0.6rem;
	height: 0.6rem;
	border-width: 1px;
	}

	#action .form-area select,
	#action .form-area input[type="checkbox"],
	#action .form-area input[type="text"],
	#action .form-area input[type="email"],
	#action .form-area input[type="tel"],
	#action .form-area textarea {
	padding: 0.8rem;
	font-size: 16px;
	/*width: 100%;*/
	}
	#action .form-area select {
	height: 4rem;
	}
	#action .form-area input[type="checkbox"] {
	padding: 1em;
	}
	#action .form-area .long,
	#action .form-area .medium {
	width: 100%;
	}
	#action .form-area .short {
	width: 50%;
	}
	#action .form-area .content {
	padding: 4.2253521127% 4.2253521127% 7.0422535211%; }
	#action .form-area .content .required,
	#action .form-area .content .optional {
	margin-right: .5rem;
	padding: .1rem .45rem;
	/* font-size: 0.7692307692em; */
	font-size: 3.25vw;
	}
	#action .form-area .content table {
	font-size: 0.9285714286em;
	}
	#action .form-area .content table th, #action .form-area .content table td {
	display: block;
	}
	#action .form-area .content table th {
	padding: .5rem 0 .5rem;
	width: auto;
	}
	#action .form-area .content table td {
	padding: 0 0 .5rem;
	}
	#action .form-area .content .subject li {
	margin-bottom: 4%;
	}
	#action .form-area .content .subject li:nth-of-type(odd) {
	width: 58%;
	}
	#action .form-area .content .subject li:nth-of-type(even) {
	width: 38%;
	}
	#action .form-area .content .subject li label {
	font-size: 0.8571428571em;
	}
	#action .form-area .content .address dt input[type="button"] {
	min-height: 3.2rem;
	}
	#action .form-area .content .question textarea {
	height: 10rem;
	}
	#action .form-area .content .privacy {
	margin-top: 2%;
	}
	#action .form-area .content .privacy > dl {
	margin-bottom: 0.5em;
	}
	#action .form-area .content .privacy > dl > dt {
	font-size: 0.7142857143em;
	}
	#action .form-area .content .privacy > dl > dd {
	padding: 1rem;
	height: 75px;
	}
	#action .form-area .content .privacy .agree {
	font-size: 0.8571428571em;
	}
	#action .form-area .content .error-message {
	margin-bottom: .5em;
	}
	#action .form-area .content .error-message p {
	position: static;
	}
	#action .form-area .content input.error-input,
	#action .form-area .content textarea.error-input {
	background: #FCE5EF;
	border: #f00 1px solid;
	}
    #action .form-area .content label {
    font-size: 80%;
    }
	#action .form-area .content ul.error-input li input[type="checkbox"] {
	background: #FCE5EF;
	border: #f00 1px solid;
	}
	#action .form-area .content .pass:after {
		/* right: -1.7rem; */
		right: -1rem;
	}
	#action .form-area .content .subject .pass {
	display: block;
	}
	#action .form-area .content .subject .pass:after {
	right: -.7rem;
	}
	#action .form-area .content .address dt .pass:after {
	right: -1.7rem;
	}
	#action .form-area .content .privacy .pass:after {
	right: -2.5rem;
	}
	#action .form-area .full {
	width: 100%;
	}

	#action .submit-area .inner {
	padding: 10% 0;
	}
	#action .submit-area .inner .btn li {
	padding-bottom: 3px;
	width: 85.0340136054%;
	height: 4.5rem;
	}
	#action .submit-area .inner .btn li button[type="submit"] {
	font-size: 0.8285714286em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-box-shadow: 0px 3px 0px 0px #D95D0E;
	-moz-box-shadow: 0px 3px 0px 0px #D95D0E;
	box-shadow: 0px 3px 0px 0px #D95D0E;
	}
	#action .submit-area .inner .btn li button[type="submit"]:before {
	right: 1.2rem;
	width: 1.4285714286rem;
	height: 1px;
	}
	#action .submit-area .inner .btn li button[type="submit"]:after {
	right: 1.2rem;
	width: 0.7857142857rem;
	height: 0.7857142857rem;
	border-width: 1px;
	}

	/*+ confirm + ---------------------------- */
	#action.confirm .form-area .content table tr {
	border-bottom: #ccc 1px solid;
	}
	#action.confirm .form-area .content table tr:last-of-type {
	border-bottom: none;
	}
	#action.confirm .form-area .content table th {
	padding-top: .8rem;
	}
	#action.confirm .form-area .content table td {
	font-size: 1.0rem;
	}
	#action.confirm .form-area .content .address dt {
	margin-bottom: 0;
	}
	#action.confirm .form-area .content .privacy .agree {
	padding-left: 0;
	/* font-size: 1.4rem; */
	font-size: 1rem;
	}
	#action.confirm .submit-area .inner .btn li {
	margin: 0;
	width: 45.9183673469%;
	}
	#action.confirm .submit-area .inner .btn li.back {
	margin-right: 1.8027210884%;
	}
	#action.confirm .submit-area .inner .btn li.back button[type="submit"] {
	-webkit-box-shadow: 0px 3px 0px 0px #0075C2;
	-moz-box-shadow: 0px 3px 0px 0px #0075C2;
	box-shadow: 0px 3px 0px 0px #0075C2;
    padding-left: 2.0em;
	}
	#action.confirm .submit-area .inner .btn li.back button[type="submit"]:before {
	left: 1.2rem;
	}
	#action.confirm .submit-area .inner .btn li.back button[type="submit"]:after {
	left: 1.2rem;
	}
	#action.confirm .submit-area .inner .btn li.submit button[type="submit"] {
	padding-right: 3.6em;
	}

	/*+ complete + --------------------------- */
	#action.complete .form-area .content {
	margin: 0;
	padding: 4.2253521127%;
	font-size: 0.8571428571em;
	text-align: left;
	}
	#action.complete .submit-area .inner .btn li.to-top {
	width: 85.0340136054%;
	}
	#action.complete .submit-area .inner .btn li.to-top button[type="submit"] {
	-webkit-box-shadow: 0px 3px 0px 0px #0075C2;
	-moz-box-shadow: 0px 3px 0px 0px #0075C2;
	box-shadow: 0px 3px 0px 0px #0075C2;
	}
}

input, textarea, select, label {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 100%;
  font-family: inherit;
  vertical-align: middle;
}
label{cursor: pointer; }
textarea {overflow: auto; }

@media screen and (max-width:374px){
	#action .form-area .content .privacy > dl > dt{
		font-size:65%;
	}
}

@media screen and (max-width:360px){
	#action .form-area .step li{
		/* font-size: 40%; */
		font-size: 69%;
	}

	#action.confirm .title h2,
	#action.complete .title h2{
		font-size: 15px;
	}
	#action .form-area .content table{
		font-size: 13px;
	}
	#action .form-area .content .subject li label{
		font-size: 11px;
	}
	#action .form-area .content .required,
	#action .form-area .content .optional{
		font-size: 10px;
	}
	#action .form-area .content .privacy > dl > dd > p, #action .form-area .content .privacy > dl > dd > dl {
	font-size: 11px;
	}
	#action .description p{
		font-size: 0.875rem;
	}

	#action.complete .form-area .content {
	font-size: 0.75rem;
	}
	#action.confirm .form-area .content table td {
	font-size: 0.875rem;
	}

}
@media screen and (max-width:320px){
	#action .form-area .content .privacy > dl > dt{
		/* font-size:50%; */
		letter-spacing: -0.1em;
	}
}


/* -------------------------------------------------------
footer
------------------------------------------------------- */
/*security*/
.security {
	background: #fff;
}
.security .inner {
	padding: 1% 0;
}
.security .inner ul li {
	float: left;
}
.security .inner ul li.privacymark {
	margin-right: 20px;
	width: 80px;
}

.footer {
	width: 100%;
	min-width: 1000px;
	background-color: #f4f5f9;
	padding: 20px;
	font-size: 68%;
}
.footerInner{
	margin: 0 auto;
	padding:0;
	text-align: left;
	position: relative;
	width: 1000px;
}
@media screen and (max-width:768px){
	.footerIinner{
		padding:0 20px;
		width:100%;
	}
}
/*ftInfo*/
.ftInfo p{
	display: block;
	margin-bottom: 5px;
}
.ftInfo ul{
	text-align: left;
	margin-bottom: 4%;
}
.ftInfo ul li{
	display: inline-block;
	margin-right: 16px;
}
.ftInfo ul li a{
	text-decoration: none;
	color: #333;
	padding-left: 14px;
	background: url(../../img/indeed/cmn_blank.png) no-repeat 0 50%;
	-webkit-background-size: 10px;
	-moz-background-size: 10px;
	-o-background-size: 10px;
	background-size: 10px;
}
.copyright {
	display: block;
	text-align: right;
}
.fLogo{
	display: inline-block;
	clear: both;
	width: 192px;
}
@media screen and (max-width:768px){
	.footer{min-width: 100%;}
	.footerInner {
		width: 100%;
		min-width:100%;
	}
}


/* -------------------------------------------------------
pagetop
------------------------------------------------------- */
#pagetop {
	position: fixed;
	bottom: 2%;
	right:2%;
	z-index: 100;
}
#pagetop a {
	width: 60px;
	height: 60px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	font-size: 1.125em;
	font-weight: 400;
	line-height: 60px;
	background: rgba(34, 34, 34, 0.7);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display: block;
}
@media (min-width: 1025px) {
  #pagetop a {
    transition: all .2s ease-in-out;
	}
	#pagetop a:hover {
		opacity: .7;
	}
}
@media (max-width: 767px) {
	#pagetop a {
		width: 13vw;
		height: 13vw;
		line-height: 13.2vw;
		font-size: 108%;
	}
}



/* -------------------------------------------------------
clearfix
------------------------------------------------------- */

.cf:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
.cf{
	display: inline-block;
}
/* Hides from IE Mac */
* html .cf{
	height: 1%;
}
.cf{
	display:block;
}


/* -------------------------------------------------------
margin
------------------------------------------------------- */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

@media all and (max-width: 767px) {
	.mb20 { margin-bottom:0 !important;}
}

/* -------------------------------------------------------
padding
------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pt60 { padding-top:60px !important;}
.pt65 { padding-top:65px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pb60 { padding-bottom:60px !important;}
.pb100 { padding-bottom:100px !important;}
.pb110 { padding-bottom:110px !important;}
.pb130 { padding-bottom:130px !important;}
.pl00 { padding-left: 0   !important;}
.pl03 { padding-left: 3px !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}