@charset "UTF-8";
 @import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900");
@import url("font-awesome.min.css");
/*
	Escape Velocity by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/


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


/* List設定 */

ul.default {
	list-style: disc;
	padding-left: 1em;
}
ul.default li {
	padding-left: 0.5em;
}
ul.style2 li {
	border-top: solid 1px #eee;
	padding: 1.5em 0 0 0;
	margin: 1.5em 0 0 0;
}
ul.style2 li:first-child {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}
ul.style3 li {
	border-top: solid 1px #eee;
	padding: 0.5em 0 0 0;
	margin: 0.5em 0 0 0;
}
ul.style3 li:first-child {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}
ol.default {
	list-style: decimal;
	padding-left: 1.25em;
}
ol.default li {
	padding-left: 0.25em;
}
/* Feature List */

.feature-list h3 {
	color: #e97770 !important;
}
.feature-list h3:before {
	position: relative;
	display: inline-block;
	color: #fff;
	background: #2f333b url("images/overlay.png");
	border-radius: 1em;
	text-align: center;
}
/* Icons */

.icon {
	text-decoration: none;
}
.icon:before {
	display: inline-block;
	font-family: FontAwesome;
	font-size: 1.25em;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon > .label {
	display: none;
}
/* ▼基本設定---------*/

/* Wrappers */

#wrapper {
	position: relative;
	width:100%
}

#wrapper01 {
	position: relative;
	width: 100%;
	
}



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


/*PC設定*/

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


@media screen and (min-width: 1000px) {
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 87%;
	line-height: 1.5em;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	width: 100%;
	background-color:#fff;
}
h1, h2, h3, h4, h5, p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	margin: 0px !important;
	padding: 0px !important;
	line-height: 0;
}
a {
	color: #06C;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
a:hover {
	opacity: 0.7;
}
.sp {
	display: none;
}
/* ヘッダーBOX設定 */


#headerBox {
	width:100%;
	padding-bottom:20px;
	position:absolute;
	z-index:100;
	top:0;
	
	
}
#headerBox header {
	padding-left:2%;
	padding-right:5%;
	position:relative;
	z-index:200;
	top:-5px;
}
#headerBox header h1 {
	width:200px;
	float:left;
	margin-top:-5px;
	margin-right:10px;
	
	
}
#headerBox header h1 img{width: 100%;
}
#headerBox header h2 {
	width: 180px;
	margin-bottom:40px;
}
#headerBox header h2 img{width: 100%;}

#headerBox .menuBg{ position:absolute;
top:0;
left:0;
width:100%;}

#headerBox .menuBg img{width:100%; height:auto}

#headerBox .tel{ position:absolute;
top:20px;
right:2%;
width:100%;
width:200px;
z-index:201;}

#headerBox .tel img{width:100%; height:auto}

/* g-nav */


.g-nav {
	padding: 0;
	margin-top:2%;
	width:98%;
	/*background-image: url(../../img/common/lap_bg50.png);*/
}
.g-nav ul {
	width: 100%;
	
	
}
.g-nav ul li {
	float:left;
	margin-left:.7%;
	padding:0.2em;
	color:#fff;
	text-align:center;
	position:relative;
}

.g-nav ul li:first-child{margin-right:0;}
.g-nav ul li a {color:#fff;
font-size:110%;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-shadow:2px 2px 2px #000000;
padding-bottom:.5em;
}
.g-nav ul li a:hover {
opacity: 1;
color: #DCD36B;
}

.g-nav ul li img{width: 100%;}

.g-nav ul li a span{ font-size:60% !important}


/*プルダウン設定*/

.g-nav ul li ul { display: none; }
.g-nav ul li:hover ul { display: block;
z-index: 1000001;
}

.g-nav ul li ul{
	width: 143px;
	/*background-image: url(../../img/common/bg/navi_bg.png);*/
	background-repeat: repeat;
	position: absolute;
	top:50px;
	left:0;
}


.g-nav ul li ul li {display: block;
margin-bottom:0;
/*background-image: url(../../img/common/bg/navi_bg.png);*/
/*background-repeat: repeat;*/
text-align:left;
border-bottom:#fff dotted 1px;
border-left:#fff dotted 1px;
border-right:#fff dotted 1px;
font-size:90%;
margin-left:0%;
padding:0em;
height:40px;
}

.g-nav ul li ul li:first-child{border-top:#fff dotted 1px;}


.g-nav ul li ul li a{ color:#fff; display:block;
width:123px;
height:20px;
padding:10px;
font-size:100%;}

.g-nav ul li ul li a:hover{ background-color:#000;

}

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


/*.fixed {
	position: fixed;
	top: 0;
	left: 0;
	-moz-box-shadow: 0px 0px 4px #CCC;
	-webkit-box-shadow: 0px 0px 4px #CCC;
	box-shadow: 0px 0px 4px #CCC;
	width: 100%;
	background-color: #FFF;
	z-index: 1000;
}
.fixed {height:125px;
overflow:hidden;}*/
/*logofix
------------------------------------------*/
/*.mailfix {
	display: none;
}
.mailfix img {
	width: 100%;
}
.mailfixed {
	display: block;
	position: fixed;
	top: 15px !important;
	left: 70px;
	width: 70px;
	margin-top: 5px;
	z-index: 10000;
}*/
/*mailfix
------------------------------------------*/
/*.logofix {
	display: none;
}
.logofix img {
	width: 100px;
}
.logofixed {
	display: block;
	position: fixed;
	top: 10px;
	right: 100px;
	width: 70px;
	z-index: 10000;
	margin-top: 20px;
}*/
/*
------------------------------------------*/

/* r-nav
------------------------------------------*/

#nav {
	display: none;
}




/*スライダー	*/
#slideshow {
	position: relative;
	height: 700px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;	/*z-index:-1;*/
	overflow: hidden;
	background-image: url(../../img/top/contents_bg02.png);
	background-repeat: repeat-y;
	background-position: center top;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width: 100%;
	height:auto;
	
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

#slideshow img {
	/* Set rules to fill background */
	/*min-height: 100%;
	min-width: 1000px;*/
			
	/* Set up proportionate scaling */
	/*width: 100%;
	height: auto;*/
			
	/* Set up positioning */
	/*position: fixed;
	top: 0;
	left: 0;
*/}


/*1日スライダー	*/
#slideshow1 {
	position: relative;
	height: 409px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;	/*z-index:-1;*/
	overflow: hidden;
	background-repeat: repeat-y;
	background-position: center top;
	margin-bottom:50px;
}

#slideshow1 img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width: 100%;
	height:auto;
	
}

#slideshow1 img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow1 img.last-active {
    z-index:9;
}



/*フッター設定-------------------------------------------------*/
.footer-box {
	text-align: center !important;
	clear: both;
	width: 1000px;
	display: block;
	margin-left:auto;
    margin-right:auto;
	padding-left:0px;
}

.footer-box .footerLogo{ width:288px;
margin-left:auto;
    margin-right:auto;
	margin-bottom:20px;}
.footer-box .footerLogo img{width:100%;}

.footer-box .gmap{width:97px;
margin-left:auto;
    margin-right:auto;}
.footer-box .gmap img{width:100%;}

.footer-box address {
	text-align: center;
	color: #224D76;
	display: block;
	float: none;
	font-size: 84%;
	font-style: normal;
	ont-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5em;
	padding-top: 0px;
	padding-bottom: 30px;
	width:100%;
	clear:both;
	padding-top:30px
}

/* アニメーション設定1*/
.css-fade01{opacity: 0;}
.css-fade01--in{
  animation-name:fade-in01;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in01 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

/* アニメーション設定2*/

.css-fade02{opacity: 0;}
.css-fade02--in{
  animation-name:fade-in02;
  animation-duration:1s; /*//アニメーション時間*/
  animation-timing-function: ease-out; /*//アニメーションさせるイージング*/
  animation-delay:1; /*//アニメーション開始させる時間*/
  animation-iteration-count:1; /*//繰り返し回数*/
  animation-direction:normal; /*//往復処理をするかどうか*/
  animation-fill-mode: forwards; /*//アニメーション後のスタイルをどうするか*/
}
@keyframes fade-in02 {
  0% {opacity: 0; transform: translate3d(0,200px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}






/*POINT1  ====================================*/

.sec-box1 {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.sec-box1 .col01 {
	width: 100%;
	background-image: url(../../img/top/contents_bg01.png);
	background-repeat: no-repeat;
	background-position: center -60px;
	height:770px;
}
.sec-box1 .col01 h2 {
	padding-top:30px;
	padding-bottom:30px;
 width:396px;
 margin-left: auto;
margin-right: auto;
}
.col01 h2 img{width: 100%;}


.sec-box1 .col01 ul li{
width:49%;
float:left;
margin-bottom:20px}

.sec-box1 .col01 ul li a:hover{ opacity:.9 !important;}
.sec-box1 .col01 ul li a:hover img{width: 100%;}

.sec-box1 .col01 ul li:nth-child(even){float:right;}

.sec-box1 .col01 ul li img{width: 100%;}

.topbox {
width:100%;
text-align:center;}

.topbox img{
width:550px;
margin-bottom:20px;
}



.contit{ font-size:120%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.8em;
text-align:center;}



/*最新情報 ====================================*/

.sec-box4 {
	width: 1000px;
	margin-bottom:50px;
	margin-left: auto;
	margin-right: auto;
	color:#fff;
	padding-top:30px;
}


.sec-box4 .box_01 {
	text-align:center;
}

.sec-box4 h2{
	text-align:center;
	width:450px;
	margin-left:auto;
margin-right:auto;
}

.sec-box4 h2 img{width:100%;}



/*topix ====================================*/

.topix-box_bg{
	width: 100%;
	background-image: url(../../img/top/contents_bg02.png);
	height: 490px;
	background-repeat: no-repeat;
	background-position: center top;
}

.topix-box {
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #224D76;
	border-bottom-color: #224D76;
	padding-left: 5px;
	overflow: auto;
	height: 250px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color:#fff;
}

.topix-box dl {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding: 10px;
}
.topix-box dl dt {
	float: left;
	margin-right: 20px;
	padding-left: 20px;
	background-image: url(../../img/top/bg_dot01.png);
	background-repeat: no-repeat;
	background-position: 2px 7px;
	color: #224D76;
	width:8%;
}
.topix-box dl dd{width:87%;
float:right;
color: #000;}

.topix-box dl dd a{
	text-decoration: underline
}

.topix-box dl dd a:hover {
	text-decoration: underline
}


/*セカンドページ共通
-----------------------------------------------*/
.imageBox {
	text-align: center;
	width: 100%;
	height:auto;
	position:relative;
	margin-bottom:50px;
}
.imageBox img{width: 100%;}

.imageBox h2{
	font-family: "RmP-Regular";
	font-size: 36px;
	color: #DCD36B;
	position: absolute;
	top: 60%;
	left: 37%;
	text-shadow: 3px 3px 3px #333;
	-moz-box-text-shadow: 3px 3px 3px #333;
	-webkit-text-shadow: 3px 3px 3px #333;
}


.imageBox h2 span{font-size:26px;}

/*会社概要
-----------------------------------------------*/
.h3tit02{ width:600px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;}

.h3tit02 img{width:100%;}

.sec-box2 {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:50px;
}
.sec-box2 .col01 {
	width: 100%;
}
.sec-box2 .col01 h3 {
	background-color:#224D76;
	text-align:center;
	padding:10px;
	color:#fff;
	font-size:120%;
	margin-bottom:20px;
	font-weight:bold
}
/*.col01 h3 img{width: 100%;}*/
.sec-box2 .col02 {position: relative;}

.sec-box2 .col02 p{ font-size:120%;
line-height:2em;
text-align: left;
font-weight:bold;
margin-left:auto;
margin-right:auto;
width:60%;
/*margin-bottom:20px;*/
}

.sec-box2 .col02 p img{ float:left;
margin-right:20px !important;
margin-bottom:30px;
width:300px;}


.sec-box2 .col02 p.txt01{ text-align:right;
margin-left:auto;
margin-right:auto;
width:55%;
}


/*.sec-box2 .col02 .daihyo{
	position:absolute;
	bottom:50px;
	right:50px;
width:160px;
text-align:right;

}

.sec-box2 .col02 .daihyo p.txt01{ text-align:left;
font-size:100%;
width:160px;
}


.sec-box2 .col02 .daihyo p.txt01 span{
font-size:120%;
}*/


/*.sec-box2 .col02 .daihyo .ph01{ width:160px;
display:block;}

.sec-box2 .col02 .daihyo .ph01 img{width:100%;}*/


.bg01{ background-image:url(../../img/business/business_bg1.jpg);
background-size:cover;
padding:20px;}

.bg02{ background-image:url(../../img/business/business_bg2.jpg);
background-size:cover;
padding:20px;}

.bg03{ background-image:url(../../img/business/business_bg3.jpg);
background-size:cover;
padding:20px;}


.sec-box2 .col03 h4{color:#224D76;
	font-size:160%;
	margin-bottom:20px;
	font-weight:bold;}
	
.sec-box2 .col03 .frimg{ float:right;
margin-left:20px;
margin-bottom:20px;
width:300px;}

.sec-box2 .col03 .frimg img{width:100%;}

.sec-box2 .col03 p{ font-size:120%;
line-height:1.9em;
text-align:left;
font-weight:bold;
/*margin-bottom:20px;*/
}

.sec-box2 .col04 { position:relative;}

.sec-box2 .col04 img.lfm{ position: absolute; width:320px;
top:0;
left:0;
}

.sec-box2 .col04 table{
	width:83%;
	margin-left:auto;
margin-right:auto;
font-weight:bold;
	}
.sec-box2 .col04 table th{
	padding: 20px;
	border-right: 1px solid #224D76;
	width: 50%;
	text-align: right;
	}

.sec-box2 .col04 table td{
	padding:20px;
	}

/*事業紹介*/
.busiTxt01{ font-size:110%;
line-height:1.5em;}
.busiTxt02{ font-size:120%;
line-height:1.6em;}


.h2tit01{ width:292px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;}
.h3tit01{ width:421px;
margin-left:auto;
margin-right:auto;
margin-bottom:50px;}
.sec-box2 .col05{
	float: left;
	width:32%;
	margin-right:2%;
	margin-bottom:20px;
	position:relative}
.sec-box2 .col05 h4{background-color:#224D76;
color:#fff;
/*margin-bottom:15px;*/
font-size:120%;
padding:7px;
text-align:center;
font-weight:bold;
}

.sec-box2 .col05 .arrow01 {width:80px;
position:absolute;
top:-20px;
left:30px;
z-index:100;
}

.sec-box2 .col05 .arrow01 img{width:100%;}

.sec-box2 .r0{margin-right:0% !important}

/*.sec-box2 .col05 div {margin-bottom:5px;}*/

.sec-box2 .col05 div { margin-bottom:7px;}

.sec-box2 .col05 div img{width:100%;
}

.sec-box2 .col05 p{font-size:120%;
line-height:1.6em;
margin-bottom:10px;
}
.sec-box2 .col05 p strong{ font-weight:bold;}

.sec-box2 .col05 ul{line-height:1.6em;}

.sec-box2 .col05 ul li{
padding-left:1em;
text-indent:-1em;}

.sec-box2 .col05 ul span{ color:#dcdcdc}

/*2ブロックの場合*/

.sec-box3 {width:680px;
margin-left:auto;
margin-right:auto;}

.sec-box3 .col05{
	float: left;
	width:48%;
	margin-right:4%;
	margin-bottom:20px;}
.sec-box3 .col05 h4{background-color:#224D76;
color:#fff;
/*margin-bottom:15px;*/
font-size:120%;
padding:7px;
text-align:center;
font-weight:bold}

.sec-box3 .r0{margin-right:0% !important}

.sec-box3 .col05 div {margin-bottom:5px;}

.sec-box3 .col05 div img{width:100%;
}

.sec-box3 .col05 p{font-size:120%;
line-height:1.6em;}



/*...............................*/


.sec-box2 .col06{
	float: left;
	width:66%;}
.sec-box2 .col06 h4{background-color:#224D76;
color:#fff;
/*margin-bottom:15px;*/
font-size:120%;
padding:7px;
text-align:center;
font-weight:bold}
.sec-box2 .col06 div {margin-bottom:5px;}

.sec-box2 .col06 div img{width:50%;
}

.sec-box2 .busiBox{ border:1px solid #224D76;text-align:center;
padding:15px;
margin-bottom:50px;}

.sec-box2 .busiBox h4{
color:#224D76;
font-size:130%;
text-align:center;
font-weight:bold;
text-align:center;
margin-bottom:15px;}

.sec-box2 .busiBox p{font-size:110%;text-align:center; margin-bottom:20px;}

.sec-box2 .busiBox img{margin-left:auto;
margin-right:auto;
width:837px;}


/*事業所・設備*/
h3.tit04{ width:1000px;
margin-left:auto;
margin-right:auto;
font-weight:bold;
font-size:20px;
font-family:"Ro-DB";
line-height:1.8em;
margin-bottom:30px;
}


/*HANADAの取組*/
.sec-box2 .jobBox{ border:1px solid #224D76;text-align:center;
padding:15px;
margin-bottom:50px;}

.sec-box2 .jobBox h4{
color:#224D76;
font-size:130%;
text-align:center;
font-weight:bold;
text-align:center;
margin-bottom:15px;
}

.sec-box2 .jobBox p{font-size:110%;text-align:center; margin-bottom:20px;}

.sec-box2 .jobBox .imgset{
	margin-left: auto;
	margin-right: auto;
	width: 942px;
}

.sec-box2 .jobBox .imgset .lp{width:469px;}
.sec-box2 .jobBox .imgset .rp{width:251px;}

.sec-box2 .jobBox2{
	float: left;
	width:29.9%;
	margin-right:2%;
	margin-bottom:20px;
	padding:1%;
	text-align:left;
	border-bottom:#D1E6D8 1px solid;
	border-right:#D1E6D8 1px solid;
	}
	
.sec-box2 .jobBox2 h4{
color:#224D76;
font-size:140%;
font-weight:bold;
text-align:center;
margin-bottom:15px;
padding-top:12px;
}
	
.sec-box2 .jobBox2 .imgBox1{
	float:left;
	padding-right:15px;
	width:132px;}
	
.sec-box2 .jobBox2 .imgBox1 img{ width:100%; height:auto;}

/*写真3枚の場合*/

.sec-box2 .col07{
	float: left;
	width:65%;
	text-align:center;}

.sec-box2 .col07 div {margin-bottom:5px;}

.sec-box2 .col07 div img{width:50%;
}

.sec-box2 .col08{
	float: right;
	width:32%;
	margin-bottom:20px;
	text-align:center;}

.sec-box2 .col08 div {margin-bottom:5px;}

.sec-box2 .col08 div img{width:100%;
}

/*写真2枚の場合*/

.sec-box2 .col09{
	width:100%;
	text-align:center;}

.sec-box2 .col09 div { width:37%;margin-right:1%;margin-bottom:15px; display: inline-block; }

.sec-box2 .col09 div.rp02 { margin-right:0;}

.sec-box2 .col09 div img{width:100%;
}

/*..............*/


.jobTbox{
	width:70%;
	margin-left:auto;
margin-right:auto;
margin-bottom:30px;
border-top: 1px solid #224D76;
	}
.jobTbox th{
	padding: 20px;
	border-right: 1px solid #224D76;
	border-bottom: 1px dotted #224D76;
	width: 50%;
	text-align: right;
	color:#224D76;
	font-weight:bold;
	}

.jobTbox td{
	padding:20px;
	border-bottom: 1px dotted #224D76;
	}
	
.sendbtn a{width:150px;
margin-left:auto;
margin-right:auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color:#69C;
padding:7px;
font-size:140%;
color:#fff;
display:block;
text-align:center;

}

.sendbtn2 a{width:250px;
margin-left:auto;
margin-right:auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color:#69C;
padding:7px;
font-size:140%;
color:#fff;
display:block;
text-align:center;

}

/*車両紹介*/

.vehicleTbox{
	width:100%;
	margin-left:auto;
margin-right:auto;
margin-bottom:30px;
border-top: 1px dotted #224D76;
	}
.vehicleTbox th{
	padding: 20px;
	border-right: 1px solid #224D76;
	border-bottom: 1px dotted #224D76;
	border-left: 1px solid #224D76;
	width: 40%;
	text-align: left;
	color:#224D76;
	font-weight:bold;
	}

.vehicleTbox td{
	padding:20px;
	border-bottom: 1px dotted #224D76;
	border-right: 1px solid #224D76;
	text-align:center;
	}
	
	
.vehicleTbox .tw20{
	width: 20% !important;
	}
.vehicleTbox .twau{
	width: auto !important;
	}



/*お問い合わせ*/


.contentsBox15{text-align: center;
	width:100%;
	padding-top:40px;
	padding-bottom:50px;
	background-color:#E4F3FA;
	margin-top:-50px !important;
	margin-bottom:50px;
}

.contentsBox15 .sendBox{
	width: 800px;
	margin-left:auto;
margin-right:auto;
text-align:left;
padding:40px;
}

.contentsBox15 h3 {
	background-color:#224D76;
	text-align:center;
	padding:10px;
	color:#fff;
	font-size:120%;
	margin-bottom:20px;
	font-weight:bold
}

.contentsBox15 .sendBox h4{
color:#224D76;
font-size:130%;
text-align:center;
font-weight:bold;
text-align:center;
margin-bottom:15px;}

.contentsBox15 .sendBox p{ text-align:center;font-size:100%; line-height:1.8em}

.contentsBox15 .sendBox p strong{ font-weight:bold; font-size:140%;}

.contentsBox15 .sendBox p span{ color:#0075C2;}

/*フォーム設定-------------------------------------------------*/

.attention{color:#0075C2;}

.w20{ width:20px}


table.formTable1 {
    margin: 15px auto 70px auto;
    width: 100%;
    text-align: left;
}
table.formTable1 th {
	padding: 8px;
	padding-top:20px;
	padding-bottom:20px;
	font-weight: normal;
	vertical-align:middle;
	width:20%;
	
}
table.formTable1 td {
    padding: 8px;
	padding-top:20px;
	padding-bottom:20px;
	vertical-align:middle
}

table.formTable1 input { padding:10px;border:none;font-size:100%;}
table.formTable1 input.inputbox1{ width:44.2%}
table.formTable1 input.inputbox2{ width:96.6%}

table.formTable1 textarea{width:100%; border:0}

table.formTable1 select{
  position: relative;
  padding: 10px;
  width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
font-size:100%;
color:#0075C2;
}

.select-wrap {
    position: relative;
    width: 100%;
	
}

.select-wrap:after {
  content: "";
    position: absolute;
    right: 10px;
    top: 15px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #0075C2;
    border-left: 2px solid #0075C2;
    transform: translateY(-50%) rotate(-135deg);
  font-size: 20px;
  pointer-events: none;
}

table.formTable1 input[type="submit"]{
	text-indent:-9999;}
	
.formbtn1{
	background-image:url(../../img/top/form_btn01.png);
	width:462px;
	height:68px;
	text-indent:-9999;
	margin-left:auto;
margin-right:auto;
border:none;
text-decoration:none;
background-color:transparent;
cursor :pointer;}

/*.formbtn1:hover{background-image:url(../../img/top/form_btn01_2.png);}*/

.formbtn2{
	background-image:url(../../img/top/form_btn02.png);
	width:462px;
	height:68px;
	text-indent:-9999;
	margin-left:auto;
margin-right:auto;
border:none;
text-decoration:none;
background-color:transparent;
cursor :pointer;}

.formbtn1:hover{ opacity:0.7;}

.formbtn2:hover{ opacity:0.7;}


#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #F1F1F1;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#E4F3FA;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}

}
/* Mobile Only */

#navPanel, #titleBar {
	display: none;
}


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

 @media screen and (max-width: 999px) {
/* Basic */

html, body {
	overflow-x: hidden;
}
body, input, select, textarea {
	line-height: 1.5em;
	font-size: 10.5pt;
	letter-spacing: 0;
}
h2, h3, h4, h5, h6 {
	font-size: 1.2em;
	letter-spacing: 0.05em;
	margin: 0 0 0 0;
}
hr {
	margin: 1em 0 1em 0;
}
/* Section/Article */

section, article {
	clear: both;
	padding: 1em 0 1em 0 !important;
}
header br {
	display: none;
}
header.style1 {
	padding: 0 0 1em 0;
}
header.style1 h2 {
	font-size: 1.5em;
	letter-spacing: 0.075em;
	line-height: 1.25em;
}
header.style1 p {
	display: block;
	margin: 0;
}
/* Button */

input, input[type="button"], input[type="submit"], input[type="reset"], button, .button {
	display: block;
	width: 100%;
	font-size: 1em;
	padding: 1em 0 1em 0;
	max-width: 30em;
	margin: 0 auto;
}
/* List */

ul.actions {
	margin: 2em 0 0 0;
}
ul.actions li {
	margin: 15px 0 0 0;
}
form ul.actions {
	margin: 1em 0 0 0;
}
/* Feature List */

.feature-list section {
	border-top: solid 1px #eee;
}
.feature-list > div > div:first-child > div:first-child > section {
	border-top: 0;
	padding-top: 0;
}
.feature-list h3 {
	position: relative;
	padding: 4px 0 0 48px;
	line-height: 1.25em;
}
.feature-list h3:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
}
.feature-list p {
	margin: 0 0 0 48px;
}
/* Box */

.box.post-excerpt .image.left {
	position: relative;
	top: 0.25em;
	width: 25%;
	margin: 0;
}
.box.post-excerpt h3, .box.post-excerpt p {
	margin-left: 32.5%;
}
/* Off-Canvas Navigation */

#page-wrapper {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	padding-bottom: 1px;
}

#titleBar {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	display: block;
	height: 44px;
	right: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10001;
	background: none;
}
#titleBar .title {
	display: none;
}
#titleBar .toggle {
	position: absolute;
	top: 0;
	right: 0px;
	width: 46px;
	height: 44px;
}
#titleBar .toggle:before {
	-moz-transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
	-ms-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	font-family: FontAwesome;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f0c9';
	font-size: 26px;
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 46px; /*ハンバーガー大きさ設定*/
	height: 42px; /*ハンバーガー大きさ設定*/
	line-height: 42px; /*ハンバーガー大きさ設定*/
	text-align: center;
	color: rgba(164, 164, 164, 1);
	background-color: rgba(255,255,255,0);
	/*border-radius: 0.25em;*/
}
#titleBar .toggle:active:before {
	background-color: rgba(92, 95, 103, 0.75);
}
#navPanel {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: translateX(275px);
	-webkit-transform: translateX(275px);
	-ms-transform: translateX(275px);
	transform: translateX(275px);
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	display: block;
	height: 100%;
	right: 0;
	overflow-y: auto;
	position: fixed;
	top: 0;
	width: 275px;
	z-index: 10002;
	background: #242730 url("images/overlay.png");
	box-shadow: inset -3px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
#navPanel .link {
	display: block;
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	text-decoration: none;
	font-size: 0.85em;
	letter-spacing: 0.15em;
	text-decoration: none;
	height: 28px;
	line-height: 28px;
	border-top: solid 1px rgba(255, 255, 255, 0.05);
	margin: 0 15px 0 15px;
}
#navPanel .link:first-child {
	border-top: 0;
}
#navPanel .indent-1 {
	display: inline-block;
	width: 1em;
}
#navPanel .indent-2 {
	display: inline-block;
	width: 2em;
}
#navPanel .indent-3 {
	display: inline-block;
	width: 3em;
}
#navPanel .indent-4 {
	display: inline-block;
	width: 4em;
}
#navPanel .indent-5 {
	display: inline-block;
	width: 5em;
}
#navPanel .depth-0 {
	color: #fff;
}
body.navPanel-visible #page-wrapper {
	-moz-transform: translateX(275px);
	-webkit-transform: translateX(275px);
	-ms-transform: translateX(275px);
	transform: translateX(275px);
}
body.navPanel-visible #titleBar {
	-moz-transform: translateX(-260px);
	-webkit-transform: translateX(-260px);
	-ms-transform: translateX(-260px);
	transform: translateX(-260px);
}
body.navPanel-visible #navPanel {
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}




/* Wrappers */

.wrapper {
	padding: 15px 15px 5em 15px;
}
.wrapper .title {
	font-size: 0.9em;
	width: 18em;
	height: 2.5em;
	top: -2.5em;
	line-height: 2.5em;
	margin-bottom: -2.5em;
	margin-left: -9em;
	padding-top: 0.5em;
}
.wrapper .title:before, .wrapper .title:after {
	height: 15px;
	bottom: -15px;
	background-size: 100% 100%;
}
#header-wrapper {
	padding: 6em 2em 6em 2em;
}
#footer-wrapper {
	padding-top: 3em;
}
#footer-wrapper .feature-list section {
	border-top-color: #eee;
	border-top-color: rgba(255, 255, 255, 0.05);
}
/* Logo */

#logo {
	text-align: center;
}
#logo h1 {
	font-size: 1.5em;
	letter-spacing: 0.2em;
}
#logo p {
	margin: 1.25em 0 0 0;
	display: block;
	letter-spacing: 0.2em;
	font-size: 0.9em;
}
/* Nav */

#navpc {
	display: none;
}
/* Main */

#main {
	padding: 1em 0 0 0;
}
/* Content */

#content {
	padding: 0 0 2em 0;
}
#content header.style1 {
	padding-bottom: 2.5em;
}
/* Footer */

#footer hr {
	display: none;
}
/* Copyright */

#copyright {
	padding: 2em 0 0 0;
}
#copyright ul {
	padding: 1em 2em;
	width: 100%;
}
#copyright ul li {
	display: block;
	margin: 0.5em 0 0 0;
}
#copyright ul li:first-child {
	margin-top: 0;
}
}



/*FB-----------------------------------------------*/
/*
.fb {
	position: fixed;
	bottom: 60px;
	right: 10px;
	width: 40px;
	height: 40px;
	z-index: 100001;
}
.fb img {
	width: 100%;
}*/
/*ページトップ-----------------------------------------------*/

.homebk{
	position: fixed;
	bottom: 80px;
	right: 0px;
	width: 50px;
	height: auto;
	z-index: 100001;
}
.homebk img {
	width: 100%;
}


.pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 77px;
	height: auto;
	z-index: 100001;
}
.pageTop img {
	width: 100%;
}

/*オンラインショップボタン-----------------------------------------------*/

.onsp {
	position: fixed;
	top: 20%;
	right: 20px;
}

/*.sendbt{position: fixed;
	top: 33%;
	right: 20px;}*/
	
.sendbt{position: fixed;
	top: 23%;
	right: 0px;}
	
/*閉じるボタン-----------------------------------------------*/

.btn-square-so-pop {
  position: relative;
  display: block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #d27d00;/*線色*/
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:150px;
}

.btn-square-so-pop:active {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

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


/*スマホ設定*/

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

@media screen and (max-width: 999px) {
html {
	margin: 0px;
	padding: 0px;
}
body {
	width: 100%;
	height: 100%;
	background-color:#fff;
}
.wrapper {
	width: 100%;
	padding: 0px 0px 0em 0px;
}
img {
	width: 100%;
}
.pc {
	display: none;
}
.brsp {
	display: block !important;
}
a {
	color: #06C;
	text-decoration: none;
}
a:visited {
	color: #666;
	text-decoration: none;
}
h1, h2, h3, h4, h5, p {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*imgスペースバグ対応設定
---------------------------------------*/

img {
	line-height: 1 !important;
	font-size: 0 !important;
}
/*width設定-----------------------------------------------*/

.sw40 {
	width: 40%;
}
.sw46 {
	width: 46%;
}
.sw48 {
	width: 48%;
}
.sw60 {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.sw70 {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
}
.sw80 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
.sw96 {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
.sw100 {
	width: 100%;
}
/* ヘッダーBOX設定 */


#headerBox {
	width:100%;
	padding-bottom:10px;
	position:static;
	background-color: #036;
	
	
}
#headerBox header {
	padding-left:0;
	padding-right:0;
	position:relative;
	text-align:center;
}
#headerBox header h1 {
	width:50%;
	float:none;
	margin-top:0px;
	margin-left:auto;
margin-right:auto;
	
	
}
#headerBox header h1 img{width: 100%;margin-top:10px;

}


#headerBox .menuBg{ display:none;}

/*#headerBox .menuBg img{width:100%; height:auto}*/

#headerBox .tel{display:none;position:static;width:50%;margin-left:auto;
margin-right:auto;}

#headerBox .tel img{width:100%; height:auto}



/* #nav 設定 */


#navpc {
	display: none;
}
#nav {
	display: none;
}
#nav a {
	display: none;
	text-decoration: none;
}



/*メインイメージ
-----------------------------------------------*/
/*.imageBox {
	text-align: center;
	width: 100%;
	margin: 0 !important;
	padding-top:70px;
	margin-bottom:30px !important;
	
}

.imageBox01 {
	text-align: center;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
	
}*/


/*スライダー	*/
#slideshow {
	position: relative;/* height:100%;*/
	/*z-index:-1;*/
	padding: 0px 0px 0px 0px !important;
	margin: 0px 0px 0px 0px !important;
}
#slideshow img {
	position: absolute;
	top: 0;
	left: 0;
	/* z-index:8;*/
	opacity: 0.0;
}
#slideshow img.active {
	/* z-index:10;*/
	opacity: 1.0;
}
#slideshow img.last-active {
/*z-index:9;*/
}
#slideshow img {
	/* Set rules to fill background */
	min-height: auto;
	min-width: 100%;
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	/* Set up positioning */
	/*position: fixed;*/
	top: 0;
	left: 0;
}




/*フッター設定-------------------------------------------------*/
.footer-box {
	text-align: center !important;
	clear: both;
	display: block;
	margin-left:auto;
    margin-right:auto;
	padding-left:0px;
	position: relative;
	padding-bottom:20px;
	
}

.footer-box .footerLogo{ width:240px;
margin-left:auto;
    margin-right:auto;
	margin-bottom:20px;}
.footer-box .footerLogo img{width:100%;}

.footer-box .gmap{width:97px;
margin-left:auto;
    margin-right:auto;}
.footer-box .gmap img{width:100%;
margin-bottom:50px}

.btn_yume{width:200px;
margin-left:auto;
    margin-right:auto;
	margin-bottom:70px;}


.footer-box address {
	display: block;
	float: none;
	color: #666;
	font-size: 60%;
	font-style: normal;
	ont-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5em;
	padding-top: 0px;
	text-align: center !important;
}


.sec-box1 {
	margin-top:43%;
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
.sec-box1 .col01 {
	width: 100%;
	background-image: url(../../img/top/contents_bg01.png);
	background-size:80% 120%;
	background-repeat: no-repeat;
	background-position: center -60px;
	height:100%;
	padding-bottom:20px;
}
.sec-box1 .col01 h2 {
	padding-top:20px;
	padding-bottom:20px;
 width:70% !important;
 margin-left: auto;
margin-right: auto;
}
.col01 h2 img{width: 100%; height:auto !important;}


.sec-box1 .col01 ul li{
width:95%;
margin-left: auto;
margin-right: auto;
float:none !important;
margin-bottom:20px}

.sec-box1 .col01 ul li a:hover{ opacity:1 !important;}
.sec-box1 .col01 ul li a:hover img{width: 100%;}

.sec-box1 .col01 ul li:nth-child(even){float:none;}

.sec-box1 .col01 ul li img{width: 100%;}

.topbox {
width:100%;
text-align:center;}

.topbox img{
width:100%;
margin-bottom:20px;
}



.contit{ font-size:110%;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.5em;
text-align:center;
width:90%;
margin-left: auto;
margin-right: auto;}



/*最新情報 ====================================*/

.sec-box4 {
	width:100%;
	margin-bottom:50px;
	color:#fff;
	padding-top:0 !important;
}


.sec-box4 .box_01 {
	text-align:center;
}

.sec-box4 h2{
	text-align:center;
	width:100%;
padding-bottom:10px
}

.sec-box4 h2 img{width:100%;}



/*topix ====================================*/

.topix-box_bg{
	width: 100%;
	background-image: url(../../img/top/contents_bg02.png);
	height:auto;
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom:30px;
}

.topix-box {
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #224D76;
	border-bottom-color: #224D76;
	padding-left: 5px;
	overflow: auto;
	height: 300px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color:#fff;
}

.topix-box dl {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding: 10px;
}
.topix-box dl dt {
	float: none !important;
	margin-right: 0;
	padding-left: 0;
	background-image: url(../../img/top/bg_dot01.png);
	background-repeat: no-repeat;
	background-position: 2px 7px;
	color: #224D76;
	width:auto;
}
.topix-box dl dd{width:auto;
float:none !important;
color: #000;}

.topix-box dl dd a{
	text-decoration: underline
}

.topix-box dl dd a:hover {
	text-decoration: underline
}



/*セカンドページ共通
-----------------------------------------------*/
.imageBox {
	text-align: center;
	width: 100%;
	height:auto;
	position:relative;
	margin-bottom:30px;
}
.imageBox img{width: 100%;}

.imageBox h2{
	width:100%;
	font-family: "RmP-Regular";
	font-size: 28px;
	color: #DCD36B;
	position: absolute;
	top: 25%;
	left:0;
	text-shadow: 3px 3px 3px #333;
	-moz-box-text-shadow: 3px 3px 3px #333;
	-webkit-text-shadow: 3px 3px 3px #333;
	text-align:center;
}


.imageBox h2 span{font-size:16px;}

/*会社概要
-----------------------------------------------*/
.h3tit02{ width:96%;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;}

.h3tit02 img{width:100%;}

.sec-box2 {
	width:96%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:50px;
}
.sec-box2 .col01 {
	width: 100%;
}
.sec-box2 .col01 h3 {
	background-color:#224D76;
	text-align:center;
	padding:10px;
	color:#fff;
	font-size:110%;
	margin-bottom:20px;
	font-weight:bold
}
/*.col01 h3 img{width: 100%;}*/
.sec-box2 .col02 {position: relative;}

.sec-box2 .col02 p{ font-size:100%;
line-height:1.8em;
text-align:left;
margin-bottom:20px;
}

/*.sec-box2 .col02 p img{ float:left;
margin-right:20px !important;
margin-bottom:30px;
width:300px;}*/


.sec-box2 .col02 .daihyo{
	position:none;
width:60%;
text-align:left;
margin-left: auto;
margin-right: auto;
}

.sec-box2 .col02 .daihyo p.txt01{ text-align:left;
font-size:100%;
width:100%;
}


.sec-box2 .col02 .daihyo p.txt01 span{
font-size:120%;
}


.sec-box2 .col02 .daihyo .ph01{ width:100%;
display:block;}

.sec-box2 .col02 .daihyo .ph01 img{width:100%;}


.bg01{ background-image:none;
background-size:cover;
padding:20px;}

.bg02{ background-image:none;
background-size:cover;
padding:20px;}

.bg03{ background-image:none;
background-size:cover;
padding:20px;}


.sec-box2 .col03 h4{color:#224D76;
	font-size:110%;
	margin-bottom:20px;
	font-weight:bold;}
	
.sec-box2 .col03 .frimg{ float:none;
margin-left:0;
margin-bottom:20px;
width:100%;}

.sec-box2 .col03 .frimg img{width:100%;}

.sec-box2 .col03 p{ font-size:100%;
line-height:1.6em;
text-align:left;
/*margin-bottom:20px;*/
}

.sec-box2 .col04 { position:relative;}

.sec-box2 .col04 img.lfm{ position: absolute; width:320px;
top:0;
left:0;
}

.sec-box2 .col04 table{
	width:100%;
	margin-left:auto;
margin-right:auto;
	}
.sec-box2 .col04 table th{
	padding: 5px;
	border-right: 1px solid #224D76;
	width: 32%;
	text-align: left;
	}

.sec-box2 .col04 table td{
	padding:5px;
	}

/*事業紹介*/
.h2tit01{ width:60%;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;}
.h3tit01{ width:70%;
margin-left:auto;
margin-right:auto;
margin-bottom:25px;}
.sec-box2 .col05{
	text-align:center;
	float: none !important;
	width:100%;
	margin-right:0;
	margin-bottom:30px;
	position:relative;
	margin-left:auto;
margin-right:auto;}

.sec-box2 .col05:last-child{margin-left:auto;
margin-right:auto;}

.sec-box2 .col05 h4{background-color:#224D76;
color:#fff;
/*margin-bottom:15px;*/
font-size:110%;
padding:10px;
text-align:center;
font-weight:bold;
}

.sec-box2 .col05 .arrow01 {width:80px;
position:absolute;
top:-20px;
left:30px;
z-index:100;
}

.sec-box2 .col05 .arrow01 img{width:100%;}


/*.sec-box2 .col05 div {margin-bottom:5px;}*/

.sec-box2 .col05 div{width:100%;
}

.sec-box2 .col05 div img{width:100% !important;}

.sec-box2 .col05 p{ text-align:left;}


.sec-box3 {width:96%;
margin-left:auto;
margin-right:auto;}

.sec-box3 .col05{
	float: left;
	width:100%;
	margin-right:0;
	margin-bottom:20px;}
	
.sec-box3 .col05 h4{background-color:#224D76;
color:#fff;
/*margin-bottom:15px;*/
font-size:120%;
padding:7px;
text-align:center;
font-weight:bold}

.sec-box3 .r0{margin-right:0% !important}

.sec-box3 .col05 div {margin-bottom:5px;}

.sec-box3 .col05 img{width:100%;
}

.sec-box3 .pltx{ text-align:left !important;}

.hachi_p{ width:200px;
margin-left:auto;
margin-right:auto;}

.hachi_p img{ width:100%;}

.sec-box2 .col05 p{ padding-top:7px;
font-size:110%;
line-height:1.6em;
margin-bottom:10px;

}
.sec-box2 .col05 p strong{ font-weight:bold;text-align:left !important}

.sec-box2 .col05 ul{line-height:1.6em;}

.sec-box2 .col05 ul li{
padding-left:1em;
text-indent:-1em;
text-align:left !important}

.sec-box2 .col05 ul span{ color:#dcdcdc}



/*...............................*/


.sec-box2 .col06{
	float: left;
	width:66%;}
.sec-box2 .col06 h4{background-color:#224D76;
color:#fff;
/*margin-bottom:15px;*/
font-size:120%;
padding:7px;
text-align:center;
font-weight:bold}
.sec-box2 .col06 div {margin-bottom:5px;}

.sec-box2 .col06 div img{width:50%;
}

.sec-box2 .busiBox{ border:1px solid #224D76;text-align:center;
padding:15px;
margin-bottom:50px;}

.sec-box2 .busiBox h4{
color:#224D76;
font-size:130%;
text-align:center;
font-weight:bold;
text-align:center;
margin-bottom:15px;}

.sec-box2 .busiBox p{font-size:110%;text-align:center; margin-bottom:20px;}

.sec-box2 .busiBox img{margin-left:auto;
margin-right:auto;
width:837px;}


/*事業所・設備*/
h3.tit04{ width:96%;
margin-left:auto;
margin-right:auto;
font-weight:bold;
font-size:110%;
font-family:"Ro-DB";
line-height:1.5em;
margin-bottom:30px;
}


/*HANADAの取組*/
.sec-box2 .jobBox{ border:1px solid #224D76;text-align:center;
padding:15px;
margin-bottom:50px;}

.sec-box2 .jobBox h4{
color:#224D76;
font-size:120%;
text-align:center;
font-weight:bold;
text-align:center;
margin-bottom:15px;
}

.sec-box2 .jobBox p{font-size:100%;text-align:left; margin-bottom:20px;}

.sec-box2 .jobBox .imgset{margin-left:auto;
margin-right:auto;
width:100%;}

.sec-box2 .jobBox .imgset .lp{width:65%;}
.sec-box2 .jobBox .imgset .rp{width:35%;}

.sec-box2 .jobBox2{
	float:none;
	width:98%;
	margin-right:0;
	margin-bottom:20px;
	padding:1%;
	text-align:left;
	border-bottom:#D1E6D8 1px solid;
	border-right:#D1E6D8 1px solid;
	}
	
.sec-box2 .jobBox2 h4{
color:#224D76;
font-size:120%;
font-weight:bold;
text-align:left;
margin-bottom:5px;
padding-top:5px;
}
	
.sec-box2 .jobBox2 .imgBox1{
	float:left;
	padding-right:15px;
	width:30%;
	margin-bottom:10px;
	}
	
.sec-box2 .jobBox2 .imgBox1 img{ width:100%; height:auto;}

.sec-box2 .col07{
	float:none;
	width:100%;
	text-align:center;
	margin-left:auto;
margin-right:auto;
margin-bottom:20px;}

.sec-box2 .col07 div {margin-bottom:5px;}

.sec-box2 .col07 div img{width:50%;
}

.sec-box2 .col08{
	float:none;
	width:60%;
	margin-bottom:20px;
	text-align:center;
	margin-left:auto;
margin-right:auto;}

.sec-box2 .col08 div {margin-bottom:5px;}

.sec-box2 .col08 div img{width:100%;
}

/*写真2枚の場合*/

.sec-box2 .col09{
	float:none;
	width:100%;
	text-align:center;
	margin-left:auto;
margin-right:auto;
margin-bottom:20px;}

.sec-box2 .col09 div {margin-bottom:10px;}

.sec-box2 .col09 div.rp02 { margin-right:0;}

.sec-box2 .col09 div img{width:100%;
}

.jobTbox{
	width:100%;
	margin-left:auto;
margin-right:auto;
margin-bottom:30px;
	}
.jobTbox th{
	padding: 8px;
	border-right: 1px solid #224D76;
	border-bottom: 1px dotted #224D76;
	width: 25%;
	text-align: right;
	color:#224D76;
	font-weight:bold;
	}

.jobTbox td{
	padding:8px;
	border-bottom: 1px dotted #224D76;
	}
	
.sendbtn a{width:150px;
margin-left:auto;
margin-right:auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color:#69C;
padding:7px;
font-size:140%;
color:#fff;
display:block;
text-align:center;

}

.sendbtn2 a{width:250px;
margin-left:auto;
margin-right:auto;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color:#69C;
padding:7px;
font-size:140%;
color:#fff;
display:block;
text-align:center;

}

/*車両紹介*/

.vehicleTbox{
	width:100%;
	margin-left:auto;
margin-right:auto;
margin-bottom:30px;
border-top: 1px dotted #224D76;
	}
.vehicleTbox th{
	padding: 20px;
	border-right: 1px solid #224D76;
	border-bottom: 1px dotted #224D76;
	border-left: 1px solid #224D76;
	width: 40%;
	text-align: left;
	color:#224D76;
	font-weight:bold;
	}

.vehicleTbox td{
	padding:20px;
	border-bottom: 1px dotted #224D76;
	border-right: 1px solid #224D76;
	text-align:center;
	}



/*お問い合わせ*/


.contentsBox15{text-align: center;
	width:100%;
	padding:0;
	padding-bottom:50px;
	background-color:#E4F3FA;
	margin-bottom:20px;
}

.contentsBox15 .sendBox{
	width:90%;
	margin-left:auto;
margin-right:auto;
text-align:left;
padding:20px;
}

.contentsBox15 h3 {
	background-color:#224D76;
	text-align:center;
	padding:10px;
	color:#fff;
	font-size:110%;
	margin-bottom:20px;
	font-weight:bold
}

.contentsBox15 .sendBox h4{
color:#224D76;
font-size:130%;
text-align:center;
font-weight:bold;
text-align:center;
margin-bottom:15px;}

.contentsBox15 .sendBox p{ text-align:center;font-size:100%; line-height:1.8em}

.contentsBox15 .sendBox p strong{ font-weight:bold; font-size:140%;}

.contentsBox15 .sendBox p span{ color:#0075C2;}


/*フォーム設定-------------------------------------------------*/

.attention{color:#0075C2;}
.w20{ width:}


table.formTable1 {
	width: 100% !important;
	text-align: left;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
}
table.formTable1 th {
	padding: 3px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight: normal;
	vertical-align:middle;
	display:block;
	width:96% !important;
}
table.formTable1 td {
    padding: 3px;
	padding-top:5px;
	padding-bottom:5px;
    border-right: 1px solid #F1F1F1;
    border-bottom: 1px solid #F1F1F1;
	vertical-align:middle;
	display:block;
	width:96% !important;
}

table.formTable1 input { padding:8px;border:0 !important;font-size:100%; text-align:left}
table.formTable1 input.inputbox1{ width:100%}
table.formTable1 input.inputbox2{ width:100%}

table.formTable1 textarea{width:105%; border:0}

table.formTable1 select{
  position: relative;
  padding: 10px;
  width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:none;
font-size:100%;
color:#0075C2;
}

.select-wrap {
    position: relative;
    width: 100%;
	background-color:#fff;
	
}

.select-wrap:after {
  content: "";
    position: absolute;
    right: 10px;
    top: 15px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #0075C2;
    border-left: 2px solid #0075C2;
    transform: translateY(-50%) rotate(
-135deg
);
  font-size: 20px;
  pointer-events: none;
}

table.formTable1 input[type="submit"]{
	text-indent:-99999 !important;
}
	
.formbtn1{
	background-image: url(../../img/top/form_btn01.png);
	width: 60%;
	height: auto;
	text-indent: -99999 !important;
	margin-left: auto;
	margin-right: auto;
	border: none;
	text-decoration: none;
	background-color: transparent;
	cursor : pointer;
	background-size: 100% auto;
	background-repeat: no-repeat;
}



/*フォームエラー・確認ページ*/

#formWrap {
	width:96% !important;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
#formWrap table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
#formWrap table.formTable td,#formWrap table.formTable th{
	border:1px solid #F1F1F1;
	padding:10px;
}
#formWrap table.formTable th{
	width:30%;
	font-weight:normal;
	background:#E4F3FA;
	text-align:left;
}
#formWrap p.error_messe{
	margin:5px 0;
	color:red;
}

#formWrap .formbtn2{
	background-image:url(../../img/top/form_btn02.png);
	width:80% !important;
	height:auto;
	text-indent:-99999 !important;
	margin-left:auto;
margin-right:auto;
border:none;
text-decoration:none;
background-color:transparent;
cursor :pointer;
background-size: 100% auto !important;
background-repeat: no-repeat;}


.btn_area input[type="checkbox"]{
	width:10%;
	font-size:120%;
margin-left:auto;
margin-right:auto;
}


.pageTop {
	position: fixed;
	bottom: 40px;
	right: 10px;
	width: 40px !important;
	height: auto;
	z-index: 100001;
}
.pageTop img {
	width: 100%;
}




}








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


/*タブレット設定*/

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