@charset "utf-8";

img {
	width: 100%;
}

.header {
	padding: 0;
}
.footer {
	padding: 0;
}

.main {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}
section {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
}

.float-pc {
	display: none;
}
.float-smt {
	position: fixed;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	letter-spacing: -.4em;
	z-index: 5;
	padding: 5px 0;
	background-color: rgba(0,113,47,0.5);
	text-align: center;
}
.float-smt li {
	display: inline-block;
	letter-spacing: normal;
	width: 28%;
	padding: 1%;
}
.float-smt li a {
	display: block;
	color: #fff;
	border-radius: 0.5em;
	padding: 0.5em 0;
	font-size: 3.2vw;
}
.float-smt li a:hover {
	text-decoration: none;
}
.float-smt li:nth-child(1) a {
	background: #00a55d;
}
.float-smt li:nth-child(2) a {
	background: #ef5615;
}
.float-smt li:nth-child(3) a {
	background: #666;
}

.sec01 {
	background: #bdd630;
	padding: 0 0 2.0em;
}
.sec01 .main-visual {
	display: block;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
	z-index: 1;
}
.sec01 .main-text {
	display: block;
	padding: 0 4% 4%;
	margin-top: -2.0em;
	line-height: 1.2;
	color: #fff;
}
.sec01.new .main-text {
	display: none;
}
.sec01 .main-text span {
	display: block;
	position: relative;
	width: 36%;
	margin: 0 auto;
	margin-bottom: -webkit-calc(1.0em + 10px);
	margin-bottom: -moz-calc(1.0em + 10px);
	margin-bottom: calc(1.0em+ 10px);
	padding: 0.5em 0;
	background: #bdd630;
	color: #003200;
	text-align: center;
	font-weight: 600;
	font-size: 4.6vw;
}
.sec01 .main-text span::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #bdd630;
}
.sec01 .main-text h2 {
	display: block;
	margin: 0 auto;
	background: linear-gradient(transparent 80%, #063f06 0%);
	padding: 0 0 0.2em;
	text-align: center;
	font-weight: 600;
	font-size: 10.8vw;
}
.sec01 .main-text p {
	display: block;
	padding: 4% 0;
	font-size: 3.6vw;
}

.sec02 {
	display: block;
	width: 92%;
	padding: 4% 4% 8%;
	marign: 0;
	background: #bdd630;
	z-index: 2;
}
.sec02 .point-box {
	display: block;
	margin: -2.0em auto 1.0em;
	padding: 3%;
	background: #fff;
}
.sec02 .point-box > div {
	display: block;
	background: #fff;
	border: 2px solid #bdd630;
	padding: 3%;
}
.sec02 .point-box > div > img {
	display: none;
}
.sec02 .point-box > div h3 {
	display: block;
	margin: 0 auto;
	padding: 0.2em 0;
	width: 90%;
	color: #003200;
	border-bottom: 2px solid #003200;
	text-align: center;
	font-weight: 600;
	font-size: 4.2vw
}
.sec02 .point-box > div > ul {
	display: block;
	padding: 4% 0;
}
.sec02 .point-box > div > ul li {
	display: block;
	background: url(../img/check.png) no-repeat left top;
	background-size: auto 6.2vw;
	padding: 0.1em 0 0.5em 1.4em;
	color: #003200;
	font-weight: 600;
	font-size: 5.6vw;
}
.sec02 .point-box > div > p {
	color: #003200;
	font-weight: 600;
	font-size: 4.2vw;
}
.sec02 > ol {
	display: block;
	letter-spacing: -.4em;
	text-align: center;
}
.sec02 > ol li {
	display: inline-block;
	letter-spacing: normal;
	width: 32%;
	background: #00712f;
	color: #fff;
	margin: 0 0 0.3em;
	text-align: center;
	font-weight: 600;
	font-size: 5.0vw;
}
.sec02 > ol li:nth-child(3n-1) {
	margin: 0 2% 0.3em;
}
.sec02 > a {
	display: block;
	text-align: center;
	background: #ef5615;
	color: #fff;
	padding: 1.0em 0;
	margin: 0.5em 0 0;
	border-radius: 0.5em;
	box-shadow: 2px 2px 4px #333;
	font-weight: 600;
	font-size: 5.0vw;
}
.sec02 > a:hover {
	text-decoration: none;
	background: #fff;
	color: #ef5615;
}

.sec03 {
	display: block;
	padding: 0;
	marign: 0;
	background: #00712f;
}
.sec03 h3 {
	display: block;
	text-align: center;
	background: #003200;
	color: #fff;
	padding: 1.5em 0;
	font-weight: 600;
	font-size: 5.0vw;
}
.sec03 > ul {
	display: block;
	padding: 4%;
}
.sec03 > ul li {
	display: block;
	overflow: hidden;
	padding-bottom: 2.0em;
}
.sec03 > ul li:last-child {
	padding-bottom: 0;
}
.sec03 > ul li img {
	display: block;
	float: left;
	width: 48%;
	margin: 0 2% 2% 0;
}
.sec03 > ul li:nth-child(2) img {
	float: right;
	margin: 0 0 2% 2%;
}
.sec03 > ul li p {
	color: #fff;
	font-weight: 600;
	font-size: 4.0vw;
}
.sec03 > ul li p b {
	color: #ffea00;
}

.sec04 {
	display: block;
	padding: 0;
	marign: 0;
}
.sec04 h3 {
	display: block;
	position: relative;
	text-align: center;
	padding: 1.5em 0 0.5em;
	margin: 0 auto 1.5em;
	color: #003200;
	font-weight: 600;
	font-size: 5.0vw;
}
.sec04 h3::after {
	display: block;
	position: absolute;
	content: "";
	width: 20%;
	height: 4px;
	background: #bdd630;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sec04 > p {
	display: block;
	padding: 0 4% 4%;
	color: #003200;
	font-size: 4.0vw;
}
.sec04 > ul {
	display: block;
	padding: 4%;
}
.sec04 > ul li {
	display: block;
	overflow: hidden;
	padding-bottom: 2.0em;
}
.sec04 > ul li:last-child {
	padding-bottom: 0;
}
.sec04 > ul li > span {
	display: block;
	text-align: center;
	padding: 0 0 0.5em;
	color: #00712f;
	font-weight: 600;
	font-size: 6.0vw;
}
.sec04 > ul li > span img {
	display: block;
	width: 50%;
	margin: 0 auto 0.5em;
}
.sec04 > ul li > img {
	display: block;
	float: left;
	width: 40%;
	margin: 0 4% 4% 0;
}
.sec04 > ul li p {
	display: block;
	float: right;
	width: 56%;
	color: #003200;
	font-weight: 600;
	font-size: 4.0vw;
}

.sec05 {
	display: block;
	padding: 0;
	marign: 0;
	background: #00712f;
}
.sec05 h3 {
	display: block;
	text-align: center;
	background: #003200;
	color: #fff;
	padding: 1.5em 0;
	font-weight: 600;
	font-size: 5.0vw;
}
.sec05 > p {
	display: block;
	padding: 4%;
	color: #fff;
	font-size: 4.0vw;
}
.sec05 > ul {
	display: block;
	letter-spacing: -.4em;
	padding: 0 4% 4%;
}
.sec05 > ul li {
	display: inline-block;
	letter-spacing: normal;
	width: 49%;
}
.sec05 > ul li:last-child {
	margin-left: 2%;
}

.sec06 {
	display: block;
	padding: 0;
	padding-bottom: 2.5em;
}
.sec06 h3 {
	display: block;
	position: relative;
	text-align: center;
	padding: 1.5em 0 0.5em;
	margin: 0 auto 1.5em;
	color: #003200;
	font-weight: 600;
	font-size: 5.0vw;
}
.sec06 h3::after {
	display: block;
	position: absolute;
	content: "";
	width: 20%;
	height: 4px;
	background: #bdd630;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sec06 table {
	width: 100%;
}
.sec06 table tr th {
	display: block;
}
.sec06 table tr th iframe {
	width: 100%;
	height: 100vw;
}
.sec06 table tr td {
	display: block;
	padding: 4%;
	background: #f7f9f7;
	line-height: 1.4;
}
.sec06 table tr td strong {
	display: block;
	color: #003200;
	font-weight: 600;
	font-size: 5.6vw;
}
.sec06 table tr td b {
	display: block;
	color: #003200;
	padding: 0 0 1.0em;
	font-weight: 600;
	font-size: 4.6vw;
}
.sec06 table tr td p {
	display: block;
	color: #00712f;
	font-size: 4.6vw;
}

.sec06 > a {
	display: block;
	text-align: center;
	background: #ef5615;
	color: #fff;
	padding: 1.0em 0;
	border-radius: 0.5em;
	box-shadow: 2px 2px 4px #333;
	font-weight: 600;
	font-size: 5.0vw;
	max-width: 90%;
	margin: 0.5em auto 0;
}
.sec06 > a:hover {
	text-decoration: none;
	background: #fff;
	color: #ef5615;
}

@media screen and (min-width: 768px) {
    .sec06 > a {
        width: 49%;
        max-width: 444px;
        margin: 1.0em auto 0;
        font-size: 2.0vw;
    }
}

@media screen and (min-width: 900px) {
    .sec06 > a {
        font-size: 24px;
    }
}

.sec07 {
	display: block;
	padding: 0 0 4%;
	marign: 0;
	background: #00712f;
}
.sec07 h3 {
	display: block;
	text-align: center;
	background: #003200;
	color: #fff;
	padding: 1.5em 0;
	font-weight: 600;
	font-size: 5.0vw;
}
.sec07 nav > ul {
	display: block;
	letter-spacing: -.4em;
	padding: 4% 3% 0;
}
/*
.sec07 nav > ul li {
	display: inline-block;
	letter-spacing: normal;
	width: 23.5%;
	margin-right: 2%;
	padding: 0.5em 0;
	line-height: 1.2;
	cursor: pointer;
	background: #fff;
	border-radius: 0.5em 0.5em 0 0;
	text-align: center;
	color: #7f987f;
	font-size: 4.0vw;
}
.sec07 nav > ul li:last-child {
	margin-right: 0;
}
.sec07 nav > ul li strong {
	display: block;
	font-weight: 600;
}
.sec07 nav > ul li.active {
	background: #bdd630;
	color: #003200;
}
*/
.sec07 nav > ul li {
	display: inline-block;
	letter-spacing: normal;
	width: 31%;
	padding: 0.5em 0;
	line-height: 1.2;
	cursor: pointer;
	background: #fff;
	border-radius: 0.5em;
	vertical-align: top;
	text-align: center;
	color: #7f987f;
	margin-bottom: 5px;
	font-size: 3.8vw;
}
.sec07 nav > ul li:nth-child(3n-1) {
	margin: 0 2%;
}
.sec07 nav > ul li strong,
.sec07 nav > ul li:nth-child(3n-1) strong {
	display: block;
	font-weight: 600;
}
.sec07 nav > ul li.active {
	background: #bdd630;
	color: #003200;
}
.sec07 .recruit-box {
	display: none;
	border-top: 2px solid #bdd630;
	border-bottom: 2px solid #bdd630;
	width: 84%;
	padding: 4%;
	margin: 0 auto;
	background: #fff;
}
.sec07 .recruit-box.select {
	display: block;
}
.sec07 .recruit-box h4 {
	display: none;
}
.sec07 .recruit-box table {
	width: 100%;
	border-collapse: collapse;
	border: 0;
	border-top: 2px solid #00712f;
}
.sec07 .recruit-box table tr th {
	display: block;
	border-bottom: 2px solid #00712f;
	padding: 0.5em 0;
	color: #00712f;
	font-weight: 600;
	font-size: 3.8vw;
}
.sec07 .recruit-box table tr th i {
	display: block;
	font-weight: normal;
	font-size: smaller;
}
.sec07 .recruit-box table tr td {
	display: block;
	border-bottom: 2px solid #00712f;
	padding: 0.5em 0 1.5em 0.5em;
	color: #003200;
	font-size: 3.8vw;
}
.sec07 .recruit-box table tr td i {
	display: block;
	text-align: left;
}
.sec07 .recruit-box table tr td ul li {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}
.sec07 .recruit-box table tr td ul li::before {
	content: "・";
}

.sec08 {
	display: block;
	padding: 0;
	marign: 0;
}
.sec08 h3 {
	display: block;
	position: relative;
	text-align: center;
	padding: 1.5em 0 0.5em;
	margin: 0 auto 1.5em;
	color: #003200;
	font-weight: 600;
	font-size: 5.0vw;
}
.sec08 h3::after {
	display: block;
	position: absolute;
	content: "";
	width: 20%;
	height: 4px;
	background: #bdd630;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sec08 > ul {
	display: block;
}
.sec08 > ul li {
	display: block;
	padding: 4%;
	border-bottom: 1px dotted #ccd6cc;
}
.sec08 > ul li dl {
}
.sec08 > ul li dl dt {
	position: relative;
	color: #00712f;
	padding: 0.8em 0 0.5em 3.4em;
	font-weight: 600;
	font-size: 4.0vw;
}
.sec08 > ul li dl dt::before {
	display: block;
	position: absolute;
	content: "Q";
	top: 0;
	left: 0;
	text-align: center;
	background: #00712f;
	color: #fff;
	border-radius: 10.0em;
	width: 3.0em;
	height: 1.4em;
	padding: 0.8em 0;
}
.sec08 > ul li dl dd {
	position: relative;
	color: #003200;
	padding: 0.8em 0 0 3.4em;
	font-weight: 600;
	font-size: 4.0vw;
}
.sec08 > ul li dl dd::before {
	display: block;
	position: absolute;
	content: "A";
	top: 0;
	left: 0;
	text-align: center;
	background: #bdd630;
	color: #fff;
	border-radius: 10.0em;
	width: 3.0em;
	height: 1.4em;
	padding: 0.8em 0;
}

.sec08 > a {
	display: block;
	width: 96%;
	text-align: center;
	background: #ef5615;
	color: #fff;
	padding: 1.0em 0;
	margin: 0 auto 0.5em;
	border: 1px solid #ef5615;
	border-radius: 0.5em;
	box-shadow: 2px 2px 4px #333;
	font-weight: 600;
	font-size: 5.0vw;
}
.sec08 > a:hover {
	text-decoration: none;
	background: #fff;
	color: #ef5615;
}

.sec-form {
	display: block;
	padding: 0;
	marign: 0;
}
.sec-form h3 {
	display: block;
	position: relative;
	text-align: center;
	padding: 1.5em 0 0.5em;
	margin: 0 auto 1.5em;
	color: #003200;
	font-weight: 600;
	font-size: 5.0vw;
}
.sec-form h3::after {
	display: block;
	position: absolute;
	content: "";
	width: 20%;
	height: 4px;
	background: #bdd630;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.sec-form table {
	border-collapse: separate;
	border-spacing: 0;
	width: 92%;
	margin: 4% auto;
}
.sec-form table tr th {
	display: block;
	overflow: hidden;
	background: #e5f6ee;
	color: #00712f;
	border-top: 2px solid #00712f;
	padding: 0.5em;
	font-weight: 600;
	font-size: 4.6vw;
}
.sec-form table tr th b {
	display: inline-block;
	float: right;
	background: #00712f;
	color: #fff;
	padding: 0.1em 0.5em;
	border-radius: 0.5em;
	font-weight: 600;
	font-size: 4.6vw;
}
.sec-form table tr td {
	display: block;
	padding: 0.5em 0;
	font-size: 3.2vw;
}
.sec-form table tr td .errMsg {
	color: #ff4124;
	line-height: 1.4em;
	font-size: 3.8vw;
}
.sec-form table tr td .job-list {
	display: block;
	letter-spacing: -.4em;
}
.sec-form table tr td .job-list li {
	display: inline-block;
	letter-spacing: normal;
	width: 50%;
	font-size: 3.2vw;
	margin: 0 0 0.5em;
}
.sec-form table tr td em {
	display: inline-block;
	width: 2em;
	text-align: right;
	padding-right: .5em;
	padding-left: .5em;
}
.sec-form table placeholder {
	color: #f1f1f1;
}
input[type="text"],
input[type="tel"] {
	padding: 5px;
	margin: 5px 0;
	background: #fff3d3;
	border: 1px solid #666;
}
input.type_s[type="text"],
input.type_s[type="tel"] {
	width: 26%;
}
input.type_m[type="text"] {
	width: 32%;
}
input.type_ml[type="text"] {
	width: 94%;
}
input.type_l[type="text"] {
	width: 90%;
}
textarea {
	padding: 5px;
	width: 94%;
}
select {
	padding: 5px;
}

.priv_box {
	padding: 15px;
	line-height: 1.4em;
	font-size: 3.6vw;
}
.priv_box b {
	display: inline-block;
	color: #fff;
	background: #00712f;
	border-radius: 0.4em;
	padding: 0.2em 0.5em;
	margin: 0;
	font-size: 2.8vw;
}

.form-btn {
	width: 100%; 
	margin: 20px auto;
}
.form-btn div {
	display: block;
	text-align: center;
	text-decoration: none;
}
.form-btn div input {
	display: block;
	color: #fff;
	letter-spacing: .1rem;
	padding: 0.5em 0;
	margin: 0 auto;
	border: solid 1px #ef5615;
	border-radius: 0.5em;
	width: 92%;
	width: -webkit-calc(92% - 2px);
	width: -moz-calc(92% - 2px);
	width: calc(92% - 2px);
	background: url(../img/bt-arrow.png) no-repeat 98% center #ef5615;
	background-size: auto 60%;
	box-shadow: 2px 2px 4px #333;
	font-weight: 600;
	font-size: 5.0vw;
}
.form-btn div input:hover {
	text-decoration: none;
	background: url(../img/bt-arrow.png) no-repeat 98% center #fff;
	color: #ef5615;
}

#pageTop {
	display: block;
	position: fixed;
	bottom: 12.0vw;
	right: 0;
	z-index: 20;
	width: 15%;
	max-width: 120px;
}

.sec01 .main-text h2.thanks {
	line-height: 1.4;
	font-size: 6.8vw;
}
.sec-thanks {
	padding: 4%;
	background: #bdd630;
}
.sec-thanks p {
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝B", "MingLiU", "SimSun", "ＭＳ Ｐ明朝", serif !important;
	font-size: 4.2vw;
}

/* 20181225 年末年始表記 */
.sec-form .lead-attention {
  margin: 30px auto;
  max-width: 780px;
  padding: 10px;
  border: 1px solid #e96060;
  line-height: 1.7em;
  overflow: hidden;
  color: #e96060;
  font-size: 14px;
}

@media screen and (max-width: 767px) {
	.sec02 .point-box > div > ul li {
		display: block;
		background: url(../img/check.png) no-repeat left top;
		background-size: auto 6.2vw;
		padding: 0.4em 0 .6em 2em;
		color: #003200;
		font-weight: 600;
		font-size: 4vw;
	}

	.sec02 .point-box > div > p {
		line-height: 1.5;
	}

	.sec03 h3 {
		line-height: 1.5;
	}
}

@media screen and (min-width: 768px) {
	
	.float-smt {
		display: none;
	}
	.float-pc {
		position: fixed;
		top: 100px;
		right: 0;
		display: block;
		width: 50px;
		letter-spacing: -.4em;
		z-index: 5;
		text-align: center;
	}
	.float-pc li {
		display: inline-block;
		letter-spacing: normal;
		width: 100%;
		margin-bottom: 10px;
	}
	.float-pc li a {
		display: block;
		color: #fff;
		border-radius: 0.5em 0 0 0.5em;
		padding: 2.0em 0;
		font-size: 14px;
	}
	.float-pc li a:hover {
		text-decoration: none;
	}
	.float-pc li:nth-child(1) a {
		background: #00a55d;
	}
	.float-pc li:nth-child(2) a {
		background: #ef5615;
	}
	.float-pc li:nth-child(3) a {
		background: #666;
	}
	
	.sec01 {
	}
	.sec01 .main-visual {
	}
	.sec01 .main-text {
		padding: 0 1% 4%;
		margin: -2.0em auto 0;
		max-width: 900px;
	}
	.sec01 .main-text span {
		width: 22%;
		margin-bottom: 2.0em;
		margin-bottom: -webkit-calc(2.0em + 10px);
		margin-bottom: -moz-calc(2.0em + 10px);
		margin-bottom: calc(2.0em+ 10px);
		font-size: 2.6vw;
	}
	.sec01 .main-text span::after {
	}
	.sec01 .main-text h2 {
		width: 60%;
		font-size: 6.8vw;
	}
	.sec01 .main-text p {
		text-align: center;
		padding: 1.0em 0;
		font-size: 1.8vw;
	}

	.sec02 {
		width: 100%;
		padding: 4% 0 8%;
	}
	.sec02 .point-box {
		display: block;
		width: 94%;
		max-width: 863px;
		margin: -2.0em auto 1.0em;
		padding: 2%;
	}
	.sec02 .point-box > div {
		position: relative;
		padding: 3%;
	}
	.sec02 .point-box > div > img {
		position: absolute;
		display: block;
		width: 28.8%;
		bottom: -4%;
		right: 0;
	}
	.sec02 .point-box > div h3 {
		width: 50%;
		font-size: 2.6vw;
	}
	.sec02 .point-box > div > ul {
		display: block;
		padding: 4% 0;
	}
	.sec02 .point-box > div > ul li {
		display: block;
		background: url(../img/check.png) no-repeat left top;
		background-size: auto 6.2vw;
		padding: 0.5em 0 1.0em 2.0em;
		font-size: 4.2vw;
	}
	.sec02 .point-box > div > p {
		line-height: 1.4;
		font-size: 2.6vw;
	}
	.sec02 > ol {
		width: 98%;
		margin: 0 auto;
		max-width: 900px;
	}
	.sec02 > ol li,
	.sec02 > ol li:nth-child(3n-1) {
		/*
		width: 15%;
		margin: 0 2% 0.3em 0;
		*/
		width: 18.8%;
		width: -webkit-calc(94%/5);
		width: -moz-calc(94%/5);
		width: calc(94%/5);
		/*
		width: 15.66%;
		width: -webkit-calc(94%/6);
		width: -moz-calc(94%/6);
		width: calc(94%/6);
		*/
		margin: 0 0.5% 0.3em;
		font-size: 1.8vw;
	}
	.sec02 > ol li:last-child {
		margin: 0 0 0.3em;
	}

/* 20190108 追記 */
	.sec02 > ol li:first-child {
		/*margin-left: 8.5%;*/
	}

	.sec02 > a {
		width: 49%;
		max-width: 444px;
		margin: 1.0em auto;
		font-size: 2.0vw;
	}

	.sec03 {
	}
	.sec03 h3 {
		line-height: 1.6;
		font-size: 2.8vw;
	}
	.sec03 > ul {
		display: block;
		letter-spacing: -.4em;
		width: 98%;
		max-width: 900px;
		margin: 0 auto;
		padding: 3% 1%;
	}
	.sec03 > ul li {
		display: inline-block;
		letter-spacing: normal;
		padding-bottom: 0;
		width: 32%;
		vertical-align: top;
	}
	.sec03 > ul li:nth-child(2) {
		margin: 0 2%;
	}
	.sec03 > ul li img {
		float: none;
		width: 100%;
		margin: 0 0 1.0em 0;
	}
	.sec03 > ul li:nth-child(2) img {
		float: none;
		margin: 0 0 1.0em 0;
	}
	.sec03 > ul li p {
		font-size: 1.6vw;
	}
	.sec03 > ul li p b {
		color: #ffea00;
	}

	.sec04 {
	}
	.sec04 h3 {
		padding: 2.5em 0 1.5em;
		margin: 0 auto 2.5em;
		font-size: 2.6vw;
	}
	.sec04 h3::after {
		width: 15%;
		height: 6px;
	}
	.sec04 > p {
		width: 98%;
		max-width: 900px;
		margin: 0 auto;
		padding: 0 0 4%;
		line-height: 1.6;
		font-size: 2.2vw;
	}
	.sec04 > ul {
		display: block;
		letter-spacing: -.4em;
		width: 98%;
		max-width: 900px;
		margin: 0 auto;
		padding: 3% 1%;
	}
	.sec04 > ul li {
		display: inline-block;
		letter-spacing: normal;
		padding-bottom: 0;
		width: 32%;
		vertical-align: top;
	}
	.sec04 > ul li:last-child {
		padding-bottom: 0;
	}
	.sec04 > ul li:nth-child(2) {
		margin: 0 2%;
	}
	.sec04 > ul li > span {
		padding: 0 0 1.0em;
		font-size: 2.2vw;
	}
	.sec04 > ul li > span img {
		width: 100%;
		margin: 0 auto 1.0em;
	}
	.sec04 > ul li > img {
		float: none;
		width: 100%;
		margin: 0 0 1.0em 0;
	}
	.sec04 > ul li p {
		float: none;
		width: 100%;
		font-size: 1.6vw;
	}

	.sec05 {
	}
	.sec05 h3 {
		line-height: 1.6;
		font-size: 2.8vw;
	}
	.sec05 > p {
		width: 98%;
		max-width: 900px;
		margin: 0 auto;
		padding: 3% 1%;
		font-size: 2.0vw;
	}
	.sec05 > ul {
		display: block;
		letter-spacing: -.4em;
		width: 98%;
		max-width: 900px;
		margin: 0 auto;
		padding: 0 0 4%;
	}
	.sec05 > ul li {
	}
	.sec05 > ul li:last-child {
	}

	.sec06 {
	}
	.sec06 h3 {
		padding: 2.5em 0 1.5em;
		margin: 0 auto 2.5em;
		font-size: 2.6vw;
	}
	.sec06 h3::after {
		width: 15%;
		height: 6px;
	}
	.sec06 table {
		width: 100%;
		max-width: 1400px;
		margin: 0 auto;
	}
	.sec06 table tr th {
		display: table-cell;
		width: 50%;
	}
	.sec06 table tr th iframe {
		height: 50vw;
	}
	.sec06 table tr td {
		display: table-cell;
		width: 50%;
		padding: 2%;
	}
	.sec06 table tr td strong {
		font-size: 3.0vw;
	}
	.sec06 table tr td b {
		font-size: 2.4vw;
	}
	.sec06 table tr td p {
		font-size: 2.0vw;
	}

	.sec07 {
		padding: 0 0 4%;
	}
	.sec07 h3 {
		line-height: 1.6;
		font-size: 2.8vw;
	}
	.sec07 nav > ul {
		padding: 4% 0 0;
		width: 98%;
		margin: 0 auto;
		max-width: 990px;
	}
	/*
	.sec07 nav > ul li {
		vertical-align: top;
		width: 21.5%;
		margin: 0 1%;
		font-size: 2.0vw;
	}
	.sec07 nav > ul li:last-child {
		margin: 0 4% 0 1%;
	}
	.sec07 nav > ul li:first-child {
		margin: 0 1% 0 4%;
	}
	.sec07 nav > ul li strong {
		font-size: 2.4vw;
	}
	.sec07 nav > ul li.active {
	}
	*/
	.sec07 nav > ul li,
	.sec07 nav > ul li:nth-child(3n-1) {
		width: 16.66666%;
		width: -webkit-calc(100%/7 - 1.2%);
		width: -moz-calc(100%/7 - 1.2%);
		width: calc(100%/7 - 1.2%);
		margin: 0 0.5% 5px;
		font-size: 2.0vw;
	}
	.sec07 nav > ul li strong,
	.sec07 nav > ul li:nth-child(3n-1) strong {
		font-size: 2.4vw;
	}
	.sec07 nav > ul li.active {
	}
	.sec07 .recruit-box {
		display: none;
		border-top: 4px solid #bdd630;
		border-bottom: 4px solid #bdd630;
		width: 94%;
		max-width: 900px;
		padding: 4% 2%;
		margin: 0 auto;
		background: #fff;
	}
	.sec07 .recruit-box.select {
		display: block;
	}
	.sec07 .recruit-box h4 {
		display: none;
	}
	.sec07 .recruit-box table {
		border-top: 1px solid #00712f;
	}
	.sec07 .recruit-box table tr th {
		display: table-cell;
		width: 30%;
		color: #00712f;
		border-bottom: 1px solid #00712f;
		font-size: 1.8vw;
	}
	.sec07 .recruit-box table tr td {
		display: table-cell;
		width: 70%;
		padding: 0.5em 0 0.5em 0.5em;
		border-bottom: 1px solid #00712f;
		font-size: 1.8vw;
	}
	.sec07 .recruit-box table tr td i {
	}

	.sec08 {
	}
	.sec08 h3 {
		padding: 2.5em 0 1.5em;
		margin: 0 auto 2.5em;
		font-size: 2.6vw;
	}
	.sec08 h3::after {
		width: 15%;
		height: 6px;
	}
	.sec08 > ul {
		display: block;
		width: 98%;
		margin: 0 auto;
		max-width: 900px;
	}
	.sec08 > ul li {
		display: block;
		padding: 4%;
		border-bottom: 1px dotted #ccd6cc;
	}
	.sec08 > ul li dl {
	}
	.sec08 > ul li dl dt {
		padding: 0.8em 0 1.5em 3.4em;
		font-size: 2.0vw;
	}
	.sec08 > ul li dl dt::before {
	}
	.sec08 > ul li dl dd {
		font-size: 2.0vw;
	}
	.sec08 > ul li dl dd::before {
	}
	
	.sec08 > a {
		width: 49%;
		max-width: 444px;
		margin: 1.0em auto;
		font-size: 2.0vw;
	}

	
	.sec-form {
	}
	.sec-form h3 {
		padding: 2.5em 0 1.5em;
		margin: 0 auto 2.5em;
		font-size: 2.6vw;
	}
	.sec-form h3::after {
		width: 15%;
		height: 6px;
	}
	.sec-form table {
		width: 98%;
		max-width: 900px;
		margin: 2% auto;
		border-bottom: 2px solid #00712f;
	}
	.sec-form table tr th {
		display: table-cell;
		width: 40%;
		font-size: 2.2vw;
	}
	.sec-form table tr th b {
		font-size: 2.2vw;
	}
	.sec-form table tr td {
		display: table-cell;
		width: 60%;
		padding: 0.5em;
		border-top: 2px solid #00712f;
		font-size: 1.8vw;
	}
	.sec-form table tr td .errMsg {
		font-size: 1.8vw;
	}
	.sec-form table tr td .job-list {
	}
	.sec-form table tr td .job-list li {
		font-size: 1.8vw;
	}
	.sec-form table tr td em {
	}
	.sec-form table placeholder {
	}
	input[type="text"],
	input[type="tel"] {
	}
	input.type_s[type="text"],
	input.type_s[type="tel"] {
	}
	input.type_m[type="text"] {
	}
	input.type_ml[type="text"] {
	}
	input.type_l[type="text"] {
	}
	textarea {
	}
	select {
	}

	.priv_box {
		width: 98%;
		margin: 0 auto;
		max-width: 900px;
		font-size: 1.8vw;
	}
	.priv_box b {
		font-size: 1.6vw;
	}

	.form-btn {
		width: 100%; 
		margin: 20px auto;
	}
	.form-btn div {
		display: block;
		text-align: center;
		text-decoration: none;
	}
	.form-btn div input {
		width: 49%;
		width: -webkit-calc(49% - 2px);
		width: -moz-calc(49% - 2px);
		width: calc(49% - 2px);
		max-width: 444px;
		margin: 2.5em auto 0;
		font-size: 2.0vw;
	}
	.form-btn div input:hover {
		text-decoration: none;
		background: url(../img/bt-arrow.png) no-repeat 98% center #fff;
		color: #ef5615;
	}
	
	#pageTop {
		bottom: 60px;
		right: 60px;
		max-width: 100px;
	}
	
	.sec01 .main-text h2.thanks {
		font-size: 3.8vw;
	}
	.sec-thanks p {
		font-size: 2.2vw;
	}
	
}


@media screen and (min-width: 900px) {
	
	.sec01 .main-text {
		padding: 0 0 4%;
	}
	.sec01 .main-text span {
		width: 200px;
		font-size: 30px;
	}
	.sec01 .main-text span::after {
	}
	.sec01 .main-text h2 {
		width: 600px;
		font-size: 70px;
	}
	.sec01 .main-text p {
		line-height: 1.6;
		font-size: 20px;
	}

	.sec02 .point-box > div > img {
		width: 198px;
		bottom: -28px;
		right: 0;
	}
	.sec02 .point-box > div h3 {
		width: 420px;
		font-size: 26px;
	}
	.sec02 .point-box > div > ul li {
		background-size: auto 58px;
		padding: 0.5em 0 1.0em 2.0em;
		font-size: 40px;
	}
	.sec02 .point-box > div > p {
		font-size: 22px;
	}
	.sec02 > ol {
		max-width: 918px;
	}
	.sec02 > ol li,
	.sec02 > ol li:nth-child(3n-1) {
		font-size: 16px;
	}
	.sec02 > a {
		font-size: 24px;
	}

	.sec03 h3 {
		font-size: 34px;
	}
	.sec03 > ul {
		padding: 3% 0;
	}
	.sec03 > ul li p {
		line-height: 1.4;
		font-size: 20px;
	}
	.sec03 > ul li p b {
		color: #ffea00;
	}

	.sec04 h3 {
		font-size: 36px;
	}
	.sec04 > p {
		font-size: 22px;
	}
	.sec04 > ul {
		padding: 3% 0;
	}
	.sec04 > ul li > span {
		font-size: 26px;
	}
	.sec04 > ul li p {
		line-height: 1.4;
		font-size: 20px;
	}

	.sec05 {
	}
	.sec05 h3 {
		font-size: 34px;
	}
	.sec05 > p {
		padding: 3% 0;
		line-height: 1.4;
		font-size: 22px;
	}

	.sec06 h3 {
		font-size: 36px;
	}
	.sec06 table tr th iframe {
		height: 525px;
	}
	.sec06 table tr td strong {
		font-size: 30px;
	}
	.sec06 table tr td b {
		font-size: 24px;
	}
	.sec06 table tr td p {
		font-size: 20px;
	}

	.sec07 h3 {
		font-size: 34px;
	}
	.sec07 nav > ul li,
	.sec07 nav > ul li:nth-child(3n-1) {
		font-size: 18px;
	}
	.sec07 nav > ul li strong,
	.sec07 nav > ul li:nth-child(3n-1) strong {
		font-size: 18px;
	}
	.sec07 .recruit-box table tr th {
		line-height: 1.4;
		font-size: 18px;
	}
	.sec07 .recruit-box table tr td {
		line-height: 1.4;
		font-size: 18px;
	}

	.sec08 h3 {
		font-size: 36px;
	}
	.sec08 > ul li dl dt {
		padding: 0.8em 0 2.5em 3.4em;
		font-size: 20px;
	}
	.sec08 > ul li dl dd {
		line-height: 1.4;
		font-size: 20px;
	}
	
	.sec08 > a {
		font-size: 24px;
	}

	
	.sec-form h3 {
		font-size: 36px;
	}
	.sec-form table tr th {
		font-size: 22px;
	}
	.sec-form table tr th b {
		padding: 0.2em 0.5em;
		font-size: 20px;
	}
	.sec-form table tr td {
		font-size: 20px;
	}
	.sec-form table tr td .errMsg {
		font-size: 20px;
	}
	.sec-form table tr td .job-list li {
		font-size: 20px;
	}

	.priv_box {
		font-size: 18px;
	}
	.priv_box b {
		font-size: 16px;
	}

	.form-btn {
		width: 100%; 
		margin: 20px auto;
	}
	.form-btn div {
		display: block;
		text-align: center;
		text-decoration: none;
	}
	.form-btn div input {
		font-size: 24px;
	}
	
	.sec01 .main-text h2.thanks {
		width: 100%;
		font-size: 50px;
	}
	.sec-thanks p {
		font-size: 28px;
	}
	
}

@media screen and (min-width: 1400px) {

}

@media only screen and (max-width: 799px){

/* 20181225 年末年始表記 */
	.sec-form .lead-attention {
	  margin: 30px 10px;
	  font-size: 12px;
	}

}
@media screen and (min-width: 768px){
}

/* 20190327 改修 */

.header {
    background: #ef6c15;
}
.header_tel {
    color: #ef6c15 !important;
    font-weight: 600;
}
.header_tel strong {
    color: #ef6c15 !important;
}
.header_tel strong a {
    color: #ef6c15 !important;
}
.header_tel em {
    background: #ef6c15;
    color: #fff;
}
.sec01 {
    padding: 0;
}
.sec02 {
    background-image: url(../img/bg-sec.png);
    /*padding-top: 90%;*/
    position: relative;
}
.sec02 .point-box {
    border-radius: 16px;
	margin-top: -12%;
	/*
    position: absolute;
    top: -2%;
    left: 4%;
    right: 4%;
	*/
}
.sec02 .point-box > div {
    border: 2px solid #ffca18;
    border-radius: 16px;
}
.sec02 .point-box > div h3 {
    color: #ef6c15;
    border-bottom: 2px solid #ef6c15;
}
.sec02 .point-box > div > ul li {
    color: #ef6c15;
}
.sec02 .point-box > div > p {
    color: #505050;
}
.sec02 > ol li {
    background: none;
}
.sec03 {
    background: #fff4d1;
}
.sec03 h3 {
    background: #ef6c15;
}
.sec03 > ul li p {
    color: #505050;
}
.sec03 > ul li p b {
    color: #ef6c15;
}
.sec03 > ul li img {
    border-radius: 16px;
}
.sec04 {
    background-image: url(../img/bg-sec.png);
}
.sec04 h3 {
    color: #ef6c15;
}
.sec04 h3::after {
    background: none;
}
.sec04 > ul li > span {
    color: #ef6c15;
}
.sec04 > ul li p {
    color: #505050;
    font-weight: 100;
}
.sec05 {
    background: #fff4d1;
}
.sec05 h3 {
    background: #ef6c15;
}
.sec05 > p {
    color: #505050;
}
.sec06 {
    background-image: url(../img/bg-sec.png);
}
.sec06 h3 {
    color: #ef6c15;
}
.sec06 h3::after {
    background: none;
}
.sec06 table tr td {
    background: none;
}
.sec06 table tr td strong {
    color: #505050;
    font-weight: 100;
}
.sec06 table tr td b {
    color: #505050;
    font-weight: 100;
}
.sec06 table tr td p {
    color: #ef6c15;
    font-weight: 600;
}
.sec07 {
    background: #fff4d1;
}
.sec07 h3 {
    background: #ef6c15;
}
.sec07 nav > ul li {
    color: #dec68f;
}
.sec07 nav > ul li.active {
    color: #fff;
    background: #bd8e20;
}
.sec07 .recruit-box {
    border-top: 4px solid #bd8e20;
    border-bottom: 4px solid #bd8e20;
}
.sec07 .recruit-box table {
    border-top: 1px solid #bd8e20;
}
.sec07 .recruit-box table tr th {
    color: #bd8e20;
    border-bottom: 1px solid #bd8e20;
}
.sec07 .recruit-box table tr td {
    color: #505050;
    border-bottom: 1px solid #bd8e20;
}
.sec-form {
    background-image: url(../img/bg-sec.png);
    padding-bottom: 5px;
}
.sec-form h3 {
    color: #ef6c15;
}
.sec-form h3::after {
    background: none;
}
.sec-form table {
    border-bottom: 2px solid #bd8e20;
}
.sec-form table tr th {
    color: #bd8e20;
    background: #fff;
    border-top: 2px solid #bd8e20;
}
.sec-form table tr th b {
    background: #ef6c15;
}
.sec-form table tr td {
    background: #fff;
    border-top: 2px solid #bd8e20;
    padding: 0.5em;
}
.priv_box b {
    background: #ef6c15;
}
.sec08 {
    background: #fff4d1;
    padding-bottom: 5px;
}
.sec08 > ul li dl dt {
    color: #ef6c15;
}
.sec08 h3 {
    display: block;
    color: #fff;
    padding: 1.5em 0;
    font-weight: 600;
    font-size: 5.0vw;
    background: #ef6c15;
}
.sec08 h3::after {
    background: none;
}
.sec08 > ul li dl dt::before {
    background: #ef6c15;
}
.sec08 > ul li dl dd {
    color: #505050;
}
.sec08 > ul li dl dd::before {
    background: #bd8e20;
}
address {
    background: #ffca18;
}

@media screen and (min-width: 768px){
    .sec01 .main-visual {
        max-width: none;
    }
    .sec02 {
        /*padding-top: 30%;*/
    }
    .sec02 .point-box {
        /*top: -7%;*/
		margin-top: -8%;
    }
    .sec04 > ul li > span img {
        width: auto;
    }
    .sec-form table tr th {
        border-right: 2px solid #bd8e20;
    }
    .sec08 h3 {
        font-size: 34px;
    }
}

/* 2019.04.24 追記 */
@media screen and (min-width: 768px) {
	.sec07 nav > ul li.office strong {
		font-size: 21px;
		padding-top: 2px;
	}
}