@charset "utf-8";


/*resetCSS*/
html{
color:#333;
background:#FFF;
}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,
th,td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,
img{ border:0; }
address,
caption,
em{
font-style:normal;
font-weight:normal;
}
ol,ul{ list-style:none; }
caption, th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{
border:0;
font-variant:normal;
}
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
*font-size:100%;
}
*{
margin:0;
padding:0;
}
strong,
th{ font-weight:bold;}

#container{ width:100%; }
#contentWrapper{
width:990px;
margin:0 auto;
}
#content{ }
.section{
clear:both;
margin-bottom:30px;
}

body{
font-family: "Noto Sans Japanese";
}

*, *:before, *:after{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}

h1{
font-size:145%;
font-weight:bold;
margin-bottom:30px;
}
h1 span{ }
h2{
font-size:130%;
font-weight:bold;
margin-bottom:20px;
}
h2 span{ }
h3{
font-size:18px;
font-weight:bold;
margin-bottom:15px;
}
h3 span{ }
h4{
font-size:95%;
font-weight:bold;
margin-bottom:15px;
}
h5{
font-size:90%;
font-weight:bold;
margin-bottom:10px;
}
p{ font-size:16px;
margin-bottom:1.5em;
line-height:180%; }
.anchor a{ }

a{
text-decoration: none;
color: #ff6a4e;
}
a:hover{
text-decoration:underline;
}
a:hover img{
opacity: 0.7;
transition: all .3s;
}

/*clear Fix*/
.clearFix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearFix{
display:inline-table;
min-height:1%;
}
* html .clearFix{
height:1%;
}
.clearFix{
display:
block;
}

/* フォント指定
=========================================================================================== */

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/NotoSansCJKjp-Thin.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Thin.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Thin.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Thin.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/NotoSansCJKjp-Light.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Light.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Light.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Light.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/NotoSansCJKjp-DemiLight.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-DemiLight.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-DemiLight.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-DemiLight.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansCJKjp-Regular.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Regular.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Regular.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansCJKjp-Medium.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Medium.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Medium.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Medium.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansCJKjp-Bold.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Bold.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Bold.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/NotoSansCJKjp-Black.woff2') format('woff2'),
	     url('../fonts/NotoSansCJKjp-Black.woff') format('woff'),
	     url('../fonts/NotoSansCJKjp-Black.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Black.eot') format('embedded-opentype');
}

/*--------------------ここまで-----------------------------------*/

/* Header Setting
=========================================================================================== */
header{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}
#HeaderSet{
	height:90px;
	display: table;
    width: 100%;
	background:rgba(255,255,255,0);
	transition: all .5s;
}
#HeaderSetInner{
	padding:0 4%;
	display: table-cell;
    vertical-align: middle;
}
#HeaderSetInner:after{
	content: "";
    display: block;
    clear: both;
}
#HeaderSet #HeaderLogoSet{
	float:left;
}
#HeaderSet #headerLogo{
	display:table;
	margin-bottom:0;
	font-size:24px;
}
#HeaderSet #headerLogo a{
	display:table-cell;
	text-decoration:none;
	
}
#HeaderSet #headerLogo a img{
	vertical-align:middle;
	margin-right:1em;
}
#HeaderSet #headerLogo a img:last-child{
	margin-right:0;
}
#HeaderSet .gnav{
	float:right;
}
#HeaderSet .gnav:after{
	content: "";
    display: block;
    clear: both;
}
#HeaderSet .gnav ul{
	display: table;
}
#HeaderSet .gnav li{
	display: table-cell;
    vertical-align: middle;
	padding:0 1.2em;
}
#HeaderSet .gnav li:last-child{
	padding-right:0;
}
#HeaderSet .gnav li a{
	color:#333;
	display:inline-block;
	position:relative;
	text-decoration:none;
}
#HeaderSet .gnav li a:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 2px;
	background: #ff6a4e;
	transform: scale(0, 1);
	transition: 0.4s;
}
#HeaderSet .gnav li a:hover:before {
	transform: scale(1);
}



/***index用**/
#HeaderSet.current{
	background:#FFF;
	transition: all .5s;
}
/***下層ページ用**/
#HeaderSet.subHeader{
	background:#FFF;
}


/* ALL Setting
=========================================================================================== */
article section{
	padding:60px 0;
	width:1100px;
	margin:0 auto;
}
section .childSection{
	padding-bottom:2em;
}
section .childSection:last-child{
	padding-bottom:0;
}
.bgPattern1{
	background:#fef8f0;
}
.bgPattern2{
	background:#f1f1f1;
}
.h2Style1{
	text-align:center;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	margin-bottom:2em;
	font-size:24px;
}
.h2Style1 span{
	color:#ff6a4e;
	font-size:12px;
	font-family: "Noto Sans Japanese";
	display:block;
	margin-bottom:1.5em;
}
.h2Style1 span em{
	border-bottom:1px solid #ff6a4e;
	font-style:italic;
	font-weight:bold;
	padding-bottom:0.5em;
	display: inline-block;
}
.h2Style2{
	text-align:center;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	margin-bottom:2em;
	font-size:24px;
}
.h2Style2 span{
	border-bottom:3px solid #ff6a4e;
	padding-bottom: 0.5em;
}
.h2Catch{
	text-align:center;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	margin-bottom:2em;
	font-size:24px;
}
.h3Style1{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:18px;
	margin-bottom:1em;
}
.h3Style2{
	border-left:6px solid #ff6a4e;
	padding-left:1.2em;
	margin-bottom:1.5em;
}
.h3Style3{
	border-bottom:2px solid #ff6a4e;
	padding-bottom:1em;
	margin-bottom:1.5em;
}
.subCatch{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:2em;
}
.textRed{
	color:#ef2a05;
}
.textSmall1{
	font-size:0.9rem;
}
.leftAdjust{
	text-align:left;
}
.rightAdjust{
	text-align: right;
}
.centerAdjust{
	text-align:center;
}
.anchor {
    display: block;
    padding-top: 100px;
    margin-top: -100px;
	pointer-events: none;
}
ul.listStyle1{
	margin-bottom:2em;
	padding-left: 1em;
	line-height:180%;
	list-style-type: disc;
}
.btnStyle1 a{
	padding:1em 4em;
	color:#ff6a4e;
	border:1px solid #ff6a4e;
	border-radius: 3em;
	display:inline-block;
	transition: all .3s;
}
.btnStyle1 a:hover{
	background:#ff6a4e;
	color:#FFF;
	text-decoration:none;
}
.columnSet:after{
	content: "";
    display: block;
    clear: both;
}
.columnSet .column2{
	width:535px;
	float:left;
	margin-left:30px;
	margin-bottom:30px;
}
.columnSet .column2 img{
	width:100%;
}
.columnSet .column2:nth-child(2n+1){
	margin-left:0;
}
.columnSet .column4{
	width:254px;
	float:left;
	margin-left:28px;
}
.columnSet .column4:nth-child(4n+1){
	margin-left:0;
}

.columnSet .column80{
	width:76%;
	float:left;
}
.columnSet .column20{
	width:20%;
	margin-left:4%;
	float:left;
}
.columnSet .column20 img{
	max-width:100%;
}
.boxPatternA{
	background:#FFF;
}
.boxPatternA .inner{
	padding:3em 60px;
}
.tableStyle1{
	width:100%;
	margin-bottom:1em;
	border: 1px solid #ccc;
}
.tableStyle1 th{
	background: #FEF8F0;
    padding: 1em;
	border-bottom:1px solid #CCC;
}
.tableStyle1 td{
	padding:1em;
	border: 1px solid #ccc;
}

/* 下層ページOnly Setting
=========================================================================================== */
/***メインビジュアル***/
#subContentsHead{
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
#subContentsHead.aboutHead{
	background-image:url(../images/about/mainvisual.jpg);
}
#subContentsHead.businessHead{
	background-image:url(../images/business/mainvisual.jpg);
}
#subContentsHead.companyHead{
	background-image:url(../images/company/mainvisual.jpg);
}
#subContentsHead.recruitHead{
	background-image:url(../images/recruit/mainvisual.jpg);
}
#subContentsHead.contactHead{
	background-image:url(../images/contact/mainvisual.jpg);
}
#subContentsHead #mainVisual{
	width:1100px;
	margin:0 auto;
	height:40vh;
	position:relative;
}
#subContentsHead #mainVisual h1{
	font-size:40px;
	color:#FFF;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
#subContentsHead #mainVisual h1 span{
	font-size:14px;
	display:block;
	color:#ff6a4e;
	font-style: italic;
	font-family: "Noto Sans Japanese";
}
#subContentsHead #path{
	padding-top:1em;
}
#subContentsHead #path:after{
	content: "";
    display: block;
    clear: both;
}
#subContentsHead #path li{
	float:left;
	color:#FFF;
	font-size:12px;
	display: inline-block;
}
#subContentsHead #path li a{
	color:#FFF;
}
#subContentsHead #path li:after{
	content:"/";
	padding:0 1em;
}
#subContentsHead #path li:last-child:after{
	content:none;
}
/***ここまで***/


.subContents{
	margin-top:90px;
}



/***エムズライフの特徴***/
.aboutM4Set .column4{
	width:260px;
	margin-left:20px;
}
.aboutM4Set .aboutMCircle{
	border:2px solid #ff6a4e;
	width:260px;
	height:260px;
	border-radius: 50%;
	text-align:center;
	display:table;
	margin-bottom:1.5em;
}
.aboutM4Set .aboutMCircle p{
	display:table-cell;
	vertical-align:middle;
}
.aboutM4Set .aboutMCircle p span{
	font-size:24px;
	font-weight:bold;
	color:#ff6a4e;
	display:block;
	margin-bottom:12px;
}
.aboutM4Set .aboutMCircle p img{
	max-width:100%;
}
.aboutM4Set p{
	font-size:14px;
}


.saftyColumnSet .column2{
	text-align:center;
}
.saftyColumnSet .column2 img{
	margin-bottom:1.5em;
}
.saftyColumnSet .column2 h3{
	margin-bottom:1.5em;
}
.saftyColumnSet .column2 p{
	text-align:left;
}



/***事業紹介***/
.anchorBtnSet{
	margin-top: -110px;
    margin-bottom: 60px;
}
.anchorBtnSet:after{
	content: "";
    display: block;
    clear: both;
}
.anchorBtnSet .anchorBtn{
	float:left;
	width:48%;
	margin-left:4%;
}
.anchorBtnSet .anchorBtn:nth-child(2n+1){
	margin-left:0;
}
.anchorBtnSet .anchorBtn a{
	display:block;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background:#FFF;
	width:100%;
	border: 2px solid #ff6a4e;
	padding:2em 0;
	color:#333;
	position:relative;
	text-decoration:none;
	transition: all .3s;
}
.anchorBtnSet .anchorBtn a:after{
	content:"";
	background: url(../images/icon_arrow_b.svg);
    background-repeat: no-repeat;
	width:20px;
	height:10px;
	display:inline-block;
	background-size: contain;
	vertical-align: middle;
	position:absolute;
	right:1.5em;
    top: 50%;
    transform: translateY(-50%);
}
.anchorBtnSet .anchorBtn a:hover{
	background:#ff6a4e;
	color:#FFF;
}
.anchorBtnSet .anchorBtn a:hover:after{
	background: url(../images/icon_arrow_b_white.svg);
    background-repeat: no-repeat;
	background-size: contain;
}


.businessBox h2{
	text-align: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    margin-bottom: 2em;
    font-size: 24px;
	padding: 1em 0;
	margin-bottom:0;
	background: url(../images/bg2.jpg);
}
.businessBox h2 span{
	color: #ff6a4e;
	font-style: italic;
    font-size: 12px;
    font-family: "Noto Sans Japanese";
    display: block;
    margin-bottom: 1.5em;
}


.businessBox .foodList:after{
	content: "";
    display: block;
    clear: both;
}
.businessBox .foodList li{
	width:308px;
	float:left;
	margin-left:28px;
	margin-bottom:30px;
}
.businessBox .foodList li img{
	width:100%;
}
.businessBox .foodList li:nth-child(3n+1){
	margin-left:0;
}

.businessTable th,
.businessTable td{
	padding:2.5rem;
	border-top: 1px solid #E1EBF3;
}
.businessTable .point{
	color: #ff6a4e;
	font-weight: normal;
	font-size:18px;
	font-style: italic;
	border-bottom: 2px solid #ff6a4e;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.businessTable .point span{
	font-size:46px;
}

/***会社概要***/
.greetingColumnSet .columnText{
	width:68%;
	float:left;
}
.greetingColumnSet .columnImg{
	width:28%;
	float:left;
	margin-left:4%;
}
.greetingColumnSet .columnText .h2Style1{
	text-align:left;
}
.greetingColumnSet .columnText p{
	margin-bottom:3em;
}
.greetingColumnSet .columnText .ceo{
	margin-bottom:0;
	text-align:right;
}
.greetingColumnSet .columnText .ceo span{
	margin-left:1em;
	font-size:24px;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.greetingColumnSet .columnImg img{
	max-width:100%;
}

section.companySectionStyle{
	background: #f1f1f1;
	padding-left:4%;
	padding-right:4%;
}
.companyTable{
	width:100%;
	background:#FFF;
}
.companyTable th,
.companyTable td{
	padding:2rem 4rem;
	border-bottom:2px solid #f1f1f1;
}
.companyTable th{
	padding-left:6rem;
}
.companyTable td{
	padding-left:0;
}

.map{
	margin:60px 0;
}
.map iframe{
	width:100%;
}



/***お問い合わせ***/
.borderBox{
	border:4px solid #ff6a4e;
	padding:2em 1em;
	text-align:center;	
}
.borderBox .h2Style1{
	margin-bottom:0.5em;
}
.borderBox p{
	margin-bottom:0;
}
.contactTel{
	letter-spacing:0.1em;
	font-size:32px;
	font-weight:bold;
}
.contactTel:before {
    content: "";
    background: url(../images/icon_tel.svg);
    background-repeat: no-repeat;
    background-position: center left;
	background-size: contain;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.contactTel a{
	display:inline-block;
	vertical-align:middle;
}


/*お問い合わせフォーム*/
form{
	margin-bottom:60px;
}
.formTable{
	width:100%;
	margin-bottom:1em;
}
.formTable td {
    padding: 1em 0 1em 1em;
}
.formTable .required{
	background:#bf0a0a;
	color:#FFF;
	font-size:12px;
	padding:0.2em 0.5em;
	border-radius:4px;
	margin-left:1em;
	display:inline-block;
	vertical-align: middle;
}
.formTable input,
.formTable select,
.formTable textarea {
    width: 100%;
    padding: 0.5em 1em;
    border: 3px solid #CCC;
}
form .formBtn1{
	text-align:center;
}
form .formBtn1 #submit_button{
	background:#ff6a4e;
	color:#FFF;
	font-size:32px;
	font-weight:bold;
	padding:0.6em 2.5em;
	border: none;
    cursor: pointer;
	border-radius:10px;
}
form .formBtn1 #submit_button:hover{
	opacity: 0.7;
	transition: all .3s;
}
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
}

/***確認・完了画面****/
.formBtnL,
.formBtnR{
	text-align:center;
}
.formBtn2{
	background:#ff6a4e;
	color:#FFF;
	font-size:32px;
	font-weight:bold;
	padding:0.6em 2.5em;
	border: none;
    cursor: pointer;
	border-radius:10px;
}
.formBtn2:hover{
	opacity: 0.7;
	transition: all .3s;
}
.formBtnL .formBtn2{
	background:#bcbdbd;
}
/* index Setting
=========================================================================================== */
/***メインビジュアル***/
#indexContentsHead{
	position:relative;
}
#indexContentsHead div{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100vh;
	margin: 0;
}
#indexContentsHead .mainVisual1{
	background-image: url(../images/index/mainvisual1.jpg);
}
#indexContentsHead .mainVisual2{
	background-image: url(../images/index/mainvisual2.jpg);
}

#indexContentsHead .catch{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
	/*font-size:46px;*/
	/*font-size:2.5vw;*/
	font-size: min(46px, 3.5vw);
	padding:0 4%;
	color:#FFF;
	font-weight:bold;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	text-shadow: 3px 3px 6px rgba(0,0,0,0.8);
	width:100%;
	text-align:center;
	
	opacity: 0;
}
#indexContentsHead .catch span{
	 opacity: 0;
}
/***contents01***/
.contents01 .columnR{
	float:left;
	width:38%;
	margin-left: 4%;
}
.contents01 .columnL{
	float:left;
	width:58%;	
}
.contents01 .columnL .imgOnlyStyle{
	margin-bottom:0;
}
.contents01 .columnL img{
	max-width:100%;
}
.contents01 .columnR .inner{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
}
.contents01 h2{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	margin-left:2em;
	font-size:24px;
	margin-bottom:0;
}
.contents01 h2 span{
	color:#ff6a4e;
	font-size:12px;
	font-family: "Noto Sans Japanese";
	display:block;
	margin-left: 3em;
}
.contents01 h2 span em{
	border-left:1px solid #ff6a4e;
	font-style:italic;
	font-weight:bold;
	padding-left:0.5em;
	display: inline-block;
}
.contents01 .columnR p{
	margin:3em 0 0 2em;
}
.contents01 .columnR p.tateText span{
	position: relative;
    left: 0.7em;
    bottom: 0.4em;
}
/***contents02***/
.contents02{
	background: url(../images/bg1.jpg);
	position:relative;
}
.contents02:before{
	content: "";
    display: block;
    width: 4%;
    height: 100%;
    background: #FFF;
    position: absolute;
    top: 0;
    left: 0;
	pointer-events: none;
}
.contents02:after{
	content: "";
    display: block;
    width: 4%;
    height: 100%;
    background: #FFF;
    position: absolute;
    top: 0;
    right: 0;
	pointer-events: none;
}
.contents02 section{
	width:100%;
}

.contents02 .reasonSet1{
	width:100%;
	margin-bottom: 3em;
	position:relative;
	overflow: hidden;
	z-index: 1;
}
.contents02 .reasonSet1 .reasonImg{
	width: 70vw;
    margin-left: 30vw;
	max-width: 1600px;
    min-width: 1024px;
}
.contents02 .reasonSet1 .reasonImg img{
	width:100%;
}
.contents02 .reasonSet1 .reasonText{
	width:1100px;
	margin:0 auto;
	position:absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
}
.contents02 .reasonSet1 .reasonTextBox{
	width:48%;
	background:#FFF;
	padding:4em;
}
.contents02 .reasonSet1 .reasonTextBox h3{
	margin-bottom:2em;
}
.contents02 .reasonSet1 .reasonTextBox p{
	margin-bottom:27px;
}


.contents02 .reasonSet2{
	width:100%;
	position:relative;
	overflow: hidden;
	z-index: 1;
}
.contents02 .reasonSet2 .reasonImg{
	width: 70vw;
	margin-right:30vw;
	max-width: 1600px;
	min-width: 1024px;
}
.contents02 .reasonSet2 .reasonImg img{
	width:100%;
}
.contents02 .reasonSet2 .reasonText{
	width:1100px;
	margin:0 auto;
	position:absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
}
.contents02 .reasonSet2 .reasonTextBox{
	width:48%;
	background:#FFF;
	padding:4em;
	margin: 0 0 0 auto;
}
.contents02 .reasonSet2 .reasonTextBox h3{
	margin-bottom:2em;
}
.contents02 .reasonSet2 .reasonTextBox p{
	margin-bottom:27px;
}

/***contents03***/
.contents03{
	background-image:url(../images/index/business_bg.jpg);
	background-position: bottom;
    background-size: 100% 50%;
    background-repeat: no-repeat;
}
.contents03 .indexBusinessPanel{
	margin-bottom:0;
	background:#FFF;
	text-align:center;
	transition: all .3s;
}
.contents03 .indexBusinessPanel:hover{
	transform: scale(1.05);
}
.contents03 .indexBusinessPanel a{
	color:#333;
	display:block;
	text-decoration:none;
}
.contents03 .indexBusinessPanel:hover a{
	color:#ff6a4e;
}
.contents03 .indexBusinessPanel img{
	width:100%;
	transition: all .3s;
}

.contents03 .indexBusinessPanel a:hover img{
	opacity: 0.7;
}

.contents03 .indexBusinessPanel .textArea{
	padding:2em 4em;
}
.contents03 .indexBusinessPanel .textArea h3{
	margin-bottom:2em;
}
.contents03 .indexBusinessPanel .textArea p{
	text-align:left;
}

/***contents04***/
.contents04 section{
	padding:80px 0;
}
.contents04 .indexImgPanel1{
	background-image:url(../images/index/company_bg.jpg);
	background-size: cover;
	text-align:center;
	margin-bottom:0;
}
.contents04 .indexImgPanel1 a{
	padding:2em;
	display:block;
	overflow:hidden;
	text-decoration:none;
	transition: all .3s;
}

.contents04 .indexImgPanel1 .inner{
	padding:3em;
	position:relative;
	z-index:0;
}
.contents04 .indexImgPanel1 .inner:before{
	content:"";
	display:inline-block;
	background:rgba(0,0,0,0.5);
	width:470px;
	height:330px;
	position:absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	z-index:-1;
	transition: all .3s;
}
.contents04 .indexImgPanel1 .inner h2{
	margin-top:2em;
	color:#FFF;
}
.contents04 .indexImgPanel1 .inner .indexImgPanelBtn{
	padding:1em 4em;
	color:#FFF;
	border:1px solid #ff6a4e;
	border-radius: 3em;
	display:inline-block;
	background:rgba(255,255,255,0.2);
	transition: all .3s;
}

.contents04 .indexImgPanel1.current .inner .indexImgPanelBtn{
	background:#ff6a4e;
}
.contents04 .indexImgPanel1.current .inner:before{
	width: 500px;
	height:360px;
}



.contents04 .indexImgPanel2{
	background-image:url(../images/index/recruit_bg.jpg);
	background-size: cover;
	text-align:center;
	margin-bottom:0;
}
.contents04 .indexImgPanel2 a{
	padding:2em;
	display:block;
	overflow:hidden;
	text-decoration:none;
	transition: all .3s;
}
.contents04 .indexImgPanel2 .inner{
	padding:3em;
	position:relative;
	z-index:0;
}
.contents04 .indexImgPanel2 .inner:before{
	content:"";
	display:inline-block;
	background:rgba(0,0,0,0.5);
	width:470px;
	height:330px;
	position:absolute;
	top:50%;
	left:50%;
	transform: translateX(-50%) translateY(-50%);
	z-index:-1;
	transition: all .3s;
}
.contents04 .indexImgPanel2 .inner h2{
	margin-top:2em;
	color:#FFF;
}
.contents04 .indexImgPanel2 .inner .indexImgPanelBtn{
	padding:1em 4em;
	color:#FFF;
	border:1px solid #ff6a4e;
	border-radius: 3em;
	display:inline-block;
	background:rgba(255,255,255,0.2);
	transition: all .3s;
}

.contents04 .indexImgPanel2.current .inner .indexImgPanelBtn{
	background:#ff6a4e;
}
.contents04 .indexImgPanel2.current .inner:before{
	width: 500px;
	height:360px;
}

/* pageTop Setting
=========================================================================================== */
#pageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: 0px; /*下からのボタンの配置場所を指定*/
    right: 3%; /*右からのボタンの配置場所を指定*/
	font-size: 24px; /*文字のサイズ*/
	margin-bottom:0;
}
#pageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #f96033; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 50%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
	width: 60px; /*ボタンの幅*/
    height:60px; /*ボタンの高さ*/
	border:2px solid #FFF;
}
#pageTopBtn a:before {
	font-family: "icomoon";
	content: '\e907'; 
	font-size: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
#pageTopBtn a:hover {
    text-decoration: none; 
    background: #CD360A;/*マウスオーバー時の背景色*/
}
/* footer Setting
=========================================================================================== */
footer{
	background: url(../images/bg1.jpg);
}
footer section{
	width:1100px;
	margin:0 auto;
	padding:60px 0;
}
footer .columnSet .footerColumnL{
	width: 535px;
    float: left;
}
footer .columnSet .footerColumnR{
	width: 535px;
    float: left;
    margin-left: 30px;
}
footer #footerLogo{
	font-size:16px;
}
footer #footerLogo a{
	color:#333;
	display: inline-block;
	transition: all .3s;
}
footer #footerLogo a:hover{
	opacity: 0.7;
}
footer #footerLogo img{
	vertical-align: middle;
}
footer #footerLogo a:hover img{
	opacity: 1;
}
footer #footerLogo span{
	display: inline-block;
    vertical-align: middle;
	margin-left: 1em;
}
footer address p{
	font-size:0.8rem;
}


.footerColumnR .ColumnTel{
	width:48%;
	float:left;
}
.footerColumnR .ColumnFax{
	width:48%;
	float:left;
	margin-left:4%;
}
.footerColumnR .ColumnTel .text{
	font-size:0.8rem;
	margin-bottom:0.5em;
}
.footerColumnR .ColumnTel .text span{
	color:#ff6a4e;
	margin-right:1.5em;
}
.footerColumnR .ColumnTel .telNumber:before{
	content:"";
	background:url(../images/icon_tel.svg);
	background-repeat:no-repeat;
	background-position: center left;
	width:28px;
	height:28px;
	display:inline-block;
	vertical-align:middle;
	margin-right: 10px;
}
.footerColumnR .ColumnTel .telNumber a{
	font-weight:bold;
	font-size:24px;
	color:#333;
	letter-spacing:0.1em;
	display:inline-block;
	vertical-align:middle;
	text-decoration:none;
	transition: all .3s;
}
.footerColumnR .ColumnTel .telNumber a:hover{
	color:#ff6a4e;
}

.footerColumnR .ColumnFax .text{
	font-size:0.8rem;
	margin-bottom:0.5em;
	color:#ff6a4e;
	margin-right:1.5em;
}
.footerColumnR .ColumnFax .faxNumber:before{
	content:"";
	background:url(../images/icon_fax.svg);
	background-repeat:no-repeat;
	background-position: center left;
	width:28px;
	height:28px;
	display:inline-block;
	vertical-align:middle;
	margin-right: 10px;
}
.footerColumnR .ColumnFax .faxNumber span{
	font-weight:bold;
	font-size:24px;
	color:#333;
	letter-spacing:0.1em;
	display:inline-block;
	vertical-align:middle;
}
.footerColumnR .ColumnFax .faxNumber span a{
	color:#333;
}
footer .footerContactBtn a{
	padding: 1em 4em;
	text-align:center;
    color: #ff6a4e;
    border: 1px solid #ff6a4e;
    border-radius: 3em;
    display: block;
	font-weight:bold;
	transition: all .3s;
}
footer .footerContactBtn a:hover{
	background:#ff6a4e;
	color:#FFF;
}
footer .footerContactBtn a:hover:before{
	background:url(../images/icon_mail_white.svg);
	background-repeat:no-repeat;
	background-position: center left;
}
footer .footerContactBtn a:before{
	content:"";
	background:url(../images/icon_mail.svg);
	background-repeat:no-repeat;
	background-position: center left;
	width:28px;
	height:28px;
	display:inline-block;
	vertical-align:middle;
	margin-right: 10px;
}
footer .footerContactBtn a span{
	display:inline-block;
	vertical-align:middle;
}

footer #copy{
	font-size:0.8rem;
}
footer #copySp{
	display:none;
}

@media all and (-ms-high-contrast: none) {
  /* IEのみ */
#indexContentsHead .catch {
	font-size:46px;
}
.formTable .required,
form .formBtn1 #submit_button,
.formBtn2,
.btnStyle1 a,
.contents04 .indexImgPanel1 .inner .indexImgPanelBtn,
.contents04 .indexImgPanel2 .inner .indexImgPanelBtn,
footer .footerContactBtn a{
	font-family: "メイリオ", Meiryo, sans-serif; 
}

}
/* After Setting
=========================================================================================== */
.mt0{margin-top:0 !important;}
.ml0{ margin-left:0 !important;}
.mb0{margin-bottom:0 !important;}
.mb20{margin-bottom:20px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}
.mb3{margin-bottom:3em;}
.pb0{ padding-bottom:0 !important;}
.pb20{ padding-bottom:20px !important;}
.pr20{ padding-right:20px !important;}
.vat{ vertical-align:top !important;}
.vam{ vertical-align:middle !important;}