@charset "utf-8";
/* CSS Document */
.pc { display: block; margin: 0 auto; }
.sp { display: none !important; }


/* タブレット　縦　スマホ横 */
@media screen and (max-width: 1024px) {
body{ min-width: 100%; -webkit-text-size-adjust: 100%; font-size: 110%;}
img { max-width: 100%; vertical-align: middle; height: auto; }
* { box-sizing: border-box;}
html,body {
  -webkit-text-size-adjust: none;
}

header,
nav .menu-topnav-container,
.container,
.b_blue ul,
.top_company ul,
.top_blog ul,
footer nav{
	width: 100%;
}
.footer_btn ul {
	width: 75%;
}
.footer_btn ul li {
	width: 49%;
}
.mv p {
  width: 80%;
}
nav .menu-topnav-container,
.construction ul,
footer nav{
	padding: 0 20px;
}
nav .menu-topnav-container ul li a {
	font-size: 1.8vw;
}
.construction ul li {
	width: 49%;
	height: auto;
	padding-top: 34.693%;
}
.home .container {
	padding: 0;
}
article .container {
	padding: 0 20px;
}
.gmap {
	width: 100%;
}
.top_company_txt {
    font-size: 14px;
    line-height: 30px;
}

}

/* スマホ横 */
@media screen and (max-width: 740px) {
.construction_title {
	top: 10vw;
	font-size: 3.5vw;
}
.top_blog ul li:first-child {
    width: 160px;
}
.top_company ul li a {
    padding: 10px 40px 8px;
}
.footer_btn ul {
	width: 95%;
}



.construction_txt {
	height: 90px;
	font-size: 14px;
}
.construction_title {
    top: 6vw;
}
.construction_btn a {
	font-size: 2vw;
}
.top_company ul li a {
    padding: 10px 30px 8px;
}
.top_blog ul li:last-child {
    width: 150px;
}
.top_blog ul li:last-child:after {
    right: 10px;
}
#menu-footernav-1 a {
	font-size: 2vw;
}
header .two_box h1 {
	width: 60%;
}
header .two_box > a {
	width: 35%;
}


}

/* スマホ縦 */
@media screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; }
header .two_box {
	flex-wrap: wrap;
}
header .two_box h1 {
	margin: 20px 0;
	width: 70%;
}
.h1_desc {
	width: 100% !important;
	font-size: 10px !important;
	margin: 20px 0 0 !important;
	line-height: 14px !important;
}
/* アコーディオン */
.drawer-hamburger {
	background: #b4e5ff;
	border-radius: 5px;
	padding: 18px .75rem 25px;
	top: 10px;
	right: 10px !important;
}
.drawer-hamburger:hover {
	background: #b4e5ff;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	background: #093e8e;
	height: 5px;
	border-radius: 5px;
}
.drawer-hamburger-icon {
	margin-top: 5px;
}
.drawer-menu {
	padding-top: 70px;
}
.drawer-menu > li {
	padding: 0;
	border-bottom: 3px solid #99c2ff;
}
.drawer-menu > li a {
	padding: 5% 15px;
	display: block;
	color: #fff;
}
.drawer-nav {
	background: #093e8e;
}
.greeting .container p {
	padding: 0 20px;
}
.b_blue ul {
	padding: 0 20px;
	flex-wrap: wrap;
}
.b_blue ul li {
	width: 100%;
}
.b_blue ul li:first-child {
    border-right: none;
	padding-bottom: 50px;
	margin-bottom: 50px;
	border-bottom: 4px solid #fff;
}
.b_blue ul li:last-child {
    border-left: none;
}
.b_blue ul li .gr_btn {
    position: inherit;
    width: 100%;
    text-align: center;
}
.construction ul li {
	width: 100%;
	padding-top: 68.693%;
}
.construction_title {
    top: 17vw;
    font-size: 5.5vw;
}
.top_company ul{
	flex-wrap: wrap;
}
.top_company ul li {
	width: 100%;
}
.top_company ul li:last-child {
    border-left: none;
    border-top: 1px solid #e8e8e8;
}
.top_blog ul {
	flex-wrap: wrap;
	padding-bottom: 20px;
}
.top_blog ul li {
	width: 100% !important;
}
.top_blog_titile {
	padding: 15px 0;
}
.top_blog {
	background: none;
}
.top_blog ul li:last-child:after {
    right: 25%;
}
.footer_btn ul li {
	width: 100%;
	margin-bottom: 15px;
	text-align: center;
}
.footer_btn ul {
	flex-wrap: wrap;
	padding: 0 20px;
}
#menu-footernav-1 {
	flex-wrap: wrap;
}
#menu-footernav-1 li {
	width: 100%;
    border-left: none;
	border-bottom: 1px solid #fff;
}
#menu-footernav-1 li a {
	padding: 10px 0;
	font-size: 16px;
}
#menu-footernav-1:last-child {
    border-right: none;
}
.two_box > div, .two_box > li {
    width: 100%;
}
.two_txt {
    line-height: 24px;
    padding: 20px 0 20px 0;
    position: inherit;
	font-size: 16px;
}
table {
	font-size: 16px;
}
.two_txt .two_btn {
    position: inherit;
    text-align: right;
    line-height: 40px;
    bottom: 0;
    right: 0;
}
.page-id-8 table tr th,
.page-id-8 table tr td,
.page-id-10 table tr th,
.page-id-10 table tr td{
	display: block;
	width: 100%;
}
.page-id-8 table tr td,
.page-id-10 table tr td{
	padding:0 15px 30px;
}
.page-id-8 .recruit_box dl {
	margin-top: 20px;
}
.page-id-10 table tr td:before {
    content: "";
}
.page-id-10 table tr td {
	padding-left: 1em;
    text-indent: 0;
}
.two_box.head {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	align-items: center;
}
.two_box.head li {
	width: 50%;
}
.two_box.head li:last-child {
	border-left: 1px solid #ccc;
}
.two_box.head li a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 0;
	text-align: center;
	color: #093e8e;
}
.two_box.head li a .fa {
	font-size: 30px;
	padding-right: 10px;
}
.two_box.head li:first-child a .fa {
	font-size: 40px;
}
header {
	margin-bottom: 0;
}
.greeting .container p {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
}
article h2 {
	font-size: 24px;
	margin-bottom: 40px;
}
.b_blue ul li p {
    padding: 40px 20px;
    font-size: 16px;
}
article h3 {
	font-size: 22px;
}
article h3:before {
    border-bottom: solid 45px transparent;
}
article h2:before{
    border-bottom: solid 35px transparent;
}
.home article h2:before{
    border-bottom: solid 2px #093e8e;
}
.mb80 {
    margin-bottom: 40px !important;
}
article {
	font-size: 18px;
}
.top_txt {
	line-height: 30px;
}
.top_txt2 {
	line-height: 30px;
}
.top_txt2 {
	padding: 0 20px;
}
.gmap iframe {
	height: 250px;
}


/*お問い合わせ*/
#contact_form table {
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
#contact_form table th {
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
	text-align:left;
	background-color:#EEE;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	display:block;
}
#contact_form table td {
	padding:10px;
	box-sizing:border-box;
	vertical-align:top;
	text-align:left;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	display:block;
}
#contact_form .hissu {
	color:red;
	font-size:small;
}
#contact_form table input {
	max-width:100%;
}
#contact_form table textarea {
	max-width:100%;
}

.mb20 {
	margin-bottom:20px;
}



}