@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	font-weight: normal;
	-webkit-appearance: none
}
body {
	text-align: center;
	background: #fff;
	color: #222;
	cursor: auto;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", meiryo, sans-serif;
	letter-spacing: 0.1em;
	word-spacing: 0.1em;
	-webkit-text-size-adjust: 100%
}
@media screen and (min-width: 737px) {
	body {
		font-size: 16px
	}
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, picture {
	display: block
}
p {
	padding: 5px 0 10px
}
blockquote {
	margin: 15px 0;
	padding: 10px 15px 3px;
	background: #faf6ed
}
pre {
	background: #eee;
	margin: 1em 0;
	padding: 0 20px;
	overflow: auto;
	width: auto
}
code {
	color: #5b5905;
	font-family: sans-serif;
	letter-spacing: 0
}
ul, ol {
	margin: 10px 0;
	padding: 0 0 0 30px
}
ul {
	list-style: none
}
dl {
	margin: 10px 0
}
a {
	color: #0071bb;
	text-decoration: underline;
	cursor: pointer
}
a:visited {
	color: #004d7c
}
a:hover {
	color: #f80;
	text-decoration: underline
}
a:focus, a:active {
	color: #f90
}
@media screen and (min-width: 737px) {
	a {
		transition: all 300ms 0s ease
	}
	a:hover {
		opacity: .6
	}
}
em {
	font-weight: bold;
	color: #666;
	font-style: normal
}
strong {
	font-weight: bold;
	color: #002d58
}
hr {
	display: none
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
	border: none;
	color: #fff;
	background: transparent;
	vertical-align: bottom
}
embed, object {
	outline: 0;
	vertical-align: bottom
}
abbr, acronym {
	cursor: help
}
sup {
	vertical-align: super;
	font-size: 70%
}
sub {
	vertical-align: baseline;
	font-size: 70%
}
fieldset {
	border: 1px solid #ddd;
	margin: 0 0 15px;
	padding: 10px
}
input, textarea {
	padding: 1px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", meiryo, sans-serif
}
select option {
	padding: 0 5px
}
label {
	cursor: pointer
}
input:focus, select:focus, textarea:focus {
	background: #fafafa
}
ul.list, ul.list-kome {
	padding-left: 0
}
ul.list li, ul.list-kome li {
	margin-left: 1em;
	position: relative
}
ul.list li:before {
	display: block;
	content: '';
	position: absolute;
	top: 7px;
	left: -0.7em;
	background: #666;
	border-radius: 100%;
	width: 6px;
	height: 6px
}
ul.list-kome li:before {
	display: block;
	position: absolute;
	left: -1em;
	content: '※'
}
.aL {
	text-align: left
}
.aC {
	text-align: center
}
.aR {
	text-align: right
}
.fR {
	float: right
}
.fL {
	float: left
}
.clr {
	float: none;
	clear: both
}
.temp-notes {
	font-size: 120%;
	color: #c00;
	font-weight: bold;
	background: #f8f8f8;
	margin: 1em;
	padding: 1em
}
.sp_br {
	display: inline
}
.sp_blind {
	display: none
}
.pc_br {
	display: none
}
.pc_blind {
	display: block
}
@media screen and (min-width: 737px) {
	.sp_br {
		display: none
	}
	.sp_blind {
		display: block
	}
	.pc_br {
		display: inline
	}
	.pc_blind {
		display: none
	}
}
.slicknav_menu {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	font-size: 14px;
	box-sizing: border-box;
	*zoom: 1;
	z-index: 2
}
.slicknav_menu * {
	box-sizing: border-box
}
.slicknav_menu:before {
	content: " ";
	display: table
}
.slicknav_menu:after {
	content: " ";
	display: table;
	clear: both
}
.slicknav_btn {
	display: block;
	position: relative;
	float: right;
	background-color: #0080cd;
	margin: 25px 5px 0 0;
	width: 44px;
	height: 44px;
	border-radius: 4px;
	cursor: pointer
}
.slicknav_btn .slicknav_menutxt {
	display: none
}
.slicknav_btn .slicknav_no-text {
	margin: 0
}
.slicknav_btn .slicknav_icon {
	position: relative;
	display: block;
	width: 60%;
	height: 44px;
	margin: 0 auto
}
.slicknav_btn .slicknav_icon .slicknav_icon-bar {
	position: absolute;
	display: block;
	background-color: #fff;
	width: 100%;
	height: 3px;
	border-radius: 1px;
	transition: all .4s
}
.slicknav_btn .slicknav_icon .slicknav_icon-bar:nth-child(1) {
	top: 10px
}
.slicknav_btn .slicknav_icon .slicknav_icon-bar:nth-child(2) {
	top: 20px
}
.slicknav_btn .slicknav_icon .slicknav_icon-bar:nth-child(3) {
	bottom: 11px
}
.slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:nth-child(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg)
}
.slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:nth-child(2) {
	opacity: 0
}
.slicknav_btn.slicknav_open .slicknav_icon .slicknav_icon-bar:nth-child(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg)
}
.slicknav_nav {
	clear: both;
	margin: 0;
	padding: 2px 0 0;
	text-align: center
}
.slicknav_nav ul {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none
}
.slicknav_nav li {
	display: block
}
.slicknav_nav a {
	display: block;
	background-color: #333;
	padding: 14px 0;
	color: #fff;
	text-decoration: none
}
.slicknav_nav .slicknav_parent-link a {
	display: inline
}
.slicknav_nav .slicknav_arrow {
	margin: 0 0 0 0.4em;
	font-size: 0.8em
}
.slicknav_nav .slicknav_txtnode {
	margin-left: 15px
}
.slicknav_nav .slicknav_item {
	cursor: pointer
}
.slicknav_nav .slicknav_item a {
	display: inline
}
.slicknav_nav .slicknav_row {
	display: block;
	padding: 5px 10px;
	margin: 2px 5px
}
.slicknav_nav .hCompany a {
	background-color: #a3bc18
}
.slicknav_nav .hContact a {
	background-color: #0080cd
}
.slicknav_brand {
	float: left;
	height: 44px;
	padding: 7px 12px;
	color: #fff;
	font-size: 18px;
	line-height: 30px
}
.size-thumbnail {
	max-width: 100px;
	height: auto
}
.size-medium {
	max-width: 50%;
	height: auto
}
.size-large {
	max-width: 100%;
	height: auto
}
.size-full {
	max-width: 100%;
	height: auto
}
@media screen and (min-width: 737px), print {
	.size-thumbnail {
		max-width: 50%;
		width: auto
	}
	.size-medium {
		width: auto
	}
	.size-full {
		width: auto
	}
	.size-medium {
		width: auto;
		max-width: 100%
	}
}
#side h4 {
	background-color: #0080cd;
	color: #fff;
	font-size: 16px;
	border: none;
	padding: 10px;
	margin: 0
}
#side h4:after {
	display: none
}
#side dl, #side ul {
	background-color: #f4f4f4;
	padding: 0;
	margin: 0
}
#side .categories {
	margin-bottom: 20px
}
#side .categories ul {
	margin: 0;
	padding: 0
}
#side .categories a {
	position: relative;
	display: block;
	color: #222;
	text-decoration: none;
	padding: 0.5em 1em 0.5em 2.4em;
	border-bottom: 1px solid #ccc
}
#side .categories a:before {
	position: absolute;
	top: 50%;
	left: 1em;
	width: 0.4em;
	height: 0.4em;
	content: "";
	border-top: 2px solid #0080cd;
	border-right: 2px solid #0080cd;
	transition: 0.2s all ease;
	transform: rotate(45deg);
	margin-top: -0.3em
}
#side .categories a:hover {
	background-color: #ccc;
	opacity: 1
}
#side .categories a:hover:before {
	margin-left: 5px
}
#side .archives dl {
	margin: 0;
	overflow: hidden
}
#side .archives dt {
	background-color: #8dcaf1;
	color: #004d7c;
	font-weight: bold;
	padding: 10px 20px;
	clear: left;
	margin-top: 10px
}
#side .archives dt:first-child {
	margin-top: 0
}
#side .archives dd {
	float: left;
	width: 33.33%
}
#side .archives dd a {
	display: block;
	padding: 5px;
	font-size: 90%
}
#side .calendar table {
	margin-top: 10px;
	width: auto;
	border-collapse: collapse
}
#side .calendar table caption {
	font-weight: bold;
	text-align: center
}
#side .calendar table th, #side .calendar table td {
	padding: 0;
	text-align: center
}
#side .calendar table tfoot .pad {
	border: none
}
@media screen and (min-width: 737px), print {
	#side .categories {
		margin-bottom: 40px
	}
	#side .archives dd a {
		font-size: 12px;
		letter-spacing: inherit
	}
}
#wp-pagenation {
	text-align: center;
	padding: 0;
	margin: 4% 0
}
#wp-pagenation li {
	display: block
}
#wp-pagenation li:nth-child(2) a {
	background-color: #222
}
#wp-pagenation li+li {
	margin-top: 10px
}
#wp-pagenation a {
	min-width: auto;
	width: 240px;
	margin: 0 auto
}
#wp-pagenation a:before, #wp-pagenation a:after {
	display: none
}
@media screen and (min-width: 737px), print {
	#wp-pagenation li {
		display: inline-block
	}
	#wp-pagenation li+li {
		margin-top: 0
	}
	#wp-pagenation a {
		min-width: 180px
	}
}
.wp-pagenavi {
	margin-top: 2em;
	text-align: center
}
.wp-pagenavi span {
	display: inline-block;
	margin: 5px 1px;
	padding: 0.5em 0.8em
}
.wp-pagenavi a {
	display: inline-block;
	background-color: #8dcaf1;
	margin: 5px 1px 5px 0;
	padding: 0.5em 0.8em;
	text-decoration: none;
	color: #222
}
.wp-pagenavi .pages {
	display: block;
	color: #0080cd;
	font-weight: bold;
	background-color: transparent;
	padding: 10px 0
}
.wp-pagenavi .extend {
	padding-right: 0;
	padding-left: 0
}
.wp-pagenavi .current {
	color: #fff;
	background-color: #0080cd
}
@media screen and (min-width: 737px), print {
	.wp-pagenavi span {
		padding: .5em
	}
	.wp-pagenavi a {
		padding: .5em
	}
	.wp-pagenavi .pages {
		margin-right: 2em
	}
}
html {
	margin-top: 0 !important
}
#wpadminbar {
	top: auto !important;
	bottom: 0;
	position: static
}
@media screen and (min-width: 737px) {
	#wpadminbar {
		position: fixed
	}
}
.preparation {
	padding: 3em 10px
}
.wp_nopost {
	padding: 3em 10px
}
@media screen and (min-width: 737px), print {
	.preparation {
		padding: 100px 0;
		text-align: center
	}
	.wp_nopost {
		padding: 0;
		text-align: center
	}
}
* {
	box-sizing: border-box
}
#wrapper {
	width: 100%;
	margin: 0 auto;
	overflow: hidden
}
header {
	width: 100%
}
#container {
	padding-top: 6px;
	width: 100%
}
#container {
	margin: 0 auto;
	text-align: left
}
#contents {
	position: relative;
	padding: 20px 0;
	overflow: hidden
}
footer {
	clear: both
}
.sec {
	position: relative;
	padding: 20px 10px
}
.sec.bgGray {
	background-color: #f4f4f4
}
.sec>.inr.bgWhite {
	background-color: #fff;
	padding: 1px 20px 10px
}
@media screen and (min-width: 737px), print {
	#container {
		padding-top: 0px
	}
	#contents {
		width: 1040px;
		max-width: 100%;
		margin: 0 auto
	}
	.sec {
		padding: 40px 10px
	}
	.sec>.inr {
		width: 1040px;
		max-width: 100%;
		margin: 0 auto
	}
	.sec>.inr.bgWhite {
		padding: 10px 40px 40px
	}
}
@page {
	margin: 20px
}
header h1, header>.inr {
	position: relative;
	z-index: 1
}
header>.inr {
	position: relative;
	width: 142px;
	margin: 0;
	z-index: 5
}
header>.inr:after {
	display: block;
	content: "";
	clear: both
}
header .logo {
	float: left;
	padding: 5px 0 5px 10px
}
header .logo img {
	width: 142px
}
header h1 {
	color: #fff;
	background-color: #0080cd;
	display: block;
	font-size: 10px;
	text-align: left;
	letter-spacing: 0;
	padding: 2px 10px
}
header h1>span {
	display: block;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0 auto;
	overflow: hidden
}
header #gNavi {
	display: none
}
header #hNavi {
	display: none
}
@media screen and (min-width: 737px), print {
	header>.inr {
		width: 100%
	}
	header .logo {
		padding-top: 8px;
		padding-bottom: 8px
	}
	header .logo img {
		width: 188px
	}
	header #gNavi {
		display: block;
		width: 70%;
		float: right;
		margin-right: 10px;
		z-index: 1
	}
	header #gNavi ul {
		position: relative;
		min-height: 60px;
		margin: 10px 0;
		padding: 0 220px 0 0;
		overflow: hidden
	}
	header #gNavi li {
		float: left;
		vertical-align: middle;
		padding-top: 8px;
		padding-right: 10px
	}
	header #gNavi li:last-child {
		padding-right: 0
	}
	header #gNavi li a {
		display: block;
		height: 20px;
		text-indent: -9999px;
		text-decoration: none;
		background: no-repeat 50% 50% / contain
	}
	header #gNavi .g01 a {
		width: 100px;
		background-image: url(../img/gnav01.png)
	}
	header #gNavi .g02 a {
		width: 70px;
		background-image: url(../img/gnav02.png)
	}
	header #gNavi .g03 a {
		width: 136px;
		background-image: url(../img/gnav03.png)
	}
	header #gNavi .g04 a {
		width: 68px;
		background-image: url(../img/gnav04.png)
	}
	header #gNavi .g05 a {
		width: 128px;
		background-image: url(../img/gnav05.png)
	}
	header #gNavi .g01 a:hover {
		background-image: url(../img/gnav01_o.png);
		opacity: 1
	}
	header #gNavi .g02 a:hover {
		background-image: url(../img/gnav02_o.png);
		opacity: 1
	}
	header #gNavi .g03 a:hover {
		background-image: url(../img/gnav03_o.png);
		opacity: 1
	}
	header #gNavi .g04 a:hover {
		background-image: url(../img/gnav04_o.png);
		opacity: 1
	}
	header #gNavi .g05 a:hover {
		background-image: url(../img/gnav05_o.png);
		opacity: 1
	}
	header #gNavi .hCompany, header #gNavi .hContact {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0
	}
	header #gNavi .hCompany a, header #gNavi .hContact a {
		display: block;
		width: 100px;
		height: 100%;
		text-align: center;
		text-decoration: none;
		background: no-repeat 50% 50% / auto 34px;
		padding: 18px 5px
	}
	header #gNavi .hCompany {
		right: 100px
	}
	header #gNavi .hCompany a {
		background-image: url(../img/h_company.png);
		background-color: #a3bc18
	}
	header #gNavi .hContact {
		padding-left: 0
	}
	header #gNavi .hContact a {
		background-image: url(../img/h_contact.png);
		background-color: #0080cd
	}
	header #hNavi {
		position: absolute;
		top: -17px;
		right: 12px;
		display: block;
		font-size: 10px;
		text-align: right
	}
	header #hNavi ul {
		margin: 0
	}
	header #hNavi li {
		display: inline-block;
		text-align: left
	}
	header #hNavi li+li {
		padding-left: 1em
	}
	header #hNavi a {
		position: relative;
		color: #fff;
		display: inline-block;
		text-decoration: none;
		padding-left: 1.2em
	}
	header #hNavi a:before {
		position: absolute;
		top: 0.4em;
		left: 0;
		display: inline-block;
		width: 0.4em;
		height: 0.4em;
		content: "";
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg)
	}
}
@media screen and (min-width: 1200px), print {
	header #gNavi {
		width: auto
	}
	header #gNavi ul {
		display: table;
		padding: 0
	}
	header #gNavi li {
		display: table-cell;
		float: none;
		padding: 0 1.5em 0 0
	}
	header #gNavi .hCompany, header #gNavi .hContact {
		position: static;
		padding-right: 0
	}
}
.menuOn header:before, .scrollOn header:before {
	opacity: 1
}
.slicknav_menu {
	display: block
}
@media screen and (min-width: 737px), print {
	.slicknav_menu {
		display: none
	}
}
#main {
	position: relative;
	height: 500px;
	max-height: 100vh;
	background: url(../img/main_bg.jpg) no-repeat 18% 50%/cover
}
#main h2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 98%;
	text-align: center;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	padding: 0;
	margin: 0 auto
}
#main.ipad {
	background: url(../img/main_bg_tb.jpg) no-repeat 50% 50%;
	background-size: cover
}
@media screen and (min-width: 737px), print {
	#main {
		height: 840px;
		height: 95vh;
		max-height: none;
		background-position: 50% 50%
	}
	#main h2 {
		left: 60%
	}
	#main p {
		width: auto
	}
}
#main2 h2 {
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	width: 100%;
	height: 200px;
	font-family: "Sawarabi Mincho", serif
}
#main2 h2:before {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	width: 100%;
	height: 100%;
	content: ""
}
#main2 h2 span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #fff
}
@media screen and (min-width: 737px), print {
	#main2 h2 {
		height: 250px
	}
	#main2 h2>span {
		font-size: 3rem;
		margin-top: 0
	}
}
#main3 {
	position: relative;
	background-color: #f4f4f4;
	padding: 0 0 5px
}
#main3 h2 {
	display: table;
	width: 100%;
	height: 80px;
	background-color: #0080cd;
	text-align: center;
	padding: 10px
}
#main3 h2>span {
	position: relative;
	display: table-cell;
	color: #fff;
	font-size: 1.8em;
	vertical-align: middle;
	padding: 10px;
	z-index: 1
}
@media screen and (min-width: 737px), print {
	#main3 h2 {
		height: 120px
	}
	#main3 h2>span {
		font-size: 2.4em
	}
}
#breadcrumbsList {
	margin: 5px 10px 0;
	padding: 0;
	text-align: right;
	font-size: 10px
}
#breadcrumbsList li {
	position: relative;
	display: inline-block;
	padding-left: 1em
}
#breadcrumbsList li:before {
	content: '＞';
	display: inline-block;
	position: absolute;
	left: 0
}
#breadcrumbsList li:first-child {
	padding-left: 0
}
#breadcrumbsList li:first-child:before {
	display: none
}
@media screen and (min-width: 737px), print {
	#breadcrumbsList {
		width: 1040px;
		max-width: 100%;
		margin: 5px auto 0
	}
}
footer {
	margin: 0 auto
}
footer address {
	background-color: #0080cd;
	color: #fff;
	font-style: normal;
	font-size: 12px;
	text-align: center;
	padding: 10px
}
@media screen and (min-width: 737px), print {
	footer nav, footer address {
		float: none;
		width: auto;
		text-align: center
	}
}
.contactBtn {
	background-color: #0080cd
}
.contactBtn>ul {
	width: 1040px;
	max-width: 100%;
	padding: 0;
	margin: 0 auto;
	overflow: hidden
}
.contactBtn li {
	text-align: center;
	padding: 0
}
.contactBtn li a {
	display: block;
	padding: 10px 20px
}
.contactBtn li img {
	height: 44px
}
.contactBtn li+li {
	border-top: 5px solid #fff
}
.contactBtn .mail {
	padding: 0
}
@media screen and (min-width: 737px), print {
	.contactBtn li {
		width: 50%;
		float: left;
		padding: 20px
	}
	.contactBtn li img {
		height: 64px
	}
	.contactBtn li+li {
		border-top: none
	}
	.contactBtn .mail a {
		padding: 20px
	}
	.contactBtn .mail a:hover {
		background-color: rgba(0, 0, 0, 0.6)
	}
}
.footOffice {
	text-align: left;
	background-color: #f4f4f4;
	padding-top: 40px;
	padding-bottom: 40px
}
.footOffice>.inr {
	overflow: hidden
}
.footOffice dl {
	margin: 0;
	padding: 10px
}
.footOffice dt {
	color: #0080cd;
	letter-spacing: 0;
	margin-bottom: 10px
}
.footOffice dt:before {
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	content: "";
	background-color: #0080cd;
	border-radius: 50%;
	vertical-align: middle;
	margin-right: 0.5em
}
.footOffice dd {
	font-size: 14px;
	padding-bottom: 5px
}
.footOffice .btnB, .footOffice #wp-pagenation a, #wp-pagenation .footOffice a {
	display: block;
	width: 140px;
	min-width: auto;
	font-size: 12px;
	padding: 0.2em 2em 0.2em 1em;
	vertical-align: middle
}
.footOffice .btnB:before, .footOffice #wp-pagenation a:before, #wp-pagenation .footOffice a:before {
	display: none
}
@media screen and (min-width: 737px), print {
	.footOffice {
		padding-top: 80px;
		padding-bottom: 80px
	}
	.footOffice dl {
		width: 50%;
		float: left
	}
	.footOffice dl:nth-child(2n+1) {
		clear: both
	}
	.footOffice dt a {
		display: inline-block
	}
	.footOffice dd {
		letter-spacing: 0
	}
}
.footContents .footInfo .logo {
	width: 220px;
	max-width: 100%;
	margin: 0 auto
}
.footContents .footInfo ul {
	padding: 10px 0 20px;
	margin: 0
}
.footContents .footInfo ul li {
	display: inline-block;
	padding: 0 10px
}
.footContents .footInfo ul img {
	width: 40px
}
.footContents .footLink {
	font-size: 12px;
	text-align: left;
	letter-spacing: 0;
	padding: 0;
	margin: 0 -5px;
	overflow: hidden
}
.footContents .footLink li {
	width: 50%;
	float: left;
	list-style: none;
	padding: 5px
}
.footContents .footLink a {
	position: relative;
	display: inline-block;
	color: #222;
	text-decoration: none;
	padding-left: 1em
}
.footContents .footLink a:before {
	position: absolute;
	top: 0.5em;
	left: 0;
	display: inline-block;
	width: 0.4em;
	height: 0.4em;
	content: "";
	border-top: 1px solid #0080cd;
	border-right: 1px solid #0080cd;
	transform: rotate(45deg)
}
.footContents .footLink a:hover {
	color: #0080cd;
	text-decoration: underline
}
@media screen and (min-width: 737px), print {
	.footContents>.inr {
		overflow: hidden
	}
	.footContents>.inr>div {
		float: left
	}
	.footContents .footInfo {
		width: 40%
	}
	.footContents .footLink {
		width: 60%
	}
	.footContents .footLink li {
		width: 33.33%
	}
}
.pagetop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	padding: 0;
	z-index: 10
}
.pagetop a {
	position: relative;
	display: block;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.05em
}
.pagetop a:before {
	display: block;
	width: 4em;
	height: 4em;
	background-color: rgba(0, 0, 0, 0.6);
	content: "";
	border-radius: 4px;
	margin: 0 auto 5px;
	transition: all 0.2s linear
}
.pagetop a:after {
	position: absolute;
	top: 1.4em;
	left: 50%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 10px 8px;
	border-color: transparent transparent #fff transparent;
	margin-left: -8px
}
.pagetop a:hover {
	color: #0080cd
}
.pagetop a:hover:before {
	background-color: #0080cd
}
main {
	margin: 0 auto;
	width: auto
}
main h3 {
	font-family: "Sawarabi Mincho", serif;
	font-size: 20px;
	font-weight: normal;
	text-align: center;
	margin: 20px 0
}
main h3 strong {
	color: #0080c8;
	font-weight: normal
}
main h3:after {
	display: block;
	max-width: 44%;
	height: 3px;
	content: "";
	background-color: #0080cd;
	margin: 15px auto 0
}
main h3 .hlImg {
	width: 320px
}
main h3.colBlue {
	color: #0080cd
}
main h3.noBd {
	margin-bottom: 5px
}
main h3.noBd:after {
	display: none
}
main h4 {
	position: relative;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #f4f4f4;
	margin: 30px 0 15px;
	padding-bottom: 5px
}
main h4:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 40%;
	height: 2px;
	content: "";
	background-color: #0080cd
}
main h4.colBlue {
	color: #0080cd
}
main h4.noBd {
	border-bottom: none;
	padding-bottom: 0
}
main h4.noBd:after {
	display: none
}
main h5 {
	font-weight: bold;
	color: #a3bc18;
	margin: 15px 0 5px
}
main b {
	font-weight: bold
}
main .txtCatch {
	margin: 20px 0
}
@media screen and (min-width: 737px), print {
	main h3 {
		font-size: 30px;
		margin: 40px 0
	}
	main h3:after {
		height: 5px
	}
	main h4 {
		margin: 40px 0;
		font-size: 22px;
		border-bottom-width: 4px
	}
	main h4:after {
		bottom: -4px;
		height: 4px
	}
	main h5 {
		margin: 20px 0 10px
	}
	main .txtCatch {
		text-align: center
	}
}
.innerNav {
	width: 1040px;
	max-width: 100%;
	padding: 0 10px;
	margin: 0 auto;
	overflow: hidden
}
.innerNav ul {
	padding: 0;
	margin: 4% 0 2%;
	overflow: hidden
}
.innerNav li {
	width: 100%;
	padding: 0 2%;
	margin: 0
}
.innerNav a {
	position: relative;
	display: block;
	color: #222;
	font-size: 1.1em;
	text-decoration: none;
	letter-spacing: 0;
	line-height: 1.4;
	border-bottom: 1px solid #ccc;
	padding: 1em 1.5em 1em 0
}
.innerNav a:after {
	position: absolute;
	top: 1.3em;
	right: 0.4em;
	display: block;
	width: 0.4em;
	height: 0.4em;
	content: "";
	border-bottom: 2px solid #0080cd;
	border-right: 2px solid #0080cd;
	transform: rotate(45deg)
}
@media screen and (min-width: 737px), print {
	.innerNav ul {
		text-align: center
	}
	.innerNav li {
		display: inline-block;
		width: auto
	}
	.innerNav a {
		padding: 0.5em 2em 0.5em 0
	}
	.innerNav a:after {
		top: 0.8em
	}
	.innerNav a:hover {
		color: #0080cd;
		border-bottom-color: #0080cd;
		opacity: 1
	}
	.innerNav a:hover:after {
		transition: 0.2s all ease;
		top: 1.2em
	}
}
.btnA:before, .btnB:before, #wp-pagenation a:before, .btnC:before, .btnD:before, .btnE:before, .access .officeBox .contents dt:before, .privacy #container dl dt:before, .sitemapBox a:before, .btnA:after, .btnB:after, #wp-pagenation a:after, .btnC:after, .btnD:after, .btnE:after, .access .officeBox .contents dt:after, .privacy #container dl dt:after, .sitemapBox a:after {
	position: absolute;
	left: 0;
	display: block;
	content: ""
}
.btnA:before, .btnB:before, #wp-pagenation a:before, .btnC:before, .btnD:before, .btnE:before, .access .officeBox .contents dt:before, .privacy #container dl dt:before, .sitemapBox a:before {
	top: 50%;
	width: 1em;
	border-top: 1px solid #0080cd;
	margin-top: -0.05em
}
.btnA:after, .btnB:after, #wp-pagenation a:after, .btnC:after, .btnD:after, .btnE:after, .access .officeBox .contents dt:after, .privacy #container dl dt:after, .sitemapBox a:after {
	top: 50%;
	left: 5px;
	width: 0.5em;
	height: 0.5em;
	border-top: 1px solid #0080cd;
	border-right: 1px solid #0080cd;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	margin-top: -0.3em
}
.company table, .officeDetail .text table, .contact table {
	display: block;
	border-bottom: 1px solid #ddd;
	margin: 40px 0
}
.company table tbody, .officeDetail .text table tbody, .contact table tbody, .company table tr, .officeDetail .text table tr, .contact table tr, .company table th, .officeDetail .text table th, .contact table th, .company table td, .officeDetail .text table td, .contact table td {
	display: block
}
.company table th, .officeDetail .text table th, .contact table th {
	background-color: #f4f4f4;
	padding: 10px;
	width: auto;
	font-weight: bold;
	border-top: 1px solid #ddd
}
.company table th>label, .officeDetail .text table th>label, .contact table th>label {
	font-weight: inherit
}
.company table td, .officeDetail .text table td, .contact table td {
	padding: 10px
}
.company table h4, .officeDetail .text table h4, .contact table h4 {
	font-size: inherit;
	margin: 10px 0 0
}
.company table address, .officeDetail .text table address, .contact table address {
	font-style: normal
}
.company table .list_footprint, .officeDetail .text table .list_footprint, .contact table .list_footprint {
	margin: 10px 0
}
.company table .list_footprint li, .officeDetail .text table .list_footprint li, .contact table .list_footprint li {
	font-size: 0.9em
}
@media screen and (min-width: 737px), print {
	.company table, .officeDetail .text table, .contact table {
		display: table;
		text-align: left;
		width: 100%;
		border-collapse: collapse
	}
	.company table tbody, .officeDetail .text table tbody, .contact table tbody {
		display: table-row-group
	}
	.company table tr, .officeDetail .text table tr, .contact table tr {
		display: table-row
	}
	.company table th, .officeDetail .text table th, .contact table th {
		display: table-cell;
		padding: 1.5em;
		width: 28%;
		vertical-align: top
	}
	.company table td, .officeDetail .text table td, .contact table td {
		display: table-cell;
		padding: 1.5em;
		border-top: 1px solid #ddd
	}
	.company table h4, .officeDetail .text table h4, .contact table h4 {
		margin: 10px 0
	}
}
.btnA, a.btnA, .btnB, #wp-pagenation a, a.btnB, #wp-pagenation a, .btnC, a.btnC, .btnD, a.btnD, .btnE, a.btnE {
	position: relative;
	display: inline-block;
	min-width: 240px;
	background-color: #fff;
	color: #0080cd;
	text-align: center;
	text-decoration: none;
	border: 1px solid transparent;
	padding: 13px 30px 13px 10px
}
.btnA:before, .btnA:after, a.btnA:before, a.btnA:after, .btnB:before, #wp-pagenation a:before, .btnB:after, #wp-pagenation a:after, a.btnB:before, #wp-pagenation a:before, a.btnB:after, #wp-pagenation a:after, .btnC:before, .btnC:after, a.btnC:before, a.btnC:after, .btnD:before, .btnD:after, a.btnD:before, a.btnD:after, .btnE:before, .btnE:after, a.btnE:before, a.btnE:after {
	left: auto;
	right: 10px
}
.btnA.back, a.btnA.back, .btnB.back, #wp-pagenation a.back, a.btnB.back, #wp-pagenation a.back, .btnC.back, a.btnC.back, .btnD.back, a.btnD.back, .btnE.back, a.btnE.back {
	padding-right: 10px;
	padding-left: 30px
}
.btnA.back:before, .btnA.back:after, a.btnA.back:before, a.btnA.back:after, .btnB.back:before, #wp-pagenation a.back:before, .btnB.back:after, #wp-pagenation a.back:after, a.btnB.back:before, #wp-pagenation a.back:before, a.btnB.back:after, #wp-pagenation a.back:after, .btnC.back:before, .btnC.back:after, a.btnC.back:before, a.btnC.back:after, .btnD.back:before, .btnD.back:after, a.btnD.back:before, a.btnD.back:after, .btnE.back:before, .btnE.back:after, a.btnE.back:before, a.btnE.back:after {
	left: 10px;
	right: auto
}
.btnA.back:after, a.btnA.back:after, .btnB.back:after, #wp-pagenation a.back:after, a.btnB.back:after, #wp-pagenation a.back:after, .btnC.back:after, a.btnC.back:after, .btnD.back:after, a.btnD.back:after, .btnE.back:after, a.btnE.back:after {
	transform: rotate(-135deg)
}
@media screen and (min-width: 737px), print {
	.btnA, a.btnA, .btnB, #wp-pagenation a, a.btnB, #wp-pagenation a, .btnC, a.btnC, .btnD, a.btnD, .btnE, a.btnE {
		min-width: 300px
	}
}
.btnB, #wp-pagenation a, a.btnB, #wp-pagenation a {
	background-color: #0080cd;
	color: #fff
}
.btnB:before, #wp-pagenation a:before, a.btnB:before, #wp-pagenation a:before {
	border-top-color: #fff
}
.btnB:after, #wp-pagenation a:after, a.btnB:after, #wp-pagenation a:after {
	border-top-color: #fff;
	border-right-color: #fff
}
.btnC, a.btnC {
	background-color: #a3bc18;
	color: #fff
}
.btnC:before, a.btnC:before {
	border-top-color: #fff
}
.btnC:after, a.btnC:after {
	border-top-color: #fff;
	border-right-color: #fff
}
.btnD, a.btnD {
	border-color: #0080cd
}
.btnD>small, a.btnD>small {
	display: inline-block;
	background-color: #0080cd;
	color: #fff;
	font-size: 0.75em;
	vertical-align: middle;
	border-radius: 4px;
	padding: 1px 8px 0;
	margin: -3px 5px 0
}
.btnD:hover, a.btnD:hover {
	background-color: #0080cd;
	color: #fff;
	opacity: 1
}
.btnD:hover:before, a.btnD:hover:before {
	border-top-color: #fff
}
.btnD:hover:after, a.btnD:hover:after {
	border-top-color: #fff;
	border-right-color: #fff
}
.btnD:hover>small, a.btnD:hover>small {
	background-color: #fff;
	color: #0080cd
}
.btnE, a.btnE {
	background-color: #222;
	color: #fff
}
.btnE:before, a.btnE:before {
	border-top-color: #fff
}
.btnE:after, a.btnE:after {
	border-top-color: #fff;
	border-right-color: #fff
}
.moreBtn {
	text-align: center;
	margin: 20px 0;
	padding: 0
}
.moreBtn:last-child {
	margin-bottom: 0
}
@media screen and (min-width: 737px), print {
	.moreBtn {
		margin: 40px 0
	}
}
.fullImg {
	display: block;
	text-align: center;
	margin: 4% 0
}
.dlBox {
	border: 1px solid #0080cd;
	padding: 20px;
	margin: 0
}
.dlBox dt {
	position: relative;
	color: #0080cd;
	font-weight: bold;
	padding-left: 1em
}
.dlBox dt:before {
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 0.7em;
	content: "";
	border-bottom: 2px solid #0080cd;
	margin-top: -2px
}
.dlBox dd {
	margin-bottom: 5px
}
.dlBox dd+dt {
	margin-top: 10px
}
.home #container {
	padding-top: 0
}
.home .sec1 {
	padding-bottom: 0
}
.home .sec1 h3 span {
	display: block;
	font-size: 16px
}
@media screen and (min-width: 737px), print {
	.home .sec1 h3 {
		font-size: 40px
	}
	.home .sec1 h3 span {
		font-size: 30px
	}
}
.home .sec1 p.aC {
	padding-bottom: 0
}
.home .sec2 {
	background: url(../img/sec2_illust.png) repeat-x 50% 100%/50% auto, url(../img/sec2_bg.jpg) no-repeat 50% 50%/cover
}
.home .sec2:before {
	position: absolute;
	left: 50%;
	bottom: -19px;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 40px 0 40px;
	border-color: #95c327 transparent transparent transparent;
	margin-left: -40px;
	z-index: 1
}
.home .sec2 .boxBalloon {
	position: relative;
	width: 880px;
	max-width: 100%;
	background-color: #fff;
	border: 4px solid #0080cd;
	border-radius: 15px;
	padding: 30px 20px 15px;
	margin: 0 auto 30px
}
.home .sec2 .boxBalloon:before, .home .sec2 .boxBalloon:after {
	position: absolute;
	bottom: -20px;
	left: 50%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-color: #0080cd transparent transparent transparent;
	z-index: 1
}
.home .sec2 .boxBalloon:before {
	border-width: 20px 40px 0 40px;
	margin-left: -40px
}
.home .sec2 .boxBalloon:after {
	bottom: -15px;
	border-width: 15px 30px 0 30px;
	border-top-color: #fff;
	margin-left: -30px
}
.home .sec2 .boxBalloon h3 {
	text-align: center;
	margin: 0 0 20px
}
.home .sec2 .boxBalloon h3:after {
	display: none
}
.home .sec2 .boxBalloon p {
	font-family: -apple-system, BlinkMacSystemFont, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0
}
.home .sec2 .photoBalloon {
	padding: 0 0 16%;
	margin: 0 -5px;
	overflow: hidden
}
.home .sec2 .photoBalloon li {
	position: relative;
	width: 50%;
	padding: 0 5px;
	float: left;
	margin-top: 20px
}
.home .sec2 .photoBalloon li:nth-child(2n+1) {
	clear: both
}
.home .sec2 .photoBalloon li:before {
	position: absolute;
	bottom: -10px;
	left: 50%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #0080cd transparent transparent transparent;
	margin-left: -10px;
	z-index: 1
}
.home .sec2 .photoBalloon li:nth-child(even) {
	margin-top: 0
}
.home .sec2 .photoBalloon li:nth-child(even):before {
	border-top-color: #8dcaf1
}
.home .sec2 .photoBalloon li:nth-child(even) img {
	border-color: #8dcaf1
}
.home .sec2 .photoBalloon li img {
	border: 5px solid #0080cd;
	border-radius: 4px
}
@media screen and (min-width: 737px), print {
	.home .sec2 {
		background-size: auto, cover
	}
	.home .sec2:before {
		bottom: -30px;
		border-width: 30px 60px 0 60px;
		margin-left: -60px
	}
	.home .sec2 .boxBalloon {
		padding: 40px 20px 20px;
		font-size: 16px;
		margin-bottom: 50px
	}
	.home .sec2 .boxBalloon:before, .home .sec2 .boxBalloon:after {
		bottom: -30px
	}
	.home .sec2 .boxBalloon:before {
		border-width: 30px 60px 0 60px;
		margin-left: -60px
	}
	.home .sec2 .boxBalloon:after {
		bottom: -25px;
		border-width: 25px 50px 0 50px;
		margin-left: -50px
	}
	.home .sec2 .boxBalloon p {
		font-weight: bold;
		line-height: 2;
		text-align: center
	}
	.home .sec2 .photoBalloon {
		margin: 0 -10px
	}
	.home .sec2 .photoBalloon li {
		width: 25%;
		padding: 0 10px;
		margin-top: 40px
	}
	.home .sec2 .photoBalloon li:nth-child(2n+1) {
		clear: none
	}
	.home .sec2 .photoBalloon li:before {
		bottom: -20px;
		border-width: 20px 20px 0 20px;
		margin-left: -20px
	}
	.home .sec2 .photoBalloon li:nth-child(even) {
		margin-top: 0
	}
	.home .sec2 .photoBalloon li img {
		border-width: 10px
	}
}
.home .sec3 {
	padding-top: 80px;
	z-index: -1
}
.home .sec3:before {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 1000px 100px 0;
	border-width: 0 50vw 100px 0;
	border-color: transparent #f4f4f4 transparent transparent
}
.home .sec3>.inr {
	position: relative;
	z-index: 1
}
.home .sec3 h3 {
	margin-top: 0
}
.home .sec3 .photo {
	text-align: center;
	padding: 0
}
.home .sec3 .img {
	text-align: center;
	padding: 5% 0
}
@media screen and (min-width: 737px), print {
	.home .sec3:before {
		border-width: 0 50vw 200px 0
	}
	.home .sec3>.inr {
		overflow: hidden
	}
	.home .sec3 .photo {
		width: 48%;
		float: left
	}
	.home .sec3 .text {
		width: 52%;
		float: right
	}
	.home .sec3 .img {
		padding-bottom: 0
	}
}
.home .sec4 {
	color: #fff;
	text-align: center;
	padding: 10px;
	margin: 50px 0 0
}
.home .sec4:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 150%;
	height: 110%;
	content: "";
	background-color: #0080cd;
	transform: rotate(-5deg) scale(1.2, 1.1);
	-webkit-transform: rotate(-5deg) scale(1.2, 1.1)
}
.home .sec4>.inr {
	position: relative;
	z-index: 1
}
.home .sec4 h3:after {
	background-color: #fff
}
.home .sec4 .photoBox {
	width: 920px;
	max-width: 100%;
	padding: 0;
	margin: 0 auto;
	overflow: hidden
}
.home .sec4 .photoBox li {
	margin: 20px 0
}
.home .sec4 .photoBox p {
	padding: 20px 0 0
}
@media screen and (min-width: 737px), print {
	.home .sec4 {
		padding: 60px 10px 40px
	}
	.home .sec4 .photoBox li {
		width: 420px;
		float: left
	}
	.home .sec4 .photoBox li:nth-of-type(2) {
		margin-left: 80px
	}
}
.home .sec5 {
	padding-bottom: 40px
}
.home .sec5 .photoBox {
	position: relative;
	width: 400px;
	max-width: 100%;
	padding: 0;
	margin: 0 auto
}
.home .sec5 .photoBox:after {
	display: block;
	content: "";
	clear: both
}
.home .sec5 .photoBox:before {
	position: absolute;
	top: 11%;
	left: -25%;
	display: block;
	width: 150%;
	height: 90%;
	background-color: #f4f4f4;
	content: "";
	z-index: -1
}
.home .sec5 .photoBox li {
	margin: 0 0 20px
}
.home .sec5 .photoBox li:after {
	display: block;
	content: "";
	clear: both
}
.home .sec5 .photoBox p {
	position: relative;
	width: 90%;
	background-color: #fff;
	float: right;
	letter-spacing: 0;
	margin-top: -20px;
	margin-right: 5%;
	padding: 1em
}
@media screen and (min-width: 737px), print {
	.home .sec5 {
		padding: 100px 10px 140px
	}
	.home .sec5 .photoBox {
		width: 920px;
		margin-bottom: 100px
	}
	.home .sec5 .photoBox:before {
		top: 32%;
		left: 8%;
		width: 105%
	}
	.home .sec5 .photoBox li {
		width: 43.5%;
		float: left;
		padding: 0;
		margin-bottom: 0
	}
	.home .sec5 .photoBox li:nth-child(2n) {
		float: right
	}
	.home .sec5 .photoBox p {
		width: 100%;
		margin-right: -40px
	}
	.home .sec5 .moreBtn {
		margin-top: 0
	}
}
.home .sec6 {
	background-color: #0080cd
}
.home .sec6 h3 {
	color: #fff
}
.home .sec6 h3:after {
	background-color: #fff
}
.home .stepBox {
	max-width: inherit;
	width: calc(100% - 20px);
	padding: 0;
	margin: 0 auto;
	list-style: none;
	overflow: hidden
}
.home .stepBox li {
	width: 50%;
	float: left;
	padding: 0 10px 10px;
	text-align: center
}
@media screen and (min-width: 737px), print {
	.home .stepBox li {
		width: 25%
	}
}
.home #secBnr .hl {
	display: block;
	background: url(../img/sec_bnr_bg.jpg) no-repeat 0 50%/200% auto;
	text-align: center;
	padding: 40px 10px
}
.home #secBnr .hl h3 {
	margin: 0
}
.home #secBnr .hl h3:after {
	background-color: #a3bc18
}
.home #secBnr .hl img {
	width: 320px
}
.home #secBnr .boxRecruit {
	position: relative;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 20px
}
.home #secBnr .boxRecruit>ul {
	text-align: center;
	padding: 0;
	margin: 0
}
.home #secBnr .boxRecruit>ul li+li {
	padding-top: 10px
}
.home #secBnr .boxRecruit>ul a {
	width: 440px;
	max-width: 100%
}
.home #secBnr .boxRecruit>ul:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: url(../img/sec_bnr_bg.jpg) no-repeat 100% 50%/auto 100%;
	z-index: -1
}
.home #secBnr .boxRecruit p {
	padding: 20px 0 0
}
@media screen and (min-width: 737px), print {
	.home #secBnr {
		display: table;
		width: 100%;
		background: url(../img/sec_bnr_bg.jpg) no-repeat 50% 50%/cover
	}
	.home #secBnr .hl {
		background: none
	}
	.home #secBnr .hl, .home #secBnr .boxRecruit {
		display: table-cell;
		width: 50%;
		vertical-align: middle
	}
	.home #secBnr .boxRecruit {
		padding: 80px 4%
	}
	.home #secBnr .boxRecruit>ul:before {
		display: none
	}
	.home #secBnr .btnC {
		font-size: 1.15em;
		line-height: 1.2
	}
}
.home .sec7>.inr {
	overflow: hidden
}
.home .sec7 h4 img {
	height: 24px
}
.home .sec7 h4:after {
	background: #acc32b
}
.home .sec7 .secBlog {
	padding-top: 20px
}
.home .sec7 .btnB, .home .sec7 #wp-pagenation a, #wp-pagenation .home .sec7 a {
	background: #acc32b
}
@media screen and (min-width: 737px), print {
	.home .sec7 .secNews, .home .sec7 .secBlog {
		width: 48%
	}
	.home .sec7 .secNews {
		float: left
	}
	.home .sec7 .secBlog {
		float: right;
		padding-top: 0
	}
}
.secNews ul, .secBlog ul {
	padding: 0;
	margin: 0 0 20px
}
.secNews li, .secBlog li {
	padding: 22px 0;
	border-bottom: 1px dotted #222
}
.secNews li:first-child, .secBlog li:first-child {
	padding-top: 0
}
.secNews time, .secBlog time {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin-right: 1em
}
.secNews .ico_cate, .secBlog .ico_cate {
	display: inline-block;
	background-color: #00408d;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	vertical-align: middle;
	padding: 0 0.6em;
	margin-top: -2px;
	margin-right: 1em
}
.secNews .ico_cate a, .secBlog .ico_cate a {
	text-decoration: none;
	color: #fff
}
.home .secNews h4:after {
	background: #0080cd
}
.home .secNews .btnB, .home .secNews #wp-pagenation a, #wp-pagenation .home .secNews a {
	background: #0080cd
}
.secBlog li {
	display: table;
	width: 100%;
	padding: 21px 0;
	overflow: hidden
}
.secBlog .photo, .secBlog .text {
	display: table-cell;
	vertical-align: top
}
.secBlog .photo {
	width: 25%;
	padding-right: 10px
}
.secBlog .ico_cate {
	background-color: #107b8e
}
#secOffice {
	position: relative;
	padding: 20px 0 0
}
#secOffice>.inr {
	position: relative;
	background: url(../img/sec8_bg_sp.jpg) repeat-x 50% 50%/cover;
	border: 10px solid #f4f4f4;
	margin: 0 auto
}
#secOffice h3:after {
	background-color: #fff
}
#secOffice h3 img {
	width: 250px
}
#secOffice .text {
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 6% 4%
}
#secOffice .list {
	border: 2px solid #fff;
	padding: 1em
}
#secOffice .list li:before {
	background-color: #fff
}
@media screen and (min-width: 737px), print {
	#secOffice {
		padding: 40px 0 0
	}
	#secOffice>.inr {
		background: url(../img/sec8_bg_pc.jpg) repeat-x 50% 0/auto;
		border-width: 20px;
		height: 720px
	}
	#secOffice h3 img {
		width: auto
	}
	#secOffice .text {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 45.58823529%;
		right: 0;
		padding: 5% 4%
	}
	#secOffice .list {
		overflow: hidden
	}
	#secOffice .list li {
		width: 46%;
		float: left;
		letter-spacing: 0
	}
}
#snsBtn ul {
	padding: 0;
	margin: 0;
	overflow: hidden
}
#snsBtn li {
	width: 50%;
	float: left;
	text-align: center;
	padding: 0 10px
}
@media screen and (min-width: 737px), print {
	#snsBtn>.inr {
		width: 700px
	}
	#snsBtn li img {
		height: 50px
	}
}
.service #main2 h2 {
	background-image: url(../img/service/main.jpg)
}
.service .sec2 {
	position: relative;
	background: #f4f4f4;
	padding: 40px 10px;
	z-index: -1
}
.service .dlBox+.dlBox {
	margin-top: 20px
}
.service .imgR .image {
	text-align: center
}
.service .imgR .image img {
	width: 200px
}
.service .boxA table {
	width: 100%
}
.service .boxA table th, .service .boxA table td {
	padding: 10px 0;
	text-align: center
}
.service .boxA table thead th {
	background: #a3bc18;
	color: #fff;
	font-weight: bold
}
.service .boxA table tr td {
	background: #e7edc3
}
.service .boxA table tr:nth-child(2n-1) td {
	background: #ffedc3
}
.service .boxA p {
	overflow: hidden
}
.service .boxA p img {
	border: 2px solid #ffb000;
	border-radius: 10px;
	width: 180px;
	margin-right: 10px;
	float: left
}
.service .boxB {
	overflow: hidden
}
.service .boxB div {
	position: relative;
	background: #fff;
	border: 2px solid #a3bc18;
	padding: 10px;
	margin: 0 20px 40px 0
}
.service .boxB div::after {
	content: "";
	position: absolute;
	bottom: -20px;
	right: -20px;
	background: #e7edc3;
	width: 100%;
	height: 100%;
	z-index: -1
}
.service .boxB div h4 {
	border: none;
	margin: 0;
	color: #a3bc18;
	font-size: 18px;
	text-align: center
}
.service .boxB div h4::after {
	content: none
}
.service .boxB div strong {
	color: #a3bc18
}
.service .boxB div p.image {
	padding: 0;
	text-align: center
}
.service .boxB div p.image img {
	width: 200px
}
.service .boxB div ul {
	font-size: 12px
}
.service .boxB div:nth-child(even) {
	border: 2px solid #ffb000
}
.service .boxB div:nth-child(even)::after {
	background: #ffedc3
}
.service .boxB div:nth-child(even) h4, .service .boxB div:nth-child(even) strong {
	color: #ffb000
}
.service .point {
	padding: 0;
	margin: 0
}
.service .point dl {
	margin: 0 0 20px
}
.service .point dl dt {
	background-color: #a3bc18;
	background-repeat: no-repeat;
	background-size: auto 100%;
	padding: 10px 10px 10px 20%;
	color: #fff;
	font-weight: bold
}
.service .point dl dd {
	padding: 10px 0 0 20px
}
.service .point .point1 dt {
	background-image: url("../img/service/point1.png")
}
.service .point .point3 dt {
	background-image: url("../img/service/point3.png")
}
.service .point .point2 dt {
	background-color: #ffb000;
	background-image: url("../img/service/point2.png")
}
.service .point p {
	font-size: 18px;
	text-align: center
}
@media screen and (min-width: 737px), print {
	.service .sec2>.inr {
		width: 1040px;
		margin: 0 auto
	}
	.service .imgR {
		overflow: hidden
	}
	.service .imgR .image {
		padding-left: 20px;
		float: right
	}
	.service .imgR .image img {
		width: 300px
	}
	.service .boxA {
		overflow: hidden
	}
	.service .boxA table {
		width: 60%;
		float: left
	}
	.service .boxA p {
		width: 35%;
		float: right
	}
	.service .boxA p img {
		border: 4px solid #ffb000;
		width: auto;
		margin: 0 0 10px;
		float: none
	}
	.service .boxB div {
		box-sizing: border-box;
		width: 22.5%;
		padding: 10px;
		margin: 0 2.5% 20px 0;
		float: left
	}
	.service .boxB div h4 {
		font-size: 22px
	}
	.service .boxB div strong {
		color: #a3bc18
	}
	.service .boxB div p {
		font-size: 14px
	}
	.service .boxB div p.image img {
		width: auto
	}
	.service .boxB div:nth-child(even) {
		border: 2px solid #ffb000
	}
	.service .boxB div:nth-child(even) h4, .service .boxB div:nth-child(even) strong {
		color: #ffb000
	}
	.service .boxB.ver2 {
		margin-bottom: 0
	}
	.service .boxB.ver2 div {
		width: 45%;
		margin-right: 5%
	}
	.service .point {
		padding: 20px 0 0
	}
	.service .point dl {
		display: table;
		margin: 0 0 20px;
		overflow: hidden
	}
	.service .point dl dt {
		display: table-cell;
		position: relative;
		width: 40%;
		height: 110px;
		padding: 0 10px 0 120px;
		color: #fff;
		font-size: 18px;
		vertical-align: middle
	}
	.service .point dl dt::after {
		content: "";
		position: absolute;
		top: 0;
		right: -40px;
		background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #a3bc18 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #a3bc18 50.5%) no-repeat bottom right/100% 50%;
		width: 40px;
		height: 100%
	}
	.service .point dl dd {
		display: table-cell;
		background: #fff;
		border: 4px solid #a3bc18;
		border-left: none;
		box-sizing: border-box;
		width: 60%;
		padding: 0 20px 0 60px;
		vertical-align: middle
	}
	.service .point .point2 dt::after {
		background: linear-gradient(to bottom left, rgba(255, 255, 255, 0) 50%, #ffb000 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #ffb000 50.5%) no-repeat bottom right/100% 50%
	}
	.service .point .point2 dd {
		border-color: #ffb000
	}
	.service .point p {
		padding: 30px 0 40px;
		font-size: 24px
	}
	.service .fullImg {
		width: 840px;
		margin: 4% auto
	}
}
.serviceImg {
	text-align: center;
	border: 4px solid #ccc;
	border-radius: 15px;
	padding: 10px;
	margin: 20px 0
}
@media screen and (min-width: 737px), print {
	.serviceImg {
		padding: 20px;
		margin: 20px 100px 40px
	}
}
.serviceClm {
	overflow: hidden
}
.serviceClm ul {
	padding: 0;
	margin: 0 -5px
}
.serviceClm ul li {
	float: left;
	padding: 5px
}
.serviceClm ul li img {
	border: 4px solid #a3bc18;
	border-radius: 15px;
	padding: 5px 2px
}
.serviceClm.col3 li {
	width: 50%
}
@media screen and (min-width: 737px), print {
	.serviceClm {
		width: 840px;
		margin: 0 auto
	}
	.serviceClm ul {
		margin: 0 -20px
	}
	.serviceClm ul li {
		padding: 10px 20px
	}
	.serviceClm ul li img {
		padding: 20px
	}
	.serviceClm.col3 li {
		width: 33.33%
	}
}
.news small, .blog small {
	font-size: 0.85em
}
.news #main2 h2 {
	background-image: url(../img/news/main.jpg)
}
#archive {
	padding: 0 10px 6%
}
#archive dl {
	padding: 0;
	margin: 0
}
#archive dt {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	margin-right: 1em
}
#archive dt:first-child {
	padding-top: 0
}
#archive dt>a {
	display: inline-block;
	background-color: #00408d;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	vertical-align: middle;
	padding: 0 0.6em;
	margin-top: -2px;
	margin-right: 1em
}
#archive dd {
	padding: 5px 0 15px;
	border-bottom: 1px dotted #222
}
@media screen and (min-width: 737px), print {
	#archive {
		float: left;
		width: 70%
	}
}
.blog #archive dt>a {
	background-color: #107b8e
}
@media screen and (min-width: 737px), print {
	#side {
		float: right;
		width: 25%
	}
}
#post {
	padding: 0 10px
}
#post .date {
	text-align: center
}
#post .date>a {
	display: inline-block;
	background-color: #00408d;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	vertical-align: middle;
	padding: 0 0.6em;
	margin-top: -2px;
	margin-right: 1em
}
#post .date+h3 {
	margin-top: 0
}
.blog #post .date>a {
	background-color: #107b8e
}
.ex #main2 h2 {
	background-image: url(../img/ex/main.jpg)
}
@media screen and (min-width: 737px), print {
	.ex #main2 h2 {
		background-position: 50% 46%
	}
}
.ex #tab {
	border-top: 1px solid #002d58;
	border-left: 1px solid #002d58;
	box-sizing: border-box;
	padding: 0;
	margin: 20px 0 40px;
	overflow: hidden
}
.ex #tab li {
	box-sizing: border-box;
	border-right: 1px solid #002d58;
	border-bottom: 1px solid #002d58;
	width: 50%;
	float: left
}
.ex #tab li span {
	display: block;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	color: #002d58;
	cursor: pointer
}
.ex #tab li.active span, .ex #tab li span:hover {
	background: #002d58;
	color: #fff
}
@media screen and (min-width: 737px), print {
	.ex #tab li {
		width: 20%
	}
	.ex #tab li a:hover {
		opacity: 1
	}
}
.ex .interviewBox {
	margin-top: 20px
}
.ex .box {
	display: none;
	padding: 0 10px;
	margin: 0;
	overflow: hidden
}
.ex .box.show {
	display: block
}
.ex .box>li {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	padding: 0;
	margin: 20px 0
}
.ex .box dl {
	background-color: #fff;
	padding: 20px;
	margin: 0
}
.ex .box dt {
	font-weight: bold;
	padding: 0 0 20px
}
.ex .box dt>span {
	color: #0080cd;
	font-size: 1.25em;
	font-weight: inherit
}
.ex .box .btnB, .ex .box #wp-pagenation a, #wp-pagenation .ex .box a {
	display: block;
	background: #a3bc18;
	min-width: auto
}
@media screen and (min-width: 737px), print {
	.ex .interviewBox {
		margin-top: 40px
	}
	.ex .box>li {
		width: 29.33%;
		float: left;
		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
		margin: 2%;
		transition: all 0.3s ease
	}
}

iframe.wp-embedded-content {
	width: 100%;
}

.interviewStaff {
	overflow: hidden
}
.interviewStaff .img {
	margin-bottom: 20px
}
.interviewStaff .text h4 {
	border-left: 5px solid #0080cd;
	padding-left: 0.5em;
	margin: 0 0 10px
}
.interviewStaff .text h4 strong {
	font-size: 1.25em
}
@media screen and (min-width: 737px), print {
	.interviewStaff .img, .interviewStaff .text {
		width: 48%
	}
	.interviewStaff .img {
		float: left
	}
	.interviewStaff .text {
		float: right
	}
}
.beginners #main2 h2 {
	background-image: url(../img/beginners/main.jpg)
}
@media screen and (min-width: 737px), print {
	.beginners #main2 h2 {
		background-position: 50% 35%
	}
}
.balloonBox {
	padding: 0 0 20px;
	overflow: hidden
}
.balloonBox ul {
	color: #fff;
	font-family: "Sawarabi Mincho", serif;
	font-size: 0.85em;
	text-align: center;
	letter-spacing: 0;
	border-collapse: separate;
	border-spacing: 10px;
	padding: 0;
	margin: 0
}
.balloonBox li {
	position: relative;
	width: 46%;
	background-color: #a3bc18;
	float: left;
	vertical-align: middle;
	border-radius: 4px;
	padding: 15px 5px;
	margin: 10px 2%
}
.balloonBox li:before {
	position: absolute;
	bottom: -10px;
	left: 50%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #a3bc18 transparent transparent transparent;
	margin-left: -10px;
	z-index: 1
}
@media screen and (min-width: 737px), print {
	.balloonBox {
		padding: 20px 0 40px
	}
	.balloonBox ul {
		display: table;
		width: 100%
	}
	.balloonBox li {
		display: table-cell;
		width: 25%;
		float: none;
		font-size: 1.25em;
		padding: 30px 10px
	}
}
.sec_step>.inr {
	position: relative
}
@media screen and (min-width: 737px), print {
	.sec_step>.inr:before {
		position: absolute;
		top: 0;
		left: 60px;
		height: 90%;
		content: "";
		border-left: 6px dotted #002d58
	}
}
.stepBox {
	width: 400px;
	max-width: 100%;
	background-color: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
	border-radius: 4px;
	padding: 0;
	margin: 0 auto
}
.stepBox+.stepBox {
	margin-top: 20px
}
.stepBox .img {
	position: relative;
	z-index: 1
}
.stepBox .img .icoStep {
	position: absolute;
	top: -15px;
	left: 0px;
	width: 70px;
	height: 70px;
	background-color: #002d58;
	border-radius: 50%;
	text-align: center;
	padding: 10px;
	overflow: hidden
}
.stepBox .text {
	padding: 10px 20px
}
.stepBox .text h4 {
	margin-top: 10px
}
.stepBox .text dl dt {
	color: #0080cd;
	font-weight: bold
}
.stepBox .text dl dd {
	padding-bottom: 0.5em
}
.stepBox .text dl.inline dt {
	float: left;
	clear: both
}
.stepBox .text dl.inline dd {
	padding-left: 4.5em
}
.stepBox .text dl.inline dd:before {
	content: "：";
	color: #0080cd;
	font-weight: bold
}
@media screen and (min-width: 737px), print {
	.stepBox {
		display: table;
		width: 100%
	}
	.stepBox+.stepBox {
		margin-top: 40px
	}
	.stepBox .img, .stepBox .text {
		display: table-cell;
		vertical-align: top;
		padding: 40px
	}
	.stepBox .img {
		width: 44%;
		padding-right: 0
	}
	.stepBox .img .icoStep {
		top: -20px;
		left: 20px;
		width: 88px;
		height: 88px;
		padding: 15px
	}
}
/*.company #main2 h2{background-image:url(../img/news/main.jpg)}*/

.company #main2 h1 {
	background-image: url(../img/news/main.jpg)
}
.company ol {
	margin: 0
}
.company ol li {
	margin: 10px 0
}
.company table dl {
	margin: 0
}
.company table dl dt {
	border-bottom: 1px dotted #000;
	padding: 10px 0 2px;
	margin-bottom: 5px;
	font-weight: bold
}
.company table dl dt:first-of-type {
	padding-top: 0
}
.company .boxA>.text {
	color: inherit;
	background-color: #fff;
	border: 4px solid #f4f4f4;
	padding: 4%
}
.company .boxA>.text h4 {
	color: #0080cd;
	margin-top: 0
}
.company .officeList {
	width: 100%;
	margin: 0
}
.company .officeList+.officeList {
	border-top: 1px dotted #222
}
.company .officeList>.img, .company .officeList>.text {
	padding: 10px 0
}
.company .officeList>.img {
	padding-bottom: 0
}
.company .officeList>.img p {
	padding: 0
}
.company .officeList>.img .btnB, .company .officeList>.img #wp-pagenation a, #wp-pagenation .company .officeList>.img a {
	display: block;
	background: #002d58;
	min-width: auto;
	font-size: 0.8em;
	padding: 5px 2em 5px 10px
}
.company .officeList>.text {
	font-size: 0.9em;
	margin: 0
}
.company .officeList>.text dt {
	font-size: 1.25em;
	font-weight: bold;
	margin: 0.5em 0
}
.company .boxs {
	position: relative;
	overflow: hidden
}
.company .boxs .map {
	position: relative;
	width: 100%;
	border: 1px solid #ccc;
	padding-top: 65%
}
.company .boxs .map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
@media screen and (min-width: 737px), print {
	.company table dl dt {
		padding-top: 20px
	}
	.company table dl dt:first-of-type {
		padding-top: 0
	}
	.company .officeList {
		display: table
	}
	.company .officeList>.img, .company .officeList>.text {
		display: table-cell;
		vertical-align: top;
		padding: 10px 0
	}
	.company .officeList>.img {
		width: 140px;
		padding-right: 1em
	}
	.company .officeList>.text dt {
		font-size: 1em
	}
	.company .boxs>.inr {
		width: 46%;
		float: left
	}
	.company .boxs>.inr:nth-child(even) {
		float: right
	}
	.company .boxs>.inr:nth-child(2n+1) {
		clear: both
	}
	.company .boxs h4 {
		background-color: #0080cd;
		color: #fff;
		padding: 5px 10px;
		margin-bottom: 10px
	}
	.company .boxs address {
		font-style: normal
	}
}
.sec_message:before {
	position: absolute;
	bottom: -0.5%;
	left: -25%;
	display: block;
	width: 150%;
	height: 80%;
	content: "";
	background-color: #0080cd;
	transform: rotate(-5deg);
	z-index: -1
}
@media screen and (min-width: 737px), print {
	.sec_message:before {
		bottom: 2%;
		height: 60%
	}
}
.list_footprint {
	margin: 20px 0
}
.list_footprint li {
	position: relative;
	color: #0080cd;
	font-size: 0.85em;
	margin: 5px 0
}
.list_footprint li:before {
	position: absolute;
	left: -30px;
	top: 0;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	background: url(../img/ico_footprint.png) no-repeat 50% 50%/contain;
	content: ""
}
/*.access #main2 h2{background-image:url(../img/access/main.jpg)}*/

.access #main2 h1 {
	background-image: url(../img/access/main.jpg)
}
.access .officeBox {
	padding: 0 10px;
	margin: 20px 0
}
.access .officeBox:after {
	display: block;
	content: "";
	clear: both
}
.access .officeBox ul {
	padding: 0
}
.access .officeBox ul>li {
	margin-bottom: 20px
}
.access .officeBox .img {
	position: relative
}
.access .officeBox .img:before {
	position: absolute;
	right: -10px;
	bottom: -10px;
	width: 100%;
	height: 100%;
	content: "";
	background: #cdecff
}
.access .officeBox .img img {
	position: relative;
	z-index: 1
}
.access .officeBox .contents {
	position: relative;
	padding: 0;
	margin: 20px 0 5px;
	z-index: 1
}
.access .officeBox .contents dt {
	position: relative;
	font-size: 1.25em;
	font-weight: bold;
	letter-spacing: 0;
	margin-bottom: 5px;
	padding-left: 1.5em
}
.access .officeBox .contents dd {
	font-size: 0.9em
}
@media screen and (min-width: 737px), print {
	.access .officeBox {
		padding: 0;
		margin: 40px 2em
	}
	.access .officeBox ul>li {
		width: 46%;
		float: left;
		margin-bottom: 40px
	}
	.access .officeBox ul>li:nth-child(even) {
		float: right
	}
	.access .officeBox .img:before {
		right: -20px;
		bottom: -20px
	}
	.access .officeBox .img img {
		position: relative;
		z-index: 1
	}
	.access .officeBox .contents {
		margin: 40px 0 10px
	}
	.access .officeBox .contents dt {
		font-size: 1em
	}
}
.access #t02 h3:after {
	background-color: #a3bc18
}
.access #t02 .officeBox .img:before {
	background: #d8ec68
}
.access #t02 .officeBox .contents dt:before {
	border-top-color: #68780f
}
.access #t02 .officeBox .contents dt:after {
	border-top-color: #68780f;
	border-right-color: #68780f
}
.officeDetail>.inr {
	overflow: hidden
}
.officeDetail .text h3 {
	color: #0080cd;
	text-align: left;
	margin: 20px 0
}
.officeDetail .text .address_detail {
	margin-top: 2em
}
.officeDetail .text dt {
	font-weight: bold
}
.officeDetail .text dd {
	margin-bottom: 1em
}
.officeDetail .text .list li {
	margin-top: 5px
}
.officeDetail .text .list li:first-child {
	margin-top: 0
}
.officeDetail .text table {
	margin: 15px 0 20px
}
.officeDetail .text table th, .officeDetail .text table td {
	padding: 10px
}
.officeDetail .map .aC {
	padding: 20px 0 0
}
.officeDetail .moreBtn {
	background-color: #f4f4f4;
	padding: 12px 0;
	margin: 20px 0 40px
}
.officeDetail .moreBtn .btnB, .officeDetail .moreBtn #wp-pagenation a, #wp-pagenation .officeDetail .moreBtn a {
	width: 200px;
	background: #002d58;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	margin: 5px
}
@media screen and (min-width: 737px), print {
	.officeDetail .text, .officeDetail .map {
		width: 42%
	}
	.officeDetail .text {
		float: left
	}
	.officeDetail .text table {
		font-size: 0.85em
	}
	.officeDetail .map {
		width: 56%;
		float: right
	}
}
.columnBox {
	overflow: hidden
}
.columnBox h5 {
	margin-top: 0
}
.columnBox ul {
	padding: 0;
	margin: 0 -10px
}
.columnBox ul>li {
	padding: 0 10px 10px
}
.columnBox p {
	font-size: 0.85em;
	letter-spacing: 0;
	text-align: justify
}
.columnBox .img {
	padding-bottom: 10px
}
.columnBox .text {
	text-align: left;
	padding-bottom: 10px
}
.columnBox .image {
	position: relative;
	width: 100%;
	padding: 66% 0 0
}
.columnBox .image img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: auto
}
.columnBox.col3 li, .columnBox.col4 li {
	width: 50%;
	float: left
}
.columnBox.col3 li:nth-child(2n+1), .columnBox.col4 li:nth-child(2n+1) {
	clear: both
}
@media screen and (min-width: 737px), print {
	.columnBox ul {
		margin: 0 -20px
	}
	.columnBox ul>li {
		padding: 0 20px 20px
	}
	.columnBox .img {
		width: 35%;
		float: right;
		padding-bottom: 0
	}
	.columnBox .text {
		width: 62%;
		float: left;
		padding-bottom: 0
	}
	.columnBox.reverse .img {
		float: left
	}
	.columnBox.reverse .text {
		float: right
	}
	.columnBox.col2 li {
		width: 50%;
		float: left
	}
	.columnBox.col2 li:nth-child(2n+1) {
		clear: both
	}
	.columnBox.col3 li {
		width: 33.33%
	}
	.columnBox.col3 li:nth-child(2n+1) {
		clear: none
	}
	.columnBox.col3 li:nth-child(3n+1) {
		clear: both
	}
	.columnBox.col4 li {
		width: 25%
	}
	.columnBox.col4 li:nth-child(2n+1) {
		clear: none
	}
	.columnBox.col4 li:nth-child(4n+1) {
		clear: both
	}
}
#sectionGmaps {
	margin: 0
}
#sectionGmaps #gmaps {
	width: 100%;
	height: 450px;
	margin: 0;
	padding: 4px;
	border: 1px solid #ccc
}
#googlemapsContainer {
	width: 100%;
	height: 100%;
	color: #333
}
.access #sectionGmaps {
	border: 1px solid #ccc;
	padding: 4px
}
.access #sectionGmaps iframe {
	width: 100%;
	height: 300px
}
@media screen and (min-width: 737px), print {
	.access #sectionGmaps iframe {
		height: 550px
	}
}
.business_group #main2 h2 {
	background-image: url(../img/business_group/main.jpg)
}
.business_group .sec>.inr+.inr {
	margin-top: 10px
}
.business_group .sec picture {
	margin-bottom: 0
}
.business_group .columnBox.col4 {
	width: 400px;
	max-width: 100%;
	font-size: 0.9em;
	letter-spacing: 0;
	margin: 0 auto
}
.business_group .columnBox.col4 ul {
	margin-left: -4%;
	margin-right: -4%
}
.business_group .columnBox.col4 ul>li {
	text-align: center;
	padding-left: 4%;
	padding-right: 4%
}
.business_group .columnBox.col4 ul>li>span {
	display: block;
	padding-top: 0.5em
}
@media screen and (min-width: 737px), print {
	.business_group #main2 h2 {
		background-position: 50% 40%
	}
	.business_group .sec>.inr+.inr {
		margin-top: 20px
	}
	.business_group .sec .aC {
		margin-bottom: 20px
	}
	.business_group .columnBox.col4 {
		width: 900px;
		max-width: 100%
	}
}
.numBox dl {
	counter-increment: number;
	border: 1px solid #0080cd;
	padding: 10px
}
.numBox dt {
	font-weight: bold
}
.numBox dt:before {
	display: inline-block;
	background-color: #0080cd;
	content: "0" counter(number);
	color: #fff;
	vertical-align: middle;
	padding: 0.7em 0.8em;
	margin-right: 0.5em
}
.numBox dd {
	padding-top: 1em
}
@media screen and (min-width: 737px), print {
	.numBox {
		display: table;
		width: 100%;
		border-collapse: separate;
		border-spacing: 10px;
		margin-top: -2%
	}
	.numBox dl {
		width: 33.33%;
		display: table-cell;
		padding: 20px
	}
}
.businessSuport {
	color: #0080cd;
	font-size: 0.85em;
	text-align: center;
	letter-spacing: -0.05em;
	padding: 0;
	margin: 0 -1% 2%;
	overflow: hidden
}
.businessSuport li {
	width: 48%;
	float: left;
	list-style: none;
	border: 1px solid #0080cd;
	border-radius: 4px;
	padding: 10px 4px;
	margin: 1%
}
@media screen and (min-width: 737px), print {
	.businessSuport {
		font-size: 1em
	}
}
.businessPoint ul {
	padding: 0;
	margin: 0;
	overflow: hidden
}
.businessPoint ul li {
	position: relative;
	counter-increment: number;
	border: 5px solid #ccc;
	border-radius: 4px;
	padding: 20px 20px 30px;
	margin-bottom: 10px
}
.businessPoint ul li:after {
	position: absolute;
	bottom: -0.5em;
	right: 0;
	content: "POINT." counter(number);
	color: #ccc;
	font-size: 28px;
	font-weight: bold
}
@media screen and (min-width: 737px), print {
	.businessPoint {
		margin: -2% -20px 0
	}
	.businessPoint ul {
		display: table;
		width: 100%;
		border-collapse: separate;
		border-spacing: 20px
	}
	.businessPoint ul li {
		display: table-cell;
		width: 50%;
		margin-bottom: 0
	}
}
.faq #main2 h2 {
	background-image: url(../img/faq/main.jpg);
	background-position: 50% 70%
}
.faqBox {
	counter-increment: number;
	background-color: #f4f4f4;
	padding: 10px 20px;
	margin: 10px 0
}
.faqBox .q {
	color: #222
}
.faqBox .q:before {
	content: "Q.";
	color: #0080cd;
	padding-right: 0.2em
}
.faqBox h4 {
	border-bottom-color: #fff;
	margin: 0 0 15px
}
.faqBox h4:before {
	display: block;
	content: "Q" counter(number) ".";
	color: #0080cd;
	font-size: 1.5em;
	padding-right: 0.2em
}
@media screen and (min-width: 737px), print {
	.faqBox {
		padding: 20px 40px;
		margin: 20px 0
	}
	.faqBox h4:before {
		display: inline
	}
}
.contact #main2 h2 {
	background-image: url(../img/contact/main.jpg);
	background-position: 50% 70%
}
.contact .stepBar {
	position: relative;
	width: 100%;
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 4% 0;
	overflow: hidden
}
.contact .stepBar li {
	position: relative;
	display: inline-block;
	float: left;
	line-height: 40px;
	padding: 0 40px 0 20px;
	background-color: #8dcaf1
}
.contact .stepBar li:before, .contact .stepBar li:after {
	position: absolute;
	left: -15px;
	display: block;
	width: 20px;
	height: 20px;
	content: "";
	background-color: #8dcaf1;
	border-left: 4px solid #FFF
}
.contact .stepBar li:after {
	top: 0;
	-webkit-transform: skew(30deg);
	transform: skew(30deg)
}
.contact .stepBar li:before {
	bottom: 0;
	-webkit-transform: skew(-30deg);
	transform: skew(-30deg)
}
.contact .stepBar li.current {
	color: #FFF;
	background-color: #0080cd
}
.contact .stepBar li.current:before, .contact .stepBar li.current:after {
	background-color: #0080cd
}
.contact .stepBar.step3 li {
	width: 33.333%
}
.contact fieldset {
	border: none;
	padding: 0
}
.contact fieldset p.caution {
	padding: 0;
	font-weight: bold;
	color: #0080cd
}
.contact table th {
	position: relative;
	padding-right: 2em;
	background-color: #f4f4f4
}
.contact table th>label {
	font-weight: inherit
}
.contact table td {
	padding-bottom: 20px
}
.contact table ul {
	padding: 0;
	margin: 0
}
.contact table ul li {
	padding-bottom: 10px
}
.contact table ul li:last-child {
	padding-bottom: 0
}
.contact table ol {
	padding: 0 0 0 20px
}
.contact table ol li {
	padding-bottom: 10px
}
.contact table ol li span {
	font-size: 12px
}
.contact table p {
	padding: 10px 0 0
}
.contact th>strong {
	position: absolute;
	top: 1.2em;
	right: 1em
}
.contact strong {
	display: inline-block;
	margin: 0 2px;
	padding: 0 5px;
	background: #e50012;
	color: #fff;
	font-weight: normal;
	font-size: 80%;
	border-radius: 6px
}
.contact input, .contact textarea, .contact select {
	background-color: #fff;
	padding: 14px 10px;
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 6px
}
.contact select {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button
}
.contact table.ui-datepicker-calendar {
	display: table;
	width: 100%;
	max-width: 100%
}
.contact table.ui-datepicker-calendar tbody {
	display: table-row-group
}
.contact table.ui-datepicker-calendar tr {
	display: table-row
}
.contact table.ui-datepicker-calendar th {
	display: table-cell;
	padding: inherit;
	width: 14.28%
}
.contact table.ui-datepicker-calendar td {
	display: table-cell;
	padding: inherit
}
.contact .error_messe {
	color: #e00;
	text-align: center;
	font-weight: bold
}
.contact .level0 {
	min-height: 30px
}
.contact .level1, .contact .level2 {
	width: 40%;
	min-height: 30px
}
.contact .level3, .contact .level4 {
	width: 100%;
	min-height: 30px
}
.contact #cOpinions, .contact #cOpinions2 {
	width: 100%
}
.contact .caution {
	display: block
}
.contact .cButton {
	cursor: pointer;
	padding: 15px;
	border: 1px solid #666;
	background: #fff;
	min-width: 200px
}
.contact #contact_submit {
	color: #fff;
	background-color: #f80;
	border-color: #b35f00;
	margin-bottom: 10px
}
.contact #cConf:disabled {
	background: #ddd;
	color: #aaa;
	cursor: default;
	border-color: #ccc
}
.contact #cAgain, .contact #cReturn {
	background-color: #ccc;
	border-color: #a6a6a6
}
.contact #cSubmit {
	color: #fff;
	background-color: #0080cd;
	border-color: #005081
}
.contact #transmissionFailure {
	text-align: center
}
@media screen and (min-width: 737px), print {
	.contact table th>strong {
		top: 2em
	}
	.contact table ul.ver2 li {
		display: inline-block;
		padding-right: 10px
	}
	.contact .level1 {
		width: 15%
	}
	.contact .level2 {
		width: 30%
	}
	.contact .level3 {
		width: 75%
	}
	.contact .level4 {
		width: 100%
	}
	.contact .caution {
		display: inline
	}
	.contact .cButton {
		padding: 10px
	}
	.contact #contact_submit {
		margin: 0 10px 0 0
	}
}
.privacy h6 {
	background-color: #0080cd;
	color: #fff;
	padding: 5px 10px;
	margin: 10px 0 0
}
.privacy #container table {
	width: 100%;
	border-collapse: collapse
}
.privacy #container table, .privacy #container table th, .privacy #container table td {
	border: 1px solid #ccc
}
.privacy #container table th, .privacy #container table td {
	padding: 10px
}
.privacy #container table th {
	background-color: #0080cd;
	width: 35%;
	color: #fff;
	text-align: center
}
.privacy #container dl {
	background-color: #f4f4f4;
	padding: 10px 20px;
	margin-top: 0
}
.privacy #container dl dt {
	position: relative;
	font-weight: bold;
	padding: 10px 0 10px 1.5em
}
.privacy #container dl dt:before {
	border-top-color: #222
}
.privacy #container dl dt:after {
	border-top-color: #222;
	border-right-color: #222
}
.privacy #container dl dd {
	padding: 0 0 10px
}
@media screen and (min-width: 737px), print {
	.privacy #container h6 {
		margin: 20px 0 0
	}
	.privacy #container table th, .privacy #container table td {
		padding: 20px
	}
	.privacy #container table th {
		width: 25%
	}
}
.sitemapBox {
	border: 4px solid #ccc;
	padding: 10px 20px;
	overflow: hidden
}
.sitemapBox ul {
	padding: 0;
	margin: 0
}
.sitemapBox li {
	padding: 0.5em 0;
	border-bottom: 1px dotted #222
}
.sitemapBox li:last-child {
	border: none
}
.sitemapBox a {
	position: relative;
	display: inline-block;
	padding: 5px 0 5px 1.5em
}
@media screen and (min-width: 737px), print {
	.sitemapBox {
		padding: 20px 40px
	}
	.sitemapBox li {
		width: 48%;
		float: left;
		padding: 1em 0
	}
	.sitemapBox li:nth-child(even) {
		float: right
	}
	.sitemapBox li:last-child {
		border-bottom: 1px dotted #222
	}
}
/*事業所表示変更*/

.area_ttl {
	font-size: 2.4rem;
	margin-bottom: 1.5rem;
	border-left: 24px solid #ffcc33;
	padding-left: 1rem;
	font-weight: bold;
}
.foot_place .office_name {
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 1rem;
	border-left: 10px solid #1e80cd;
	padding-left: 1rem;
	border-bottom: 1px solid #1e80cd;
}
.office_btn {
	margin-top: 3rem;
}
.office_btn a {
	font-size: 2rem;
	display: inline-block;
	padding: 1rem 3rem;
	border: 2px solid #0080cd;
	margin-bottom: 2rem;
	text-decoration: none;
}
.office_btn a:hover {
	background: #0080cd;
	color: #ffffff;
}
.officeBox h3.office_area {
	font-size: 2rem;
	font-weight: bold;
	background: #0080cd;
	border-bottom: 4px solid #bcd7e8;
	color: #ffffff;
	padding: 1rem 1.5rem;
	width: 100%;
	margin-bottom: 2rem;
	box-shadow: none;
	text-align: left;
}
.officeBox h3.office_area::after {
	content: none;
}
.officeBox ul {
	margin-bottom: 3rem;
}
.company main h3 {
	position: relative;
	font-size: 20px;
	font-weight: bold;
	border-bottom: 2px solid #f4f4f4;
	margin: 30px 0 15px;
	padding-bottom: 5px;
	text-align: left;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", meiryo, sans-serif;
}
.company main h3:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	display: block;
	width: 40%;
	height: 2px;
	content: "";
	background-color: #0080cd;
}
.tel_sub {
	background: #FFCC33;
}
.fk .tel_sub li {
	color: #222222;
	border-bottom: 1px solid #ffffff;
	width: 100%;
	padding: 1.25rem 0;
}
.fk .tel_sub li a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
@media screen and (min-width: 737px), print {
	.office_btn a {
		margin-right: 2rem;
	}
	.officeBox h3.office_area {
		width: 40%;
		box-shadow: 5px 5px 0 #bcd7e8;
		margin-bottom: 3rem;
		border-bottom: none;
	}
	.tel_sub {
		display: none;
	}
}