@charset "utf-8";

@media screen and (max-width: 767px) {
/*============================================

BASE

============================================*/
body {
	min-width: 100% !important;
	font-size: 4.2vw;
	overflow-x: hidden;
	line-height: 1.8;
	-webkit-text-size-adjust: 100%;
}
/*-------------------------------------

LOADING

-------------------------------------*/
#loading #loading_logo {
	width: 50%;
	margin: 0 auto 10%;
}
#loading #loading_image {
	width: 100%;
}
#loading .spinner div {
	width: 3vw;
	height: 6vw;
}
#loading .spinner {
	height: 12vw;
}
/*-------------------------------------

HEADER

-------------------------------------*/
#header #hdr_sp {
	box-sizing: border-box;
	padding: 10px;
	background: #fff;
}
#header #spLogo {
	float: left;
	height: 45px;
}
#header #spLogo img {
	max-height: 100%;
}
#header .spBtn {
	float: right;
	padding-right: 40px;
}
/*	言語ボタン
----------------------*/
#header .sp-toggle {
	display: block;
	width: 70px;
	text-align: center;
	padding-top: 8px;
	font-size: 0;
}
#header .sp-toggle .flag img {
	border: solid 1px #aaa;
	box-sizing: border-box;
	max-width: 45px;
	margin-right: 5px;
}
#header .sp-toggle .flag i {
	line-height: 30px;
	width: 15px;
	display: inline-block;
	font-size: 15px;
}
.megamenu {
	top: 65px;
}
.megamenu li a {
	padding: 15px 0;
	display: block;
}
.megamenu li {
	width: 23.5%;
	float: left;
	margin-right: 2%;
}
.megamenu li .text {
	font-size: 11px;
}
#lang-toggle:checked+.megamenu {
	height: 90px;
}
/*	ドロワーメニュー
----------------------*/
#header #menuBtn {
	display: block;
	position: absolute;
	top: 17px;
	right: 10px;
	width: 30px;
	padding: 0;
	height: 30px;
}
#header #menuBtn .line {
	width: 30px;
	height: 4px;
	margin: 0 auto;
	display: block;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	transition-property: all;
	background-color: #1a1a1a;
}
#header #menuBtn .line:not(:nth-child(1)) {
 margin: 6px auto 0;
}
.drawer-open #header {
	z-index: 102;
}
.drawer-open #header #menuBtn .line {
	background-color: #1a1a1a;
}
.drawer-open #header #menuBtn span:nth-child(1) {
	-webkit-transform: rotate(225deg) translate3d(-5px, -5px, 0);
	-moz-transform: rotate(225deg) translate3d(-5px, -5px, 0);
	-ms-transform: rotate(225deg) translate3d(-5px, -5px, 0);
	transform: rotate(225deg) translate3d(-7px, -7px, 0);
}
.drawer-open #header #menuBtn .line02 {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
.drawer-open #header #menuBtn .line03 {
	-webkit-transform: rotate(-225deg) translate3d(-7px, 8px, 0);
	-moz-transform: rotate(-225deg) translate3d(-7px, 8px, 0);
	-ms-transform: rotate(-225deg) translate3d(-7px, 8px, 0);
	transform: rotate(-225deg) translate3d(-7px, 7px, 0);
}
#header .drawer-nav {
	background: #f5f5f5;
}
#header .drawer-menu {
	padding: 65px 10% 10%;
	min-height: 100vh;
	box-sizing: border-box;
	position: relative;
}
#header .drawer-menu:before, #header .drawer-menu:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50vw 0 0;
	border-color: #d80000;
	z-index: 120;
}
#header .drawer-menu:before {
	left: 0;
	top: 0;
	border-right-color: transparent;
}
#header .drawer-menu:after {
	right: 0;
	bottom: 0;
	border-top-color: transparent
}
#header .drawer-menu li {
	border-bottom: dashed 1px #1a1a1a;
	margin-bottom: 0;
	background: inherit;
}
#header .drawer-menu li a {
	display: block;
	color: #1a1a1a;
	font-size: 4.2vw;
	font-weight: bold;
	text-align: center;
}
#header .drawer-menu>ul {
	margin-bottom: 20px;
}
#header .drawer-menu li.drawer-dropdown>a {
	position: relative;
}
#header .drawer-menu li.drawer-dropdown>a:after {
	content: "＋";
	position: absolute;
	right: 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
}
#header .drawer-menu li.drawer-dropdown.open>a:after {
	content: "ー";
}
#header .drawer-dropdown.open>.drawer-dropdown-menu li a {
	font-size: 14px;
	padding: 10px 20px 8px 10px;
	font-weight: 500;
}
#header .drawer-dropdown.open>.drawer-dropdown-menu li {
	border-bottom: none;
	border-top: dashed 1px #fff;
	margin-bottom: 0;
}
#header .drawer-dropdown.open>.drawer-dropdown-menu li a:before {
	content: "\f105";
	display: inline-block;
	font: normal normal normal 18px FontAwesome;
	font-size: 16px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 10px;
}
#header .drawer-menu .menuBtm {
	padding-top: 25px;
	border-bottom: none;
}
#header .drawer-menu .spBnr {
	float: left;
	width: 48%;
	padding: 2vw;
	box-sizing: border-box;
}
#header .drawer-menu .spBnr.recruit {
	background: #1a1a1a;
}
#header .drawer-menu .spBnr.calender {
	background: #d80b12
}
#header .drawer-menu .spBnr a {
	display: block;
	border: solid 1px #fff;
	color: #fff;
	padding: 3vw 0 2vw;
}
#header .drawer-menu .spBnr span {
	display: block;
	line-height: 1;
}
#header .drawer-menu .spBnr .fontL {
	font-size: 100%;
	margin-bottom: 0.3em;
}
#header .drawer-menu .spBnr .fontS {
	font-size: 70%;
	margin-bottom: 0.3em;
}
#header .drawer-menu .spBnr.recruit {
	margin-right: 4%;
}
/*-------------------------------------

FOOTER

-------------------------------------*/

#footer #ftrInner {
	padding-bottom: 20px;
}
#footer .ftrL {
	float: none;
}
#footer .ftrR {
	float: none;
}
#footer #fLogo {
	margin-bottom: 3vw;
}
#footer #fLogo .logo, #footer #fLogo .companyname {
	display: block;
	text-align: center;
}
#footer #fLogo .logo {
	margin-right: 0;
}
#footer #fLogo .companyname {
	font-size: 0;
}
#footer #fLogo .companyname span {
	margin-top: 5px;
	font-size: 10px;
}
#footer .address {
	padding-bottom: 3vw;
	margin-bottom: 3vw;
}
#footer .address li {
	float: none;
	font-size: 3.8vw;
	text-align: center;
	line-height: 1.4;
}
#footer .address li:first-child {
	margin-right: 0;
	margin-bottom: 4vw;
}
#footer .telBox {
	margin-bottom: 5vw;
	text-align: center;
}
#footer .telBox .tel {
	margin-right: 0;
	margin-bottom: 2.5vw;
}
#footer .telBox .tel, #footer .telBox .fax {
	display: block;
	font-size: 7vw;
}
#footer #ftrNavi {
	display: none;
}
#footer .ftrBnr {
	text-align: center;
}
#footer .contact {
	text-align: center;
	margin-bottom: 3vw
}
#footer .contact a {
	padding: 5vw 7vw;
	font-size: 4vw;
}
#footer #copy {
	text-align: center;
	font-size: 3.5vw;
}
.totop a i {
	font-size: 7vw;
}
.totop a span {
	font-size: 5vw;
}
/*-----------------------------------------------------

ページ共通CSS

------------------------------------------------------*/
.gInner {
	width: 90%;
	padding: 0;
	min-width: 90%;
	max-width: none;
}
.topSec {
	padding: 50px 0;
}
.ttl_01 {
	font-size: 8vw;
	padding-bottom: 3vw;
	margin-bottom: 6.5vw;
}
.ttl_01 .ttl {
	font-size: 100%;
}
.ttl_01 .subttl {
	font-size: 63%;
}
.ttl_02 {
	font-size: 8vw;
	margin-bottom: 6vw;
}
.ttl_02 span {
	padding: 0 1em;
	display: block;
	line-height: 1.4;
}
.ttl_02 span:before, .ttl_02 span:after {
	width: 1em;
}
.ttl_03 {
	margin-bottom: 4vw;
	padding-bottom: 1.5vw;
}
.ttl_03 .ttl, .ttl_03 .subttl {
	display: block;
}
.ttl_03 .subttl {
	font-size: 4vw;
}
.ttl_03 .ttl {
	font-size: 6.5vw;
	margin-right: 0;
}
.btn_01 a {
	font-size: 100%;
	padding: 5vw 15vw;
}
/*-----------------------------------------------------

	下層共通 	under

------------------------------------------------------*/
/*    MAINIMAGE
-------------------------------*/
.under #mainimage {
	padding: 20vw 0 5vw;
	position: relative;
	text-align: center;
}
.under #mainimage .ttlWrap {
	padding: 3vw 8vw;
	background: rgba(216, 11, 18,0.8);
}
.under #mainimage .ttlWrap:before {
	display: none;
}
.under #mainimage .pageTtl {
	font-size: 7vw;
}
.under #mainimage .pageTtl_sub {
	font-size: 4vw;
}
/*    BREADCRUMB
-------------------------------*/
.under .breadcrumb {
	display: none;
}
/*-----------------------------------------------------

トップページ 	top

------------------------------------------------------*/
/*    COMMON  &   MAINIMAGE
-------------------------------*/
#top #mainimage {
	padding: 13% 0;
}
#top #mainimage .mainTxt {
	font-size: 10.5vw;
	line-height: 1;
	border-left-width: 4vw;
	padding-left: 6vw;
}
#top #mainimage #mainTxt01 {
	font-size: 40%;
	margin-bottom: 3vw;
	text-indent: -0.1em;
	line-height: 1.2;
}
#top #mainimage #mainTxt02 {
	font-size: 100%;
	padding-right: 0;
	padding-bottom: 3vh;
	margin-bottom: 5vw;
	display: block
}
#top #mainimage #mainTxt03 {
	font-size: 30%;
	line-height: 1.5;
}
/*    SECTION 01
-------------------------------*/
#top #sec_01 p {
	text-align: left;
}
/*    SECTION 02
-------------------------------*/
#top #sec_02 .catBox li {
	float: none;
	width: 100%;
}
#top #sec_02 .catBox .badge {
	width: 22vw;
	height: 22vw;
	font-size: 3.5vw;
	line-height: 22vw;
	top: 2vw;
	left: 2vw;
}
#top #sec_02 .catBox li a:after {
	content: "";
	display: block;
	clear: both;
}
#top #sec_02 .catBox .badge span {
	font-size: 260%;
}
#top #sec_02 .catBox li:nth-child(n+2) {
	margin-left: 0;
	margin-top: 10vw;
}
#top #sec_02 .catBox .imgBox {
	height: auto;
}
#top #sec_02 .catBox .imgBox img {
	object-fit: contain;
}
#top #sec_02 .catBox .txtBox {
	box-sizing: border-box;
	padding: 8%;
}
#top #sec_02 .catBox .txtBox h3 {
	font-size: 5.2vw;
	text-align: left;
}
#top #sec_02 .catBox .txtBox p {
	font-size: 4vw;
}
/*    SECTION 03
-------------------------------*/
#top #sec_03 .imgBox {
	height: 20vh;
}
#top #sec_03 .ttl_02 span:before, #top #sec_03 .ttl_02 span:after {
}
#top #sec_03 p {
	text-align: left;
	letter-spacing: 0.02em;
	margin-bottom: 6vw;
}
#top #sec_03 .btn_01 {
	margin-top: 5vw;
}
/*    SECTION 04
-------------------------------*/

#top #sec_04 .ttl_01 {
	text-align: center;
	padding: 0;
}
#top #sec_04 .ttl_01 .ttl {
	font-size: 8vw;
}
#top #sec_04 .ttl_01 .subttl {
	font-size: 5.5vw;
}
#top #sec_04 .boxL {
	float: none;
	width: 100%;
}
#top #sec_04 .boxR {
	width: 100%;
	float: none;
}
#top #sec_04 .topicsBox a {
	padding: 4vw 2vw;
}
#top #sec_04 .topicsBox span {
	display: block;
	font-size: 4.2vw;
}
#top #sec_04 .topicsBox .date {
	width: 100%;
}
#top #sec_04 .topicsBox .ttl {
	width: 100%;
}
#top #sec_04 .bnr-top img{
	width: 100%;
}
/*    SECTION 05
-------------------------------*/
#top #sec_05 {
	padding: 50px 0;
}
#top #sec_05 .gInner {
	width: 90%;
}
#top #sec_05 .imgBox {
	float: none;
	width: 100%;
	height: auto;
	margin-bottom: 3vw;
}
#top #sec_05 .imgBox img {
	object-fit: contain;
}
#top #sec_05 .secBox {
	width: 100%;
	float: none;
}
#top #sec_05 .secBox .inner {
	padding: 0;
}
#top #sec_05 .secBox .ttl_01 {
	text-align: center;
}
#top #sec_05 .secBox .ttl_01:after {
	right: 0;
	margin: 0 auto;
}
#top #sec_05 .secBox p {
	margin-bottom: 5vw;
	letter-spacing: 0.02em;
}
#top #sec_05 .secBox .btn_01 {
	text-align: center;
}

#top #main_bnr img{
	width: 100%;
}
/*-----------------------------------------------------

	製品紹介 	products

------------------------------------------------------*/
/*    INTRODUCTION
-------------------------------*/

#products #introduction .ttl_01 {
	margin-bottom: 5vw;
}
#products #introduction .headline {
	font-size: 4vw;
	margin-bottom: 2vw;
	text-align: left;
	letter-spacing: 0;
}
#products #introduction .headline span {
}
#products #introduction .lead {
	line-height: 1.8;
	font-size: 3.8vw;
	text-align: left;
}
/*    SECTION 共通
-------------------------------*/
#products .product .wrapBox {
	text-align: center;
}
#products .product .txtBox {
	width: 100%;
	margin-bottom: 3vw;
}
#products .product .txtBox {
	position: relative;
}
#products .product .tArea p {
	line-height: 1.8;
	width: 100%;
	position: relative;
	z-index: 2;
	margin-bottom: 10vw;
	text-align: left
}
#products .product .txtBox .ttl_03 {
	position: relative;
	z-index: 3;
	letter-spacing: 0;
}
#products .product .imgBox {
	text-align: center;
	margin-bottom: 4vw;
	position: relative;
	display: inline-block;
	padding-left: 7vw;
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
}
#products .product .imgBox img {
	max-width: 100%;
	height: auto;
	position: relative;
	z-index: 3;
}
#products .product .imgBox .baloon {
	opacity: 0.6;
	width: 15vw;
	height: 15vw;
	line-height: 15vw;
	text-align: center;
	vertical-align: bottom;
	border-radius: 50%;
	background: #d80b12;
	color: #fff;
	font-weight: 800;
	font-size: 3.5vw;
	position: absolute;
	left: 0;
	top: -7vw;
}
#products .product .imgBox .baloon span {
	font-size: 150%;
}
/*-----------------------------------------------------

	カテゴリ一覧	product-archive 

------------------------------------------------------*/
/*    SECTION 共通
-------------------------------*/
#product-archive .ttl_02 {
	font-size: 6.5vw
}
#product-archive .ttl_02 span {
	padding: 0;
}
#product-archive .ttl_02 span:before, #product-archive .ttl_02 span:after {
	display: none;
}
#product-archive .productList li {
	float: none;
	width: 100%;
	padding: 15vw 5vw 5vw;
}
#product-archive .productList li:nth-child(n+2) {
	margin-top: 8vw
}
#product-archive .productList .name {
	top: 2.5vw;
	font-size: 5vw;
	padding: 2.5vw 3vw;
	left: -3vw;
	margin: 0;
}
#product-archive .productList .imgBox {
	height: 30vw;
	float: none;
	width: 100%;
	margin-bottom: 3vw;
}
#product-archive .productList .txtBox {
	float: none;
	width: 100%;
}
#product-archive .productList .txtBox table {
	font-size: 3.6vw;
}
#product-archive .productList .btnArea {
	width: 100%;
}
#product-archive .productList .btnArea .btn_01 {
	width: 48%;
}
#product-archive .productList .btnArea .btn_01 a {
	font-size: 3.8vw;
	padding: 3vw 0 3.5vw;
}
#product-archive .productList .btnArea .btn_red {
	margin-right: 4%;
}
#product-archive .productList ul {
	margin-bottom: 6vw;
}
/*-----------------------------------------------------

	製品詳細	product-single

------------------------------------------------------*/
/*    SECTION 共通
-------------------------------*/
#product-single #dtlBox {
	margin-bottom: 5vw;
}
#product-single .productName {
	margin-bottom: 5vw;
}
#product-single .productName span {
	padding: 3vw;
	font-size: 6vw;
	display: block;
}
#product-single .productName span:before {
	display: none;
}
#product-single .boxL {
	width: 100%;
	float: none;
	margin-bottom: 8vw;
}
#product-single .boxR {
	float: none;
	width: 100%;
}
#product-single .imgBox {
	margin-bottom: 4vw;
}
#product-single .mvBox {
	margin-bottom: 4vw;
}
#product-single .boxR td {
	font-size: 3.8vw;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 2vw;
}
#product-single .boxR td:first-child {
	width: 100%;
}
#product-single .boxR td:nth-child(2) {
	padding: 4vw 2vw;
}
#product-single .btnArea .btn_01 {
	display: block;
	float: left;
	width: 48%;
}
#product-single .btnArea .btn_01:first-child {
	margin-right: 4%;
}
#product-single .btnArea .btn_01 a {
	width: 100%;
	font-size: 3.8vw;
	padding: 3vw 0;
}
/*-----------------------------------------------------

	製品から機械を探す	strong-point

------------------------------------------------------*/
/*    SECTION 共通
-------------------------------*/
#strong-point .topSec:nth-child(even) {
}
#strong-point .ttlArea {
	margin-bottom: 5vw;
}
#strong-point .ttlArea .subttl, #strong-point .ttlArea .ttl {
	display: block;
}
#strong-point .ttlArea .ttl {
	padding: 0;
	font-size: 3.9vw;
	letter-spacing: 0;
}
#strong-point .ttlArea .ttl:before, #strong-point .ttlArea .ttl:after {
	display: none;
}
#strong-point .ttlArea .subttl {
	margin-bottom: 2.5vw;
	font-size: 7vw;
}
#strong-point .ttlArea .subttl span {
}
#strong-point .exBox li:nth-child(n+2) {
	margin-top: 6vw
}
#strong-point .exBox li {
	width: 100%;
	margin-right: 0;
	padding: 3%
}
#strong-point .exBox li:after {
	content: "";
	display: block;
	clear: both;
}
#strong-point .exBox .imgBox:after {
}
#strong-point .exBox li {
	text-align: center;
}
#strong-point .exBox .imgBox {
	display: inline-block;
	font-size: 0;
	margin-bottom: 2vw;
}
#strong-point .exBox .imgBox div {
	width: auto;
	max-width: 160px;
}
#strong-point .exBox .imgBox.img04 div {
	width: 25%;
}
#strong-point .exBox .imgBox.img03 div {
	width: 33%;
}
#strong-point .exBox .imgBox div img {
}
#strong-point .exBox .name {
	font-size: 4.2vw;
	margin-bottom: 3vw;
	display: block;
	text-align: center;
}
#strong-point .exBox .name span {
}
#strong-point .exBox .btn_01 a {
	padding: 3vw 8vw;
	font-size: 3.6vw;
}
/*#strong-point .topSec:nth-child(even) {
}
#strong-point .ttlArea {margin-bottom:  5vw;}
#strong-point .ttlArea .subttl, #strong-point .ttlArea .ttl {display:  block;}
#strong-point .ttlArea .ttl {padding:  0;font-size: 3.9vw;letter-spacing:  0;}
#strong-point .ttlArea .ttl:before, #strong-point .ttlArea .ttl:after {display: none;}
#strong-point .ttlArea .subttl {margin-bottom:  2.5vw;font-size:  6vw;}
#strong-point .ttlArea .subttl span {
}
#strong-point .exBox li {width:  100%;margin-right:0;padding:3%}
#strong-point .exBox li:after{
	content:"";
	display:block;
	clear:both;
}
#strong-point .exBox li img {
}
#strong-point .exBox .imgBox:after {
}
#strong-point .exBox .imgBox {
	width: 30%;
	float:left;
}
#strong-point .exBox .imgBox div {
}
#strong-point .exBox .imgBox div img {
}
#strong-point .exBox .name {width: 66%;float:  right;font-size: 3.8vw;margin-bottom:  3vw;}
#strong-point .exBox .name span {
}
#strong-point .exBox .btn_01 {float:  right;}
#strong-point .exBox .btn_01 a {padding: 2.2vw 4vw;display:  block;font-size:  3.8vw;}*/
/*-----------------------------------------------------

	オーダーメイド

------------------------------------------------------*/
/*    SECTION 共通
-------------------------------*/
#order-made .ttlArea {
	width: 95vw;
	padding: 4vw 3vw;
	margin-bottom: 6vw;
	text-align: left;
}
#order-made .ttlArea:after {
	display: none;
}
#order-made .ttlArea .ttl {
	font-size: 5.5vw;
	margin-bottom: 3vw;
}
#order-made .ttlArea .subttl {
	font-size: 3.8vw;
}
#order-made .mainSec:nth-child(even) {
}
#order-made .mainSec:nth-child(even) .ttlArea {
	margin-right: auto;
	margin-left: 0;
}
#order-made .mainSec:nth-child(even) .ttlArea:after {
}
#order-made .mainSec .gInner {
	width: 90%;
}
#order-made .mainSec .listTtl {
	font-size: 6.5vw;
	margin-bottom: 6vw;
	line-height: 1.4
}
#order-made .mainSec .listTtl:first-letter {
}
#order-made .mainSec .badge {
	font-size: 3.6vw;
}
#order-made .mainSec .badge span {
}
#order-made .mainSec .caption {
	font-size: 5vw;
	line-height: 1.4;
}
#order-made .mainSec .lead {
	padding-left: 0;
	font-size: 3.8vw;
}
#order-made .mainSec .wrapBox {
	padding: 8vw 0;
	width: 100%;
}
#order-made .mainSec .wrapBox:first-of-type {
	padding-top: 0;
}
#order-made .mainSec .wrapBox:last-child {
}
#order-made .mainSec .txtBox {
	float: none;
	width: 100%;
	margin-bottom: 5vw;
}
#order-made .mainSec .imgBox {
	float: none;
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
#order-made .mainSec .imgBox img {
	max-width: 100%;
}
#order-made .mainSec .wrapBox02 .imgBox {
	width: 100%;
}
#order-made .mainSec .wrapBox02 .imgBox img {
	width: 50%;
	max-width: 160px;
}
#order-made .mainSec .wrapBox02 .txtBox {
	width: 100%;
}
#order-made .mainSec dd {
	padding-bottom: 10vw;
	margin-bottom: 10vw;
}
#order-made .mainSec dd:last-child {
}
#order-made .contactArea {
	padding: 50px 0;
}
#order-made .contactArea .headline {
	font-size: 6vw;
}
/*-----------------------------------------------------

	会社概要

------------------------------------------------------*/
/*    SECTION 共通
-------------------------------*/
#company .topSec .tblBox tr:first-child {
}
#company .topSec .tblBox tr {
}
#company .topSec .tblBox th, #company .topSec .tblBox td {
	display: block;
	box-sizing: border-box;
	font-size: 3.8vw;
}
#company .topSec .tblBox th {
	width: 100%;
	padding: 2vw 5vw;
}
#company .topSec .tblBox td {
	padding: 4vw 5vw;
}
#company .topSec .mapLink {
	font-size: 3.4vw;
	margin-left: 0;
}
/*    MainImage
-------------------------------*/
#company #mainimage {
}
/*    SECTION 01
-------------------------------*/
#company #sec_01 {
	margin-top: 0;
}
#company #sec_01 .gInner {
	min-width: 90%;
}
#company #sec_01 .imgBox, #company #sec_01 .secBox {
	width: 100%;
	float: none;
}
#company #sec_01 .imgBox img {
}
#company #sec_01 .secBox {
	padding: 50px 0;
}
#company #sec_01 .imgBox {
	margin-bottom: 6vw;
}
#company #sec_01 .secBox .ttl_01 {
	text-align: center;
}
#company #sec_01 .secBox .ttl_01:after {
	right: 0;
}
#company #sec_01 .secBox .headline {
	font-size: 5.5vw;
	letter-spacing: 0.02em;
	border: none;
	padding-left: 0;
	margin-bottom: 3vw;
}
#company #sec_01 .secBox .lead {
	font-size: 3.8vw;
}
#company #sec_01 .secBox .sign {
}
/*    SECTION 02
-------------------------------*/

#company #sec_02 .gInner {
	padding: 50px 0;
}
#company #sec_02 .mapBox {
	padding-top: 45%;
}
#company #sec_02 .mapBox iframe {
}
/*    SECTION 03
-------------------------------*/

#company #sec_03 .histBox {
	padding: 10vw 5%;
	width: 100%;
	box-sizing: border-box;
}
#company #sec_03 .histBox ul {
}
#company #sec_03 .histBox ul:before {
}
#company #sec_03 .histBox li {
	padding: 2vw 2vw 2vw 5vw;
	margin-bottom: 5vw;
}
#company #sec_03 .histBox li:before {
	top: 2.6vw;
}
#company #sec_03 .histBox li:last-child {
	margin-bottom: 0;
}
#company #sec_03 .histBox .ymdBox, #company #sec_03 .histBox .text {
	display: block;
	font-size: 4.2vw;
	line-height: 1;
	padding-left: 6vw;
}
#company #sec_03 .histBox .ymdBox {
	width: 100%;
	box-sizing: border-box;
	margin-right: 0;
	font-weight: 500;
	color: #4f4f4f;
	margin-bottom: 2vw;
}
#company #sec_03 .histBox .ymdBox:before {
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 4vw;
	left: 1vw;
}
#company #sec_03 .histBox .text {
	width: 100%;
	box-sizing: border-box;
	font-size: 3.8vw;
	line-height: 1.6;
}
/*-----------------------------------------------------

	新着情報

------------------------------------------------------*/
/*    一覧
-------------------------------*/
#topics-archive .ttlArea {
	float: none;
	width: 100%;
}
#topics-archive .topicsBox {
	float: none;
	width: 100%;
}
#topics-archive .ttlArea .ttl_01 {
	text-align: center
}
#topics-archive .ttlArea .ttl_01:after {
	right: 0;
}
#topics-archive .ymdBox {
	display: none;
}
#topics-archive .topicsBox ul {
	margin-bottom: 6vw;
}
#topics-archive .topicsBox li a {
	padding: 4vw 2vw;
}
#topics-archive .topicsBox li a:after {
	display: none;
}
#topics-archive .topicsBox li span {
	display: block;
	font-size: 4vw;
}
#topics-archive .topicsBox .date {
	width: 100%;
}
#topics-archive .topicsBox .newsTtl {
	width: 100%;
}
/*    詳細
-------------------------------*/
#topics-single .topicsBox {
	width: 100%;
}
#topics-single .topicsBox .ttlArea {
	padding: 0 0 3vw;
	margin-bottom: 6vw;
}
#topics-single .topicsBox .date {
	font-size: 4.2vw;
	margin-bottom: 1vw;
}
#topics-single .topicsBox .newsTtl {
	font-size: 6vw;
}
#topics-single .topicsBox .imgBox {
	width: 90%;
	margin: 0px auto 3vw;
}
#topics-single .topicsBox .imgBox img {
}
#topics-single .topicsBox .tArea {
	margin-bottom: 10vw;
}
/*-----------------------------------------------------

	プライバシーポリシー

------------------------------------------------------*/
#privacy #sec_01 .ttl_01 .ttl {
	font-size: 7vw;
}
#privacy #sec_01 dl {
	width: 100%;
}
#privacy #sec_01 dt {
	font-size: 5.5vw;
	margin-bottom: 1vw;
}
#privacy #sec_01 dd {
	margin-bottom: 8vw;
	font-size: 4.2vw;
	padding-left: 3vw;
}
#privacy #sec_01 dd p:not(:last-child) {
	margin-bottom: 3vw;
}
/*-----------------------------------------------------

	サイトマップ

------------------------------------------------------*/
#sitemap #sec_01 .smBox {
	width: 100%;
}
#sitemap #sec_01 .smList01>li:nth-child(n+2) {
	margin-top: 5vw;
}
#sitemap #sec_01 .parent:not(:last-child) {
	margin-bottom: 5vw;
}
#sitemap #sec_01 .smList01>li:first-child>.parent a {
	padding-top: 0;
}
#sitemap #sec_01 .parent a {
	padding: 5vw 2vw;
	font-size: 6vw;
}
#sitemap #sec_01 .children {
	width: 100%;
	padding: 0 2vw;
	box-sizing: border-box;
}
#sitemap #sec_01 .children li {
	float: none;
	width: 100%;
	padding-right: 6vw;
}
#sitemap #sec_01 .children li:nth-child(n+2) {
	margin-top: 3vw
}
#sitemap #sec_01 .children a {
	font-size: 4.2vw;
	padding: 4vw 6vw 4vw 4vw;
}
#sitemap #sec_01 .children a:after {
	width: 12vw;
	right: -6vw;
}
/*-----------------------------------------------------

	お問い合わせ

------------------------------------------------------*/
#contact {
}
#contact #sec_01 .lead {line-height:  2;font-size:  3.8vw;text-align:  left;margin-bottom: 7vw;}
#contact #sec_01 .lead .must-fill {margin-top: 1.5vw;padding: 1vw;}
#thanks .ttl_01 .ttl{
	font-size:90%;
	line-height:1.4
}
#thanks .thanksMsg {
	text-align:left;
	line-height:2;
	font-size:4.6vw;
	margin-bottom:7vw;
}
/*-----------------------------------------------------

	各フォーム共通CSS			

------------------------------------------------------*/
#contactform {width:  100%;}
#contactform th, #contactform td {
	font-size: 3.8vw;
	vertical-align: middle;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
#contactform th {
	width: 100%;
	border-bottom: none;
	padding: 3vw 2vw;
	background: #eee;
}
#contactform tr:first-child th{
	border-top:solid 1px #aaa;
}
#contactform td {
	width: 100%;
	padding: 5vw 2vw;
}
#contactform label {
}
#contactform .radioBox li {
}
#contactform .radioBox li label {
}
#contactform .radioBox input[type="radio"] {
}
#contactform .radioBox .text {
}
#contactform .radioBox .text:before {
}
#contactform .radioBox .text:after {
}
#contactform .radioBox input[type="radio"]:checked +.text:after {
}
#contactform .short {
	width: 50%;
}
#contactform .middle {
	width: 100%;
}
#contactform .long {
	width: 100%;
}
#contactform .formparts {
	font-size: 16px;
}
#contactform table {
	margin-bottom: 30px;
}

/*  Mailform pro Reset CSS 
-------------------------------*/
#contactform .mfp_element_textarea {
	width: 100%;
	height: 20vh;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button {
	font-size: 3.8vw;
	padding: 4.5vw 0;
	width: 47%;
	box-sizing:  border-box;
}
#mfp_confirm_table tr{
	border-bottom:none;
}
table#mfp_confirm_table{
	border:none;
}
#mfp_confirm_table tr:first-child{
	border:none;
}
table#mfp_confirm_table tr th {
	width: 100%;
	font-size: 3.8vw;
	padding: 3vw 2vw;
	border-top:none;
}
table#mfp_confirm_table tr td {
	font-size: 3.8vw;
	padding: 5vw 2vw;
	font-weight: bold;
}
div#mfp_phase_confirm .mfp_buttons{
	font-size:0;
}
div#mfp_phase_confirm .mfp_buttons button {
	margin: 0 auto;
}
div#mfp_phase_confirm .mfp_buttons button:nth-child(1) {
	margin-right: 4%;
}
div#mfp_phase_confirm h4 {
	font-size: 5vw;
	margin-bottom: 20px;
}
/*-----------------------------------------------------
WP PAGER
------------------------------------------------------*/
/* ボタン<a>タグのデザイン */
.wp-pagenavi a, .wp-pagenavi .current, .wp-pagenavi .extend {
	font-size: 3.6vw;
	padding: 1.4vw 3vw;
	line-height: 5vw;
}
/* 矢印（ < とか > ）のデザイン */
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
	display: none;
}
.wp-pagenavi .extend {
	display: none;
}
/*-----------------------------------------------------
Pascal PAGER
------------------------------------------------------*/
a[title*="page"] {
	width: 30px;
	height: 30px;
	line-height: 30px;
}
a[title*="previous"] {
	margin-right: 5px;
}
b u {
	width: 30px;

	height: 30px;
	line-height: 30px;
}
/*-----------------------------------------------------

NOT FOUND			not_found

------------------------------------------------------*/
#not_found #main-cts {
	width: 90%;
}
#not_found #main-cts .gInner {
	width: 90%;
}
#not_found #sec_01 {
	padding: 50px 0;
}
#not_found #sec_01 .message {
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 40px;
	text-align: left;
}
}