@charset "UTF-8";

.cf::after{
	content: "";
  display: block;
  clear: both;
}

.pc {
	display: none;
}
.sp {
	display: block;
}

#contents {
  padding: 20px 20px 20px;
}

.inner {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}

.contactBtn {
  width: 94%;
  margin: 0 auto;
}
.contactBtn a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  background: #ffd700 url("../../images/senior_spwari/arrow_black_right.png") no-repeat center right 20px;
  border: 2px solid #ffc309;
  background-size: 7px auto;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #333;
  border-radius: 5px;
  padding: 14px 30px 14px 15px;
}
.contactBtn a span {
  color: #e73d7a;
}



/*--------------------------------------
　key
---------------------------------------*/
#key {
  box-sizing: border-box;
  height: auto;
  margin: 0 0 0;
  padding: 20px 20px;
}
#key .inner {
  padding: 0 0;
}
#key .txtBox {
  width: 100%;
}
.txtInr{
}
#key .catch {
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  color: #fff;
  border-radius: 5px;
  padding: 10px 10px;
  margin: 0 0 15px;
}
#key .tit {
  width: 100%;
  margin: 0 auto 15px;
}
#key .tit img {
  width: 200px;
}
#key .txt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  letter-spacing: 0.06em;
  margin: 0 0 20px;
}

.keyTxt{
  background: #6191cc;
  padding: 20px 20px;
}
.keyTxt p {
  font-size: 14px;
  color: #fff;
}


/*spwari*/
#key.spwari {
  background: #e7e7e9 url("../../images/senior_spwari/spwari/kv.jpg") no-repeat bottom left 37%;
  background-size: cover;
}
#key.spwari .txtBox {
  float: none;
}
#key.spwari .catch {
  background: #e73d7a;
}
#key.spwari .tit {
  margin: 0 0 15px;
}
#key.spwari .tit img {
  float: right
}
#key.spwari .txt {
  text-align: right;
  color: #e73d7a;
}
#key.spwari .keyTxt p {
  text-align: right;
}

/*seniorwari*/
#key.seniorwari {
  background: #e7e7e9 url("../../images/senior_spwari/seniorwari/kv.jpg") no-repeat bottom right 40%;
  background-size: cover;
}
#key.seniorwari .txtBox {
  float: none;
}
#key.seniorwari .catch {
  background: #3cb034;
}
#key.seniorwari .tit {
  margin: 0 0 15px;
}
#key.seniorwari .txt {
  text-align: left;
  color: #3cb034;
}
#key.seniorwari .keyTxt p {
  text-align: left;
}






/*--------------------------------------
　contents
---------------------------------------*/
#contents {
	width: 100%;
	padding: 0;
	line-height: 1.8;
}

.sec01,.sec03,.sec05 {background: #f6f5ef;}
.sec02,.sec04 {background: #fff;}

.sec {
  padding: 40px 0 50px;
}
.secTit {
  position: relative;
  display: block;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  margin-bottom: 50px;
}
.secTit:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.secTit span {
  display: block;
  font-size: 15px;
  font-weight: bold;
}

/*spwari*/
.spwari .secTit:before {
  background-color: #12a2c3;
}

/*seniorwari*/
.seniorwari .secTit:before {
  background-color: #eb6100;
}


/*--------------------------------------
　sec01
---------------------------------------*/
.sec01 .itemBoxWrap {
  
}
.sec01 .itemBox {
	float: none;
	width: 100%;
	margin: 0 0 20px;
}
.sec01 .itemBox:last-child {
	margin: 0;
}
.sec01 .itemBox .txtBody {
	padding: 20px 20px 25px;
}
.sec01 .itemBoxWrap .itemBox:nth-child(1) {
	background: #89b125;
}
.sec01 .itemBoxWrap .itemBox:nth-child(2) {
	background: #eb6100;
}
.sec01 .itemBoxWrap .itemBox:nth-child(3) {
	background: #eb5992;
}
.sec01 .itemBox .txtBody .catchWrap {
  display: table;
  width: 100%;
}
.sec01 .itemBox .txtBody .catch {
  display: table-cell;
  vertical-align: middle;
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 1px #fff;
	line-height: 1.5;
	padding: 0 0 15px;
}
.sec01 .itemBox .txtBody .catch span {
  display: block;
  font-size: 14px;
}
.sec01 .itemBox .txtBody .txtArea {
  padding: 20px 0 0;
}
.sec01 .itemBox .txtBody p {
  font-size: 14px;
  text-align: center;
	color: #fff;
}



/*--------------------------------------
　sec02
---------------------------------------*/
/*spwari*/
.spwari .sec02 .itemBoxWrap {
}
.spwari .sec02 .itemBox {
	float: none;
	width: 100%;
  background: #f0f2f4;
	margin: 0 0 20px;
}
.spwari .sec02 .itemBox:last-child {
	margin: 0;
}
.spwari .sec02 .itemBox .txtBody {
	padding: 20px 20px 25px;
}
.spwari .sec02 .itemBox .txtBody .catchWrap {
  display: block;
  width: 100%;
}
.spwari .sec02 .itemBox .txtBody .catch {
  display: block;
	color: #e73d7a;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 1px #ccc;
	line-height: 1.5;
	padding: 0 0 15px;
}
.spwari .sec02 .itemBox .txtBody .catch span {
  display: block;
  font-size: 14px;
}
.spwari .sec02 .itemBox .txtBody .txtArea {
  padding: 20px 0 0;
}
.spwari .sec02 .itemBox .txtBody li {
  font-size: 14px;
  text-align: left;
	color: #333;
}

/*seniorwari*/
.seniorwari .sec02 .itemBox {
  box-sizing: border-box;
  display: block;
  width: 100%;
	background: #f0f2f4;
	padding: 20px;
	margin: 0 0 20px;
}
.seniorwari .sec02 .itemBox:last-child {
	margin: 0;
}
.seniorwari .sec02 .itemBox .itemInner {
	margin: 0;
  display: block;
  min-height: inherit;
}
.seniorwari .sec02 .itemBox .pic {
  display: block;
	width: 100%;
  height: auto;
  margin: 0 auto;
}
.seniorwari .sec02 .itemBox .pic img {
	width: 100%;
  height: 100%;
  object-fit: cover;
}
.seniorwari .sec02 .itemBox .txtArea {
  box-sizing: border-box;
  display: block;
	padding: 0px;
  margin: 0 0 20px;
	width: 100%;
}
.seniorwari .sec02 .itemBox .txtArea .flowTit {
	font-size: 18px;
	font-weight: bold;
  line-height: 1.6;
	letter-spacing: 0.1em;
	margin: 0 0 10px;
}
.seniorwari .sec02 .itemBox .txtArea .flowTit span {
  display: block;
  font-size: 17px;
	font-weight: bold;
}
.seniorwari .sec02 .itemBox .txtArea .name {
	font-size: 14px;
  font-weight: bold;
	letter-spacing: 0.06em;
  margin: 0 0 15px;
}
.seniorwari .sec02 .itemBox .txtArea .txt {
	font-size: 14px;
	letter-spacing: 0.06em;
}



/*--------------------------------------
　sec03
---------------------------------------*/
.sec03 .itemBox {
  box-sizing: border-box;
  display: table;
  width: 100%;
	background: #fff;
	padding: 20px 20px 20px;
	margin: 0 0 20px;
}
.sec03 .itemBox:last-child {
	margin: 0;
}
.sec03 .itemBox dl {
	margin: 0;
	display: block;
	vertical-align: middle;
  min-height: inherit;
}
.sec03 .itemBox dt {
	display: none;
}
.sec03 .itemBox dd {
  box-sizing: border-box;
	display: block;
	padding: 0;
  margin: 0 0 15px;
	width: 100%;
}
.sec03 .itemBox dd .flowTit {
	font-size: 17px;
	font-weight: bold;
  line-height: 1.6;
	letter-spacing: 0.1em;
  padding: 0 0 0 45px;
	margin: 0 0 10px;
}

/*spwari*/
.spwari .sec03 .itemBox:nth-child(1) dd .flowTit {
	background: url("../../images/senior_spwari/spwari/num01.png") no-repeat left top 1px;
	background-size: 28px auto;
}
.spwari .sec03 .itemBox:nth-child(2) dd .flowTit {
	background: url("../../images/senior_spwari/spwari/num02.png") no-repeat left top 1px;
	background-size: 30px auto;
}
.spwari .sec03 .itemBox:nth-child(3) dd .flowTit {
	background: url("../../images/senior_spwari/spwari/num03.png") no-repeat left top 1px;
	background-size: 30px auto;
}
.spwari .sec03 .itemBox:nth-child(4) dd .flowTit {
	background: url("../../images/senior_spwari/spwari/num04.png") no-repeat left top 1px;
	background-size: 30px auto;
}
.spwari .sec03 .itemBox:nth-child(5) dd .flowTit {
	background: url("../../images/senior_spwari/spwari/num05.png") no-repeat left top 1px;
	background-size: 30px auto;
}

/*seniorwari*/
.seniorwari .sec03 .itemBox:nth-child(1) dd .flowTit {
	background: url("../../images/senior_spwari/seniorwari/num01.png") no-repeat left top 1px;
	background-size: 28px auto;
}
.seniorwari .sec03 .itemBox:nth-child(2) dd .flowTit {
	background: url("../../images/senior_spwari/seniorwari/num02.png") no-repeat left top 1px;
	background-size: 30px auto;
}
.seniorwari .sec03 .itemBox:nth-child(3) dd .flowTit {
	background: url("../../images/senior_spwari/seniorwari/num03.png") no-repeat left top 1px;
	background-size: 30px auto;
}
.seniorwari .sec03 .itemBox:nth-child(4) dd .flowTit {
	background: url("../../images/senior_spwari/seniorwari/num04.png") no-repeat left top 1px;
	background-size: 30px auto;
}
.seniorwari .sec03 .itemBox:nth-child(5) dd .flowTit {
	background: url("../../images/senior_spwari/seniorwari/num05.png") no-repeat left top 1px;
	background-size: 30px auto;
}

.sec03 .itemBox dd .flowTit span {
  display: block;
  font-size: 15px;
	font-weight: bold;
}
.sec03 .itemBox dd .txt {
	font-size: 14px;
	letter-spacing: 0.06em;
}
.sec03 .itemBox .photo {
	display: block;
	width: 100%;
}



/*--------------------------------------
　sec04
---------------------------------------*/
.sec04 {
  border-bottom: 1px solid #e2e0ce;
}
.sec04 .secTit {
  margin-bottom: 50px;
}
.sec04 .itemBoxWrap {
  margin: 0 0 30px;
}
.sec04 .itemBox {
  box-sizing: border-box;
	loat: none;
	width: 100%;
	min-height: inherit;
	margin: 0 0 20px;
	background: #f0f2f4;
	position: relative;
}
.sec04 .itemBox:last-child {
	margin: 0;
}
.sec04 .itemBox:before {
	content: "01";
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.02em;
	text-align: center;
	background: url("../../images/senior_spwari/fuki.png") no-repeat;
	background-size: 100%;
	width: 52px;
	height: 52px;
	display: block;
	padding: 10px 0 0;
	position: absolute;
	top: -10px;
	left: -10px;
}
.sec04 .itemBox:nth-child(2):before {
	content: "02";
}
.sec04 .itemBox:nth-child(3):before {
	content: "03";
}
.sec04 .itemBox:nth-child(4):before {
	content: "04";
}
.sec04 .itemBox .titWrap {
  box-sizing: border-box;
	background: #6191cc;
  padding: 20px 10px 18px;
}
.sec04 .itemBox .tit {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
	color: #fff;
}
.sec04 .itemBox .txtBody {
	padding: 15px 20px 20px;
}