@charset "UTF-8";
/*
Theme Name: ユーアイズ
*/

/*-----------------------------------------
default
-----------------------------------------*/


.effect-fade{
	opacity:0;
	transform:translate(0,60px);
	transition:all 1000ms;
}
.effect-fade.effect-scroll {
	opacity:1;
	transform:translate(0, 0);
}

.lefteffect{
	transform:translateX(-15%);
	opacity:0;
	transition:opacity 1000ms,transform 1000ms;
}
.righteffect{
	transform:translateX(15%);
	opacity:0;
	transition:opacity 1000ms,transform 1000ms;
}
.fadein{
	opacity:1;
	transform:translateX(0);
}


*{ margin:0; padding:0; }
@font-face{
	font-family:"Yu Gothic M";
}
.copyright {
	font-size: 12px;
}
.category .wrapper article section ul.topics,
.single .wrapper article section .content,
.archive .wrapper article section ul.topics{
	float:left;
	width:72%;
}
.single .wrapper article section .content p a{
	text-decoration:underline;
}
.single .wrapper article section .content p a:hover{
	text-decoration:none;
}
.wrapper article section .wp-pagenavi {
    height: 25px !important;
    margin-top: 25px;
}
.category .wrapper article section ul.topics li,
.archive .wrapper article section ul.topics li{
	width:100%;
	margin-bottom:15px;
}
.category .wrapper article section ul.topics li a,
.archive .wrapper article section ul.topics li a{
	display:block;
	background: #f2f2f2;
	padding:20px 25px;
	overflow:hidden;
}
.category .wrapper article section ul.topics li a .detail .detail_inner h5,
.archive .wrapper article section ul.topics li a .detail .detail_inner h5{
	font-size:14px;
	color: #003cad;
}
.wrapper article section aside{
	float:right;
	width:25%;
}
.wrapper article section aside h5{
	font-size:16px;
	color:#003cad;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #003cad;
}
.wrapper article section aside .side_inner{
	margin-bottom:30px;
}
.wrapper article section aside .side_inner ul li{
	margin-bottom:5px;
}
.wrapper article section aside .side_inner ul.children{
    margin-top: 5px;
}
.wrapper article section aside .side_inner ul li a{
	padding:10px 15px;
	background:#f2f2f2;
	display:block;
}
.wrapper article section aside .side_inner ul li a:hover{
	background:#003cad;
	color:white;
	text-decoration:none;
}
.single .wrapper article section table{
	width:100%;
	margin-bottom:15px;
}
.single .wrapper article section p{
	margin: 0 0 14px;
}
.single .wrapper article section p.day{
	margin: 0 ;
}
.single .wrapper article section h1{
	font-size:24px;
	line-height: 1.4em;
    margin: 20px 0 0.4em;
}
.single .wrapper article section .link{
	margin-top:50px;
	text-align:center;
}
.single .wrapper article section .link li{
	display:inline-block;
	width:30%;
}
.single .wrapper article section .link li a{
	background:#111;
	display:block;
	color:white;
	font-weight:bold;
	padding:9px 0;
	text-align:center;
}
.single .wrapper article section .link li a:hover{
	background:#003cad;
	text-decoration:none;
}
.single .wrapper article section h3{
    text-align: left;
    font-size: 23px;
    margin-bottom: 25px;
    margin-top: 0px;
    line-height: 1.7;
    padding-bottom: 8px;
    border-bottom: 1px dotted #003cad;
}
.single .wrapper article section p.day{
    font-size: 16px;
    color:#003cad;
	font-weight:bold;
}
.single .wrapper article section img{
	width:auto;
}
	src:local("Yu Gothic Medium");
}
@font-face{
	font-family:"Yu Gothic M";
	src:local("Yu Gothic Bold");
	font-weight: bold;
}
html{
	/*-----------------------------------------
	ゴシック主体の場合
	-----------------------------------------*/
	font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, Helvetica, Arial, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/*-----------------------------------------
	明朝体主体の場合
	-----------------------------------------*/
	/*
	font-family: "游明朝体", YuMincho, "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, Times, "Times New Roman", serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	*/
	color:#222;
	letter-spacing:1px;
	font-size:14px;
}
a{
	transition:0.1s linear all;	
	color:#222;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;	
}
li{
	list-style-type:none;	
}
p,th,td,li,dt,dd{
	line-height:1.8em;	
}
img{
	border:none !important;	
	display: block;
}

/*-----------------------------------------
wrapper
-----------------------------------------*/
.page .wrapper main article > section {
	margin: 20px 0 50px;
}

.wrapper{
    width:100%;
    height:auto;
}

.wrapper .section_inner {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.wrapper section .section_inner {
	max-width: 1100px;
	overflow: hidden;
}

.wrapper .mainimg {
	overflow: hidden;
	position: relative;
}

.wrapper .mainimg img {
	float: right;
	padding-top: 85px;
}

.wrapper .mainimg .main_text {
	position: absolute;
	color: white;
	font-size: 24px;
	top: 32%;
	left: 10%;
	text-shadow: 1px 1px 0 #000, 0 1px 0 #000, 1px 0 0 #000, 0 0 0 #000;
}

.wrapper .mainimg .main_text span {
	font-size: 70px;
	font-family: "Poppins";
	line-height: 1.1;
}

/*-----------------------------------------
header
-----------------------------------------*/
.wrapper nav {
	overflow: hidden;
	background: linear-gradient(to right, #3d9a21 0%, #bade1f 100%);
	height: 85px;
    position: fixed;
    z-index: 999;
    width: 100%;
}

.wrapper nav .nav {
	width: 96%;
	max-width: 1440px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: inherit;
}

.wrapper nav .nav_left {
	float: left;
	width: 12%;
}

.wrapper nav .nav_left img {
	display: inline;
}

.wrapper nav .nav_left img:hover {
	opacity: 0.8;
}

.wrapper nav .nav_right {
	float: right;
	width: 50%;
}

.wrapper nav .nav_right .gnav {
	overflow: hidden;
}

.wrapper nav .nav_right .gnav li {
	float: left;
	width: 23.5%;
	margin-right: 2%;
	text-align: center;
	font-weight: bold;
}

.wrapper nav .nav_right .gnav li:last-child {
	margin-right: 0;
	background: linear-gradient(to right, #3d9a21 0%, #73d123 100%);
}

.wrapper nav .nav_right .gnav li a {
	color: white;
	display: block;
	padding: 30px 3%;
	text-decoration: none;
	opacity: 0.8;
}

.wrapper nav .nav_right .gnav li a:hover {
	opacity: 1;
}

/*-----------------------------------------
ブログページ
-----------------------------------------*/
.category .wrapper .inner,
.single .wrapper .inner,
.archive .wrapper .inner{
	width: 1100px;
	margin: 20px auto 50px;
}
.category .wrapper .inner span,
.single .wrapper .inner span,
.archive .wrapper .inner span,
.page .wrapper .breadcrumbs span{
	font-size: 12px;
}
.category .wrapper article section ul.topics,
.single .wrapper article section .content,
.archive .wrapper article section ul.topics{
	float:left;
	width:72%;
}
.single .wrapper article section .content p a{
	text-decoration:underline;
}
.single .wrapper article section .content p a:hover{
	text-decoration:none;
}
.wrapper article section .wp-pagenavi {
    height: 25px !important;
    margin: 40px 0 100px;
	text-align: center;
}
.category .wrapper article section ul.topics li,
.archive .wrapper article section ul.topics li{
	width:100%;
	margin-bottom:15px;
}
.category .wrapper article section ul.topics li a,
.archive .wrapper article section ul.topics li a{
	display:block;
	background: #f2f2f2;
	padding:20px 25px;
	overflow:hidden;
}
.category .wrapper article section ul.topics li a .detail .detail_inner h5,
.archive .wrapper article section ul.topics li a .detail .detail_inner h5{
	font-size:14px;
	color: #3c9c25;
	text-align: left;
	margin: 5px 0 10px;
}
.wrapper article section aside{
	float:right;
	width:25%;
	margin-bottom: 100px;
}
.wrapper article section aside h5{
	font-size:16px;
	color:#003cad;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #003cad;
}
.wrapper article section aside .side_inner{
	margin-bottom:30px;
}
.wrapper article section aside .side_inner ul{
	margin-top: 20px;
}
.wrapper article section aside .side_inner ul li{
	margin-bottom:5px;
}
.wrapper article section aside .side_inner ul.children{
    margin-top: 5px;
}
.wrapper article section aside .side_inner ul li a{
	padding:10px 15px;
	background:#f2f2f2;
	display:block;
}
.wrapper article section aside .side_inner ul li a:hover{
	background:#3c9c25;
	color:white;
	text-decoration:none;
}
.single .wrapper article section table{
	width:100%;
	margin-bottom:15px;
}
.single .wrapper article section p{
	margin: 0 0 14px;
}
.single .wrapper article section p.day{
	margin: 0 ;
}
.single .wrapper article section h1{
	font-size:24px;
	line-height: 1.4em;
    margin: 20px 0 0.4em;
}
.single .wrapper article section .link li{
	display:inline-block;
	width:150px;
}
.single .wrapper article section .link li a{
	background:#111;
	display:block;
	color:white;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
}
.single .wrapper article section .link li a:hover{
	background:#3c9c25;
	text-decoration:none;
}
.single .wrapper article section h3{
    text-align: left;
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 0px;
    line-height: 1.7;
	padding: 5px 15px;
	box-sizing: border-box;
	background: #3e9b21;
	border-bottom: none;
	color: white;
}
.single .wrapper article section p:nth-child(2) {
	padding: 0 15px;
	box-sizing: border-box;
}
.single .wrapper article section p.day{
    font-size: 14px;
    color:#3c9c25;
	font-weight:bold;
	text-align: right;
	padding-top: 10px;
	border-top: 1px dotted #3e9b21;
	width: 100%;
}
.single .wrapper article section img{
	width:auto;
}

/*-----------------------------------------
gnav
-----------------------------------------*/

/*-----------------------------------------
footer
-----------------------------------------*/
.pagetop{
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:999;
}

footer {
	background-color: #304823;
	color: white;
}

footer .footer {
	width: 96%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 50px 0 30px;
	overflow: hidden;
}

footer .footer .footer_left {
	float: left;
	width: 50%;
}

footer .footer .footer_left p a {
	color: white;
}

footer .footer .footer_left img {
	display: inline;
}

footer .footer .footer_left img:hover {
	opacity: 0.8;
}

footer .footer .footer_right {
	float: right;
	width: 15%;
	margin-top: 100px;
}

footer .footer .footer_right ul li {
	text-align: center;
	margin-bottom: 15px;
}

footer .footer .footer_right ul li:first-child a {
	background-color: #3c9c25;
	padding: 10px 0 5px;
	width: inherit;
	display: block;
}

footer .footer .footer_right ul li a {
	color: white;
	opacity: 0.7;
}

footer .footer .footer_right ul li a:hover {
	opacity: 1;
	text-decoration: none;
}

.wrapper footer .section_inner {
	width: 1100px;
    margin: 0 auto;
	text-align: center;
	padding-bottom: 30px;
}


/*
.button{
  position: fixed;
  right: 3%;
  bottom: 5%;
  color: #fff;
  background: #000;
  padding: 25px;
  cursor: pointer;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
	border-radius: 50%;
	border: 2px solid #3d9a21;
	background: url(images/common/pagetop.png) no-repeat;
	background-size: 35%;
	background-position: center 50%;
}

.button:hover{
	background: url(images/common/pagetop_white.png) no-repeat #3d9a21;
	background-size: 35%;
	background-position: center 50%;
}

.on{
  opacity: 1;
  visibility: visible;
}

footer{
  position: relative;
}

.absolute{
  position: absolute;
  top: -70px;
  bottom: auto;
}
*/

.button{ 
	position: fixed; 
	font-weight: bold; 
	right: 5%; 
	bottom: 5%; 
	font-size: 30px; 
	color: #fff; 
	background: #3e9b21; 
	border: 1px solid #3e9b21; 
	cursor: pointer; 
	transition: .3s; 
    height: 50px; 
	padding-top: 10px; 
	width: 60px; 
	text-align: center; 
	opacity: 0; 
	visibility: hidden; 
	border-radius: 50%; 
} 
.button:hover { 
	background: #fff; 
	color: #3e9b21; 
	border: 1px solid #3e9b21; 
} 
.active{ 
	opacity: 1; 
	visibility: visible; 
}

/*-----------------------------------------
common
-----------------------------------------*/
.h2 h2 {
	font-size: 18px;
	text-align: center;
	margin-bottom: 50px;
}

.h2 h2 span {
	font-size: 36px;
	font-family: "Poppins";
	padding-bottom: 10px;
	border-bottom: 2px solid #222;
	margin-bottom: 15px;
	display: inline-block;
}

h3 {
	font-size: 24px;
	padding-bottom: 15px;
	border-bottom: 5px solid #a0cf42;
	margin-bottom: 20px;
}

h4 {
	font-size: 20px;
	color: #3e9b21;
	padding-left: 10px;
	border-left: solid #3e9b21 5px;
	margin-bottom: 30px;
}

h5 {
	color: #3e9b21;
	text-align: center;
	font-size: 18px;
	margin: 30px 0;
}

.archive h4, .single h4, .category h4 {
	color: #222;
}

p.tit {
	color: #3c9c25;
	font-family: "Poppins";
	font-size: 40px;
	line-height: 1.1;
}

section {
	margin: 80px auto 100px;
}

section.blog {
	margin: 50px auto 0;
}



/*-----------------------------------------
top
-----------------------------------------*/
.wrapper .mainimg {
	background: linear-gradient(to right, #3d9a21 0%, #bade1f 100%);
}

.wrapper .section_inner .business {
	overflow: hidden;
}

.wrapper .section_inner .card {
	overflow: hidden;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 4px #ccc;
	margin-bottom: 100px;
	width: 88%;
	float: left;
	box-sizing: border-box;
}

.wrapper .section_inner .card:last-child {
	float: right;
	margin-bottom: 50px;
}

.wrapper .section_inner .card .card_left {
	width: 63%;
	float: left;
}

.wrapper .section_inner .card .card_left img,
.wrapper .section_inner .card .card_right img {
	width: 100%;
}

.wrapper .section_inner .card .card_right {
	width: 28%;
	float: right;
	padding: 40px;
}

.wrapper .section_inner .card .card_right p.tit {
	margin-bottom: 10px;
}

.wrapper .section_inner .card .card_right p.busi {
	font-size: 13px;
}

.wrapper .section_inner .card .card_right p span {
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 2px solid #222;
	font-size: 16px;
	display: block;
}

.wrapper .section_inner .card .card_right .btn {
	text-align: center;
}

.wrapper .section_inner .card .card_right .btn a {
	color: white;
	text-decoration: none;
	margin-top: 40px;
	background-color: #333;
	padding: 10px 20px;
	width: 20%;
	display: block;
	opacity: 0.8;
}

.wrapper .section_inner .card .card_right .btn a:hover {
	opacity: 1;
}

.wrapper section.recruit {
	background: url(images/index/recruit_bg.png) no-repeat;
	background-size: cover;
	margin: 0 auto 100px;
	padding-top: 80px;
}

.wrapper section.recruit h2 {
	color: white;
}

.wrapper section.recruit h2 span {
	border-bottom: 2px solid white;
}

.wrapper section.recruit .recruit_ex {
	margin-bottom: 30px;
	width: 75%;
	margin: 0 auto;
	position: relative;
}

.wrapper section.recruit .recruit_ex .recruit_inner {
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}

.wrapper section.recruit .recruit_ex .recruit_left {
	float: left;
	width: 28%;
	padding: 10px 0;
	border: 3px solid white;
}

.wrapper section.recruit .recruit_ex .recruit_left p {
	font-size: 30px;
	font-weight: bold;
	color: white;
	text-align: center;
	line-height: 1.5;
}

.wrapper section.recruit .recruit_ex .recruit_right {
	float: right;
	width: 65%;
	margin-top: 20px;
}

.wrapper section.recruit .recruit_ex .recruit_right p {
	color: white;
}

.wrapper section.recruit .recruit_ex .recruit_btn {
	text-align: center;
	margin-top: 150px;
}

.wrapper section.recruit .recruit_ex .recruit_btn a {
	color: white;
	display: block;
	padding: 15px 0;
	font-weight: bold;
	font-size: 20px;
	text-decoration: none;
	background: #333;
	width: 35%;
	margin: 0 auto 50px;
	opacity: 0.8;
}

.wrapper section.recruit .recruit_ex .recruit_btn a:hover {
	opacity: 1;
}

.wrapper section.recruit .recruit_ex .recruit_img img {
	box-shadow: 2px 2px 4px #ccc;
	width: 100%;
}

.wrapper section .section_inner .news .news_list {
	width: 70%;
	text-align: center;
	margin: 0 auto;
}

.wrapper section .section_inner .news .news_list li {
	padding: 0 20px 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
	overflow: hidden;
	border-bottom: 2px solid #c2d599;
}

.wrapper section .section_inner .news .news_list li a:hover {
	opacity: 0.7;
}

.wrapper section .section_inner .news .news_list li p {
	float: left;
}

.wrapper section .section_inner .news .news_list li p.date {
	margin-right: 30px;
	margin-top: 5px;
	color: #3c9c25;
	font-weight: bold;
}

.wrapper section .section_inner .news .news_list li p.date:hover {
	opacity: 0.8;
}

.wrapper section .section_inner .news .news_list li p.category {
	color: white;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #3c9c25;
	text-align: center;
	margin-right: 30px;
}

.wrapper section .section_inner .news .news_list li p:last-child {
	margin-top: 5px;
}

.wrapper .section_inner .news .news_btn {
	text-align: center;
}

.wrapper .section_inner .news .news_btn a {
    color: white;
    text-decoration: none;
    margin: 40px auto 0;
    background-color: #333;
    padding: 10px 20px;
    width: 10%;
    display: block;
    opacity: 0.8;
}

.wrapper .section_inner .news .news_btn a:hover {
    opacity: 1;
}


/*-----------------------------------------
ハンバーガーメニュー
-----------------------------------------*/

.h-menu{
  position: relative;
}

.h-menuCheckbox {
  display:none;
}

.h-menu_icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.h-menu_icon p.menu {
    margin-left: 60px;
	width: 60px;
	color: white;
	margin-top: -3px;
}

.hamburger-icon, .hamburger-icon::before, .hamburger-icon::after {
    content: '';
    display: block;
    position: absolute;
    z-index: 100;
    top:0;
    bottom:0;
    width: 32px;
    height: 3px;
    background: white;
    cursor: pointer;
}
.hamburger-icon:before {
    top: 10px;
}
.hamburger-icon:after {
    top: 20px;
}

#h-menu_black {
    display: none;
    position: fixed;
    z-index: 98;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #304823;
    opacity: 0;
    transition: .7s ease-in-out;
}

#h-menu_content {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    width: 75%;
    height: 100vh;
    padding: 53px 16px 16px;
    background: #71c159;
    overflow: auto;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
}

input:checked ~ .h-menu_icon .hamburger-icon{
    background: transparent;
}
input:checked ~ .h-menu_icon .hamburger-icon::before{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top:10px;
    z-index:999;
}
input:checked ~ .h-menu_icon .hamburger-icon::after{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top:10px;
    z-index:999;
}
input:checked ~ #h-menu_black {
    display: block;
    opacity: .8;
}
#h-menu_checkbox:checked ~ #h-menu_content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
.h-menu_icon .hamburger-icon,
.h-menu_icon .hamburger-icon::before,
.h-menu_icon .hamburger-icon::after,
#h-menu_black,
#h-menu_content{
    -webkit-transition: all .3s;
    transition: all .3s;
}

#h-menu_content ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
#h-menu_content ul li{
    border-bottom: solid 1px white;
	font-weight: bold;
}
#h-menu_content li a {
    display: block;
    color: white;
    font-size: 16px;
    padding: 24px;
    text-decoration: none;
    transition-duration: 0.2s;
}
/*
#h-menu_content li a:hover {
    background: #455b6d;
}
*/



/*-----------------------------------------
ぱんくず
-----------------------------------------*/
.wrapper .breadcrumb{
	width:1100px;
	margin:10px auto;
}
.wrapper .breadcrumb ul{
	overflow:hidden;
}
.wrapper .breadcrumb ul li{
	float:left;
	font-size:11px;
}

/*-----------------------------------------
メインイメージ
-----------------------------------------*/
@media screen and (min-width: 1300px) {
	.archive .pageimg, .single .pageimg, .category .pageimg,
	.page-company .pageimg,
	.page-contact .pageimg,
	.page-information .pageimg,
	.page-recruit .pageimg {
		background-size: cover;
	}
}
.pageimg {
	padding-top: 85px;
}
.error404 .pageimg, .page .pageimg, .archive .pageimg, .single .pageimg, .category .pageimg {
	background: url(images/page/archive/pageimg.png) no-repeat;
	max-width: 100%;
	background-size: cover;
	overflow: hidden;
	height: 200px;
	margin: 0 auto;
}
.page-company .pageimg {
	background: url(images/page/company/pageimg.png) no-repeat;
	background-size: cover;
}
.page-contact .pageimg {
	background: url(images/page/contact/pageimg.png) no-repeat;
	background-size: cover;
}
.page-information .pageimg {
	background: url(images/page/information/pageimg.png) no-repeat;
	background-size: cover;
}
.page-recruit .pageimg {
	background: url(images/page/recruit/pageimg.png) no-repeat;
	background-size: cover;
}
.pageimg .pageimg_title {
	display: flex;
	justify-content: center;
	align-items: center;
	height: inherit;
}
.pageimg .pageimg_title h2 {
	color: white;
	text-align: center;
	font-size: 32px;
}
.error404 .pageimg .pageimg_title h2 {
	font-size: 36px;
}
/*-----------------------------------------
見出し
-----------------------------------------*/

/*-----------------------------------------
内部共通
-----------------------------------------*/

table {
	width: 100%;
	max-width: 1100px;
	margin-bottom: 50px;
}

table th {
	width: 30%;
	text-align: left;
	background: #f5faec;
	font-weight: bold;
	padding: 15px 20px;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
}

table td {
	width: 70%;
	vertical-align: middle;
	padding: 15px 20px;
	border-bottom: 1px dotted #ccc;
}

table tr:last-child th, table tr:last-child td {
	border-bottom: none;
}

/*-----------------------------------------
コンタクトフォーム用
-----------------------------------------*/
input[type="checkbox"],
input[type="radio"]{
	vertical-align:middle;
}
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
	padding:5px;
	width:95%;
}

/*-----------------------------------------
pagenavi
-----------------------------------------*/
.wp-pagenavi{
	margin-bottom:5px;
}
.wp-pagenavi a, .wp-pagenavi span{
	background-color:#3c9c25;
	border:1px solid #3c9c25 !important;
	color:white;
	padding:5px 8px !important;
	font-size:14px;
	transition:0.1s linear all;
}
.wp-pagenavi span.current{
	background-color:white;
	font-weight:normal !important;
	color:#3c9c25;
}
.wp-pagenavi a:hover{
	background-color:#3c9c25;	
	color:white;
}

.sp{ display:none; }


/*-----------------------------------------
お問い合わせ
-----------------------------------------*/

.page-contact .wrapper main article > section {
	margin: 20px auto 100px;
}

.page-contact .wrapper .contact {
	margin-top: 80px;
}

.page-contact .wrapper .contact p.caution {
	text-align: center;
	margin-bottom: 30px;
}

.page-contact .wrapper .contact .form table {
	width: 100%;
	max-width: 1100px;
	margin-bottom: 50px;
}

.page-contact .wrapper .contact .form table th {
	width: 30%;
	text-align: left;
	background: #f5faec;
	font-weight: bold;
	padding: 10px 20px;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
	box-sizing: border-box;
}

.page-contact .wrapper .contact .form table th span {
	display: inline-block;
	color: white;
	background: linear-gradient(to right, #3d9a21 0%, #73d123 100%);
	padding: 1px 8px;
	margin-left: 20px;
	border-radius: 5px;
	width: 26px;
	font-size: 12px;
}

.page-contact .wrapper .contact .form table td {
	width: 70%;
	vertical-align: middle;
	padding: 10px 20px;
	border-bottom: 1px dotted #ccc;
	box-sizing: border-box;
}

.page-contact .wrapper .contact .form table tr:last-child th, .page-contact .wrapper .contact .form table tr:last-child td {
	border-bottom: none;
}

.page-contact .wrapper .contact .form p {
	text-align: center;
}

.wpcf7 .wpcf7-submit {
	margin-top: 30px;
	width: 200px;
	color: white;
	padding: 10px 0;
	background: linear-gradient(to right, #3d9a21 0%, #73d123 100%);
	border: none;
	border-radius: 5px;
}
.wpcf7 .wpcf7-submit:hover {
	opacity: 0.8;
}

span.wpcf7-spinner {
	display: none;
}


/*-----------------------------------------
会社概要
-----------------------------------------*/

.page-company .wrapper .company {
	margin-top: 80px;
}

.page-company .wrapper .company_ex table {
	width: 100%;
	max-width: 1100px;
	margin-bottom: 50px;
}

.page-company .wrapper .company_ex table th {
	width: 30%;
	text-align: left;
	background: #f5faec;
	font-weight: bold;
	padding: 15px 20px;
	border-bottom: 1px dotted #ccc;
	vertical-align: top;
}

.page-company .wrapper .company_ex table td {
	width: 70%;
	vertical-align: middle;
	padding: 15px 20px;
	border-bottom: 1px dotted #ccc;
}

.page-company .wrapper .company_ex table tr:last-child th, .page-company .wrapper .company_ex table tr:last-child td {
	border-bottom: none;
}

.page-company .wrapper .history {
	margin-bottom: 50px;
}

.page-company .wrapper .exception {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}

.page-company .wrapper .exception table {
	width: 100%;
}

.page-company .wrapper .exception table tr {
	border-bottom: 1px dotted #eee;
}

.page-company .wrapper .exception table tr:last-child, .page-company .wrapper .exception table tr.b_none {
	border-bottom: none;
}

.page-company .wrapper .exception table tr.sec.pad_b td {
	padding: 0 0 20px 20px;
}

.page-company .wrapper .exception table tr.twelve.pad_b td {
	padding: 0 0 10px 20px;
}

.page-company .wrapper .exception table th {
	width: 30%;
	padding: 30px;
	font-size: 40px;
	line-height: 0.6em;
	text-align: right;
	background: none;
}

.page-company .wrapper .exception table th span {
	font-size: 14px;
	line-height: 0.6em;
}

.page-company .wrapper .exception table td {
	width: 70%;
	padding: 20px;
	vertical-align: middle;
	border-left: 15px solid #f5faec;
}

.page-company .wrapper .exception table tr.sec td {
	padding: 20px 0 0 20px;
	border-bottom: none;
}

.page-company .wrapper .exception table td span {
	display: inline-block;
	padding-right: 30px;
	color: #3e9b21;
	font-weight: bold;
}

.page-company .wrapper .exception table td span:before {
	content: "●";
	color: #1aad61;
	margin: 0 20px 0 -34px;
}

.page-company .wrapper .access {
	margin-bottom: 50px;
}

.page-company .wrapper .access_ex p {
	text-align: center;
	margin-bottom: 30px;
}

.page-company .wrapper .access_ex .map {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}


/*-----------------------------------------
事業案内
-----------------------------------------*/

.page-information .wrapper .information {
	margin-top: 80px;
}

.page-information .wrapper .information p {
	text-align: center;
}

.page-information .wrapper .information .school {
	margin: 50px auto;
	max-width: 800px;
	width: 100%;
}

.page-information .wrapper .information .school .school_flex {
	overflow: hidden;
	width: 100%;
	margin-bottom: 30px;
}

.page-information .wrapper .information .school .school_flex .school_left, .page-information .wrapper .information .school .school_flex .school_right {
	width: 47.5%;
}

.page-information .wrapper .information .school .school_flex .school_left {
	margin-right: 5%;
	float: left;
}

.page-information .wrapper .information .school .school_flex .school_right {
	float: right;
}

.page-information .wrapper .information .school .school_flex .school_left a, .page-information .wrapper .information .school .school_flex .school_right a {
	background: linear-gradient(to right, #3d9a21 0%, #73d123 100%);
	color: white;
	display: block;
	padding: 150px 0;
	border-radius: 10px;
	text-align: center;
	text-decoration: none;
}

.page-information .wrapper .information .school .school_flex .school_left a:hover, .page-information .wrapper .information .school .school_flex .school_right a:hover {
	opacity: 0.8;
}


/*-----------------------------------------
採用情報
-----------------------------------------*/

.tab{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-bottom: 5px solid #3d9a21;
}

.tab li{
	display: block;
	background: #97bc8b;
	padding:15px 0 10px;
	box-sizing: border-box;
	width: 25%;
	text-align: center;
	color: white;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	border-right: 1px solid #a0a0a0;
	font-size: 16px;
}

.tab li:last-child {
	border-right: none;
}

.tab li:hover {
	background: #3d9a21;
}

.tab li.active {
	background: #3d9a21;
}

.area {
	display: none;
	padding: 30px 20px;
}

.parttime.area {
	display: block;
}

.page-recruit .wrapper main article > section {
	margin: 20px auto 0;
}

.page-recruit .wrapper .inner {
	max-width: 1100px;
    overflow: hidden;
	margin: 0 auto;
}

.page-recruit .wrapper .recruit {
	margin-top: 80px;
}

.page-recruit .wrapper .recruit p.txt_recruit {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.page-recruit .wrapper .recruit .officestaff {
	padding-bottom: 50px;
}

.page-recruit .wrapper .voice {
	padding: 80px 0 50px;
	background: #f5faec;
}

.page-recruit .wrapper .voice .teacher .teacher_ex01 {
	background: url(images/page/recruit/teacher01.png) no-repeat;
}
.page-recruit .wrapper .voice .teacher .teacher_ex02 {
	background: url(images/page/recruit/teacher02.png) no-repeat;
}
.page-recruit .wrapper .voice .teacher .teacher_ex03 {
	background: url(images/page/recruit/teacher03.png) no-repeat;
}
.page-recruit .wrapper .voice .teacher .teacher_ex04 {
	background: url(images/page/recruit/teacher04.png) no-repeat;
}

.page-recruit .wrapper .voice .teacher_ex {
	overflow: hidden;
	margin-bottom: 50px;
}

.page-recruit .wrapper .voice .teacher_ex .text {
	padding: 50px;
	background-color: rgba(255, 255, 255, 0.9);
	margin: 18% 0 0 50px;
	max-width: 950px;
	width: 100%;
}

.page-recruit .wrapper .voice .teacher_ex .text p span {
	color: #3e9b21;
	display: inline-block;
	font-weight: bold;
}

.page-recruit .wrapper .btn {
	margin-bottom: 100px;
	text-align: center;
}

.page-recruit .wrapper .btn a.entry_btn {
	display: inline-block;
	color: white;
	padding: 20px 0;
	background: linear-gradient(to right, #3d9a21 0%, #73d123 100%);
    width: 15%;
	text-decoration: none;
	border-radius: 5px;
}

.page-recruit .wrapper .btn a.entry_btn:hover {
	opacity: 0.8;
}





.mid {
	display: none;
}

.W-428 {
	display: none;
}

.pc {
	display: block;
}
	

/*-----------------------------------------
過去問ダウンロード
-----------------------------------------*/
.page-download .pageimg {
	background: url(images/page/download/pageimg.jpg) no-repeat;
	max-width: 100%;
	background-size: cover;
	overflow: hidden;
	height: 300px;
	margin: 0 auto;
	background-position: bottom;
	position: relative;
}
.page-download .pageimg:before {
	content: "";
	background: rgba(0, 0, 0, 0.15);
	display: block;
	width: 100%;
	height: inherit;
	position: absolute;
}
.page-download .pageimg .pageimg_title {
	position: relative;
	z-index: 10;
}
.page-download .wrapper article section:first-child {
	margin-top: 120px;
}
.page-download .wrapper article section:last-child {
	margin-bottom: 120px;
}
.page-download .wrapper article section .section_inner .year_tab {
	width: 800px;
	margin: 0 auto 80px;
}
.page-download .wrapper article section .section_inner .year_tab ul {
	display: flex;
	justify-content: space-between;
}
.page-download .wrapper article section .section_inner .year_tab ul li {
	font-size: 16px;
	border: 1px solid #7e9b00;
    color: #20670b;
    padding: 7.5px 30px;
    box-sizing: border-box;
    font-weight: bold;
}
.page-download .wrapper article section .section_inner .year_tab ul li:hover,
.page-download .wrapper article section .section_inner .year_tab ul li.on {
	background: linear-gradient(to right, #20670b 0%, #7e9b00 100%);
	color: white;
	cursor: pointer;
}
.page-download .wrapper article section .section_inner .past_exam .exam_wrap {
	display: none;
}
.page-download .wrapper article section .section_inner .past_exam .exam_wrap.active {
	display: block;
}
.page-download .wrapper article section .section_inner .past_exam h3 {
	margin-bottom: 50px;
}
.page-download .wrapper article section .section_inner .past_exam .exam_block table {
	border: 1px dotted #ccc;
	box-sizing: border-box;
	margin-bottom: 0;
}
.page-download .wrapper article section .section_inner .past_exam .exam_block table th {
	font-size: 16px;
}
.page-download .wrapper article section .section_inner .past_exam .exam_block table tr td a {
	background: #304823;
	border: 1px solid #304823;
	width: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-weight: bold;
	padding: 10px 0;
	box-sizing: border-box;
}
.page-download .wrapper article section .section_inner .past_exam .exam_block table tr td a:hover {
	background: white;
	color: #304823;
	text-decoration: none;
}
.page-download .wrapper article section .section_inner .past_exam .exam_inner {
	display: flex;
	gap: 50px;
	flex-wrap: wrap;
}
.page-download .wrapper article section .section_inner .past_exam .exam_inner.first {
	margin-bottom: 100px;
}
.page-download .wrapper article section .section_inner .past_exam .exam_inner .exam_block {
	width: calc((100% - 50px) / 2);
}


/*-----------------------------------------
404
-----------------------------------------*/
.error404 .wrapper .pageimg {
	background: #73d123;
}
.error404 .wrapper article section .section_inner p.center {
	text-align: center;
}
.error404 .wrapper article section .section_inner p.center a {
	text-decoration: underline;
}
.error404 .wrapper article section .section_inner p.center a:hover {
	text-decoration: none;
}



@media screen and (max-width: 1280px) { /* iPad Pro */
	.wrapper section.recruit {
		background-size: contain;
	}
	.wrapper nav .nav {
		width: 100%;
	}
	
	.wrapper nav .nav_left {
		margin-left: 2%;
	}
	.wrapper section .section_inner {
		width: 96%;
	}
	.page-recruit .wrapper .inner {
		width: 96%;
	}
}
@media screen and (max-width: 1024px) { /* タブレット横 */
	.archive .pageimg, .single .pageimg, .category .pageimg {
		background: url(images/page/archive/pageimg.png) no-repeat;
		background-size: inherit;
	}
	.page-company .pageimg {
		background: url(images/page/company/pageimg.png) no-repeat;
		background-size: inherit;
	}
	.page-contact .pageimg {
		background: url(images/page/contact/pageimg.png) no-repeat;
		background-size: inherit;
	}
	.page-information .pageimg {
		background: url(images/page/information/pageimg.png) no-repeat;
		background-size: inherit;
	}
	.page-recruit .pageimg {
		background: url(images/page/recruit/pageimg.png) no-repeat;
		background-size: inherit;
	}
	
	
	
	
	.wrapper .mainimg .main_text {
		top: 30%;
	}
	
	
	
	
	
	.wrapper .section_inner .card {
		width: 92%;
	}
	
	.wrapper .section_inner .card .card_right {
		width: 30%;
		padding: 25px;
	}
	
	.wrapper section.recruit .recruit_ex .recruit_inner {
		width: 90%;
	}
	
	footer .footer {
		width: 96%;
	}
	
	footer .footer .footer_right {
		width: 15%;
		margin-top: 85px;
	}
	
	/* page-recruit */	
	.page-recruit .wrapper .voice .teacher_ex .text {
		width: 90%;
		margin: 25% 0 0 0;
	}
}
@media screen and (max-width: 896px) { /* iPhone XS MAX 横表示 */
	.sp{ display:inline-block; }
	.wrapper{
		width:100%;
		overflow:hidden;
	}
	.wrapper .sp{
		display:inline;	
	}
	.wrapper .sp .btn{
		padding:5px;
		position:fixed;
		top:10px;
		right:10px;
		width:40px;
		z-index:10;
	}
	.menu__line {
		background: #3b86d2; /* スマホメニュー3本線の色はここで変更できます */
		display: block;
		height: 3px;
		position: absolute;
		transition: transform .3s;
		width: 100%;
	}
	.menu__line--center {
		top: 9px;
	}
	.menu__line--bottom {
		bottom: 0;
	}
	.menu__line--top.active {
		top: 8px;
		transform: rotate(45deg);
	}
	.menu__line--center.active {
		transform: scaleX(0);
	}
	.menu__line--bottom.active {
		bottom: 10px;
		transform: rotate(135deg);
	}
	.wrapper .sp .spmenu{
		width:50%;
		position:fixed;
		z-index:9999;
		left:-80%;
		top:0;
		background-color:rgba(255,255,255,0.98);
		overflow:auto;
		height:100%;
	}
	.wrapper .sp .spmenu li{
		width:100%;
		border-bottom:1px dotted #ddd;
		font-size:14px;
		overflow:hidden;
	}
	.wrapper .sp .spmenu li:first-child{
		line-height:1em;
		padding:10px 0;
		width:100%;
		text-align:center;
	}
	.wrapper .sp .spmenu li:last-child{
		border-bottom:none;
	}
	.wrapper .sp .spmenu li a{
		color:#222;
		display:block;
		font-size:12px;
		padding:10px 0 10px 15px;
	}
	.wrapper .sp .spmenu li:first-child a{
		padding:10px 0 10px 0;
	}
	.wrapper .sp .spmenu li a:hover{
		text-decoration:none;
	}
	.wrapper .sp .spmenu li a img{
		width:93%;
	}
	
	.page-download .wrapper article section .section_inner .year_tab {
		width: 100%;
	}
	.page-download .wrapper article section .section_inner .year_tab ul {
		flex-wrap: wrap;
	}
	.page-download .wrapper article section .section_inner .past_exam .exam_inner {
		flex-direction: column;
	}
	.page-download .wrapper article section .section_inner .past_exam .exam_inner .exam_block {
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.page-contact .wrapper .contact .form table th,
	.page-contact .wrapper .contact .form table td {
		width: 100%;
		display: block;
	}
	
	.pc {
		display: none;
	}
	
	.mid {
		display: block;
	}
	
	.wrapper .mainimg .main_text {
		font-size: 21px;
	}
	
	.wrapper .mainimg .main_text span {
		font-size: 42px;
	}
	
	.wrapper nav .nav_left {
		width: 14%;
	}
	
	.wrapper nav .nav_right {
		width: 70%;
	}
	
	.wrapper nav .nav_right .gnav li {
		width: 25%;
		margin-right: 0;
	}
	
	.wrapper nav .nav_right .gnav li a {
		font-size: 16px;
		padding: 35px 12% 30px;
	}
	
	.wrapper .sp .btn {
		display: none;
	}
	
	.wrapper .section_inner .card {
		width: 99.5%;
	}
	
	.wrapper section.recruit .recruit_ex {
		width: 90%;
	}
	
	.wrapper section.recruit .recruit_ex .recruit_inner {
		width: 100%;
	}
	
	.wrapper section.recruit {
		background-size: 130%;
		background-position: 50% 0;
	}
	
	.wrapper section.recruit .recruit_ex .recruit_btn {
		margin-top: 150px;
	}
	
	footer .footer .footer_right {
		width: 20%;
	}
	
	.wrapper footer .section_inner {
		width: 100%;
	}

}

@media screen and (max-width: 640px) {
	.W-640none {
		display: none;
	}
	footer .footer .footer_left,
	footer .footer .footer_right {
		width: 100% !important;
		float: none;
	}
	footer .footer .footer_right {
		margin-top: 20px;
	}
	footer .footer .footer_right ul {
		overflow: hidden;
	}
	footer .footer .footer_right ul li,
	footer .footer .footer_right ul li a {
		margin: 0 auto 10px;
	}
	
	.pc {
		display: none;
	}
	
	.mid {
		display: none;
	}
	
	.W-428 {
		display: block;
	}
	
	.page .wrapper .pageimg,
	.archive .wrapper .pageimg,
	.category .wrapper .pageimg,
	.single .wrapper .pageimg {
		background-size: cover;
		background-position: 30% 0;
		height: 175px;
	}
	
	.h2 h2 span {
		font-size: 32px;
	}
	
	p.tit {
		font-size: 30px;
	}
	
	.wrapper nav .nav_left {
		width: 100px;
	}

	.wrapper nav .nav_left img {
		width: 100%;
		margin-top: 10px;
	}
	
	.h-menu {
		margin: 0 3% 0 0;
	}
	.pageimg {
		padding-top: 71px;
	}
	.wrapper .mainimg {
		height: 350px;
		background: url(images/index/mainimg.png) no-repeat;
		background-size: 130%;
    	background-position: 5% 85px;
	}
	.wrapper .mainimg img {
		display: none;
	}
	
	.wrapper .mainimg .main_text {
		font-size: 12px;
		top: 42.5%;
	}
	
	.wrapper .mainimg .main_text span {
		font-size: 30px;
		padding-bottom: 5px;
    	display: inline-block;
	}
	
	.wrapper .section_inner .card .card_left {
		width: 100%;
		float: none;
	}
	
	.wrapper .section_inner .card .card_right {
		width: 80%;
		padding: 40px;
	}
	
	.wrapper .section_inner .card .card_right p.busi {
		font-size: 15px;
	}
	
	.wrapper .section_inner .card .card_right p span {
		padding-bottom: 10px;
		font-size: 18px;
	}
	
	.wrapper .section_inner .card .card_right .btn {
		width: 50%;
		margin: 0 auto;
	}
	
	.wrapper .section_inner .card .card_right .btn a {
		width: auto;
	}
	
	.wrapper section.recruit {
		background-size: 300%;
	}
	
	.wrapper section.recruit .recruit_ex .recruit_left {
		float: none;
		width: 50%;
		margin: 0 auto;
	}
	
	.wrapper section.recruit .recruit_ex .recruit_left p {
		font-size: 21px;
	}
	
	.wrapper section.recruit .recruit_ex .recruit_right {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	.wrapper section.recruit .recruit_ex .recruit_btn {
		margin-top: 30px;
	}
	
	.wrapper section.recruit .recruit_ex .recruit_btn a {
		padding: 20px 0;
		width: 55%;
		font-size: 18px;
	}
	
	.wrapper section .section_inner .news .news_list {
		width: 90%;
	}
	
	.wrapper .section_inner .news .news_btn a {
		width: 30%;
	}
	
	.wrapper section.recruit .recruit_ex .recruit_right p {
		font-size: 12px;
	}
	
	footer .footer .footer_right {
		width: 37%;
	}
	
	footer .footer .footer_left p {
		font-size: 13px;
	}
	
	/* page-information */	
	.page-information .wrapper .information .school .school_flex .school_left, .page-information .wrapper .information .school .school_flex .school_right {
		width: 90%;
		margin: 0 auto;
		float: none;
	}
	
	.page-information .wrapper section .information .school .school_flex .school_left {
		margin: 0 auto 30px;
	}
	
	/* page-recruit */
	.tab li {
		width: 50%;
		border-radius: inherit;
		box-sizing: border-box;
	}
	
	.tab {
		border-bottom: none;
	}
	
	.tab li:nth-child(1) {
		border-bottom: 1px solid #a0a0a0;
	}
	.tab li:nth-child(2) {
		border-right: none;
		border-bottom: 1px solid #a0a0a0;
	}
	
	.area {
		padding: 30px 10px;
	}
	
	.page-recruit .wrapper .voice .teacher .teacher_ex01, .page-recruit .wrapper .voice .teacher .teacher_ex02, .page-recruit .wrapper .voice .teacher .teacher_ex03, .page-recruit .wrapper .voice .teacher .teacher_ex04 {
		background-size: 100%;
	}
	
	.page-recruit .wrapper .voice .teacher_ex .text {
		width: 92%;
		margin: 40% 0 0 0;
		padding: 20px;
		float: none;
	}
	
	/* page-company */
	.page-company .wrapper .exception table th {
		width: 25%;
		padding: 25px;
		font-size: 30px;
	}
	
	.page-company .wrapper .exception table th span {
		font-size: 12px;
	}
	
	.page-recruit .wrapper .btn a.entry_btn {
		width: 40%;
	}
	/* ブログ関係 */
	.category .wrapper article section ul.topics, .single .wrapper article section .content, .archive .wrapper article section ul.topics,
	.wrapper article section aside {
		width: 100%;
		float: none;
	}
	.wrapper article section .wp-pagenavi {
		margin: 40px 0 0;
	}
	.wrapper article section aside {
		margin: 50px 0 100px;
	}
	.single .wrapper article section .link li {
		width: 100px;
	}
	
	.page-download .wrapper article section .section_inner .year_tab ul {
		gap: 20px;
		justify-content: center;
	}
	.page-download .wrapper article section .section_inner .year_tab ul li {
		width: calc((100% - 20px) / 2);
		text-align: center;
	}
	.page-download .wrapper article section .section_inner .past_exam .exam_block table tr th {
		width: 100px;
	}
	.page-download .wrapper article section .section_inner .past_exam .exam_block table tr td {
		width: calc(100% - 100px);
	}
	.page-download .wrapper article section .section_inner .past_exam .exam_block table tr td a {
		width: 100%;
		font-size: 14px;
	}
}

@media screen and (max-width: 375px) {
	.wrapper .mainimg .main_text {
		left: 5%;
	}
	
	.wrapper .mainimg .main_text span {
		font-size: 28px;
	}
	
	.wrapper section.recruit .recruit_ex .recruit_right p {
		font-size: 12px;
	}
	
	footer .footer .footer_left p {
		font-size: 13px;
	}
	
	footer .footer .footer_left p a {
		color: white;
	}
	
	.wrapper section .section_inner .news .news_list li p:last-child {
		margin-top: 15px;
	}
	
	/* page-recruit */
	.tab li {
		width: 49.726%;
	}
	
	/* page-company */
	.page-company .wrapper .exception table td span {
		padding-right: 10px;
	}
	
	.page-company .wrapper .exception table td span:before {
		margin: 0 10px 0 -34px;
	}
	
	.page-company .wrapper .exception table th {
		padding: 20px;
		width: 25%;
	}
	
	.page-company .wrapper .exception table td {
		font-size: 13px;
	}
	
	.pageimg .pageimg_title h2 {
		font-size: 28px;
	}
	.wrapper nav {
		height: 71px;
	}
	footer .footer .footer_right ul li:first-child a {
		width: 200px;
	}
}

@media screen and (max-width: 428px) {
	.wrapper .mainimg {
		background: url(images/index/mainimg.png) no-repeat;
		background-size: cover;
		background-position: 0 85px;
	}
}