@charset "UTF-8";
@import url(font-awesome.min.css);
@import url("http://fonts.googleapis.com/css?family=Roboto:500,300");

/* ************************************************ 
*	全般
* ************************************************ */	
/* テキスト装飾 */
body {	
	overflow-x: hidden;
	font-family:arial,"游ゴシック体", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	letter-spacing: 1px;
}
p {
	font-size: 14px;
	line-height: 1.75;
}
p.large {
	font-size: 16px;
}
a,
a:hover,
a:focus,
a:active,
a.active {
	outline: 0;
}

a {
	color: #5FCEC0;
}

a:hover,
a:focus,
a:active,
a.active {
	color: #01B169;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	text-transform: uppercase;
	font-family:arial,"游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-weight: 700;
}

.img-centered {
	margin: 0 auto;
}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: #192024;
		border-radius: 6px;
		border: 0;
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-weight: 300;
		text-transform: uppercase;
		letter-spacing: 0.125em;
		font-size: 0.9em;
		height: 2.85em;
		line-height: 2.85em;
		padding: 0 1.75em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		text-indent: 0.25em;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			background-color: #232d33;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: #0f1315;
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.7em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		.button.big {
			font-size: 1.2em;
			height: 2.65em;
			line-height: 2.65em;
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt {
			background-color: transparent;
			box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.25);
			color: #666f77 !important;
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				background-color: rgba(144, 144, 144, 0.075);
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			.button.alt:active {
				background-color: rgba(144, 144, 144, 0.2);
			}

			input[type="submit"].alt.icon:before,
			input[type="reset"].alt.icon:before,
			input[type="button"].alt.icon:before,
			.button.alt.icon:before {
				color: #bbb;
			}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		.button.special {
			background-color: #5FCEC0;
			color: #ffffff !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			.button.special:hover {
				background-color: #76a9d7;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			.button.special:active {
				background-color: #4e91cb;
			}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		.button.disabled,
		.button:disabled {
			background-color: #555f66 !important;
			box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
			color: #fff !important;
			cursor: default;
			opacity: 0.25;
		}



/*--------------------------------------------------
    +4: Margin Style
==================================================*/
.mt0{ margin-top:0 !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt35{ margin-top:35px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }
.mt60{ margin-top:60px !important; }
.mt70{ margin-top:70px !important; }
.mt80{ margin-top:80px !important; }
.mt100{ margin-top:100px !important; }

.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb35{ margin-bottom:35px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb80{ margin-bottom:80px !important; }
.mb100{ margin-bottom:100px !important; }

.mr0{ margin-right:0px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr30{ margin-right:30px !important; }

.ml0{ margin-left:0px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml30{ margin-left:30px !important; }

/* ************************************************ 
*	グローバルナビ
* ************************************************ */	
.navbar-default {
    border-color: transparent;
    background-color: #fff;
    box-shadow:0px 5px 10px rgba(0,0,0, 0.2);
}
.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: #5FCEC0;
    background-color: #5FCEC0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #5FCEC0;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family:arial,"游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    font-weight: 400;
				font-weight:bold;
    letter-spacing: 1px;
    color:#222; /* 閉じる前段階の文字色 */
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #5FCEC0;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #5FCEC0;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #5FCEC0;
    background-color: #fec503;
}

@media(min-width:768px) {
			.navbar-default {
							padding: 5px 0;
							border: 0;
							background-color: #fff;
							-webkit-transition: padding .3s;
							-moz-transition: padding .3s;
							transition: padding .3s;
			}
			.navbar-default.navbar-shrink .nav li a {
				color:#222;
			}
			.navbar-default .navbar-brand {
							font-size: 2em;
							-webkit-transition: all .3s;
							-moz-transition: all .3s;
							transition: all .3s;
			}

			.navbar-default .navbar-nav>.active>a {
							border-radius: 3px;
			}

			.navbar-default.navbar-shrink {
							padding: 0px 0;
							background-color: #fff;
			}

			.navbar-default.navbar-shrink .navbar-brand {
							font-size: 1.5em;
			}
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #5FCEC0;
		border-radius: 3px;
} /* サブメニューオープン時の背景色 */

/* ************************************************ 
*	フッター
* ************************************************ */	
footer {
    padding: 0 0 1em;
    text-align: center;
}
section#footer-navi {
	   background:#ebeaea; /* d6d6d6 */
				padding:1em 0;
				margin-bottom:2em;
}
#topcontrol {
    position: fixed;
				bottom: 6em;
				right: 25px;
				opacity: 1;
				cursor: pointer;
}
#topcontrol a{
				color:#CCC;
}

body {
    webkit-tap-highlight-color: #fed136;
}

/* inquiry-box */
#inquiry-box {
	border:1px solid #d6d9d5;
	clear:both;
	margin:0px auto;
	padding: 1em 0.5em 1em;
	display:block;
	width:900px;
}
#inquiry-box:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#inquiry-box img{
	float:left;
	margin:5px 25px 5px 0;
}
@media(max-width:768px) {
	#inquiry-box {
		border:none;
		width:auto;
		text-align:center;
	}
	#inquiry-box img{
		float:none;
		margin:5px 0px 5px 0;
	}
	#inquiry-box #footer-rogo {
		display:none;
	}
}


/* ************************************************ 
*	コンテンツ部分
* ************************************************ */	
/* 全般 */
section {
 padding: 100px 0;
}

section.h-nallow {
 padding: 50px 0;
}

section.h-zero {
 padding: 0 0;
}
section h2.section-heading {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 40px;
}

section h3.section-subheading {
    margin-bottom: 75px;
    text-transform: none;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
}

section h3.section-subheading-bold {
				margin-top:-10px;
    margin-bottom: 75px;
    text-transform: none;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 36px;
    font-style: normal;
}

@media(min-width:768px) {
    section {
        padding: 150px 0;
    }
}

section .container {
/*	width:960px; */
}

/* 背景スタイル */
/*style1*/
.style1 h2,
.style1 h3 { color:#192024;}
/*style2*/
.style2 {
	background:#192024;
	color:#c5c7c8;
}
.style2 h2,.style2 h3{
	color:#fff;
}
.style2 .button.alt {
	box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);
	color: #ffffff !important;
	text-decoration:none;
}
.style2 .button.alt:hover {
	background-color: rgba(144, 144, 144, 0.275);
}
/*style3*/
.style3 {
	background:rgb(0,177,106);
	color:#fff;
}
.style3 h2{
	color:rgb(255,232,0);
}
.style3 h3{
	color:rgb(255,232,0);
}
.style3 header.major h2 + p {
			color: #fff;
		}
.style3 .button.alt {
	box-shadow: inset 255 255 255 1px rgba(144, 144, 144, 0.75);
	color: #ffffff !important;
	text-decoration:none;
	border:1px solid #fff;
}
.style3 .button.alt:hover {
	background-color: rgba(247,148,30, 1);
	border:1px solid rgba(247,148,30, 1);
}


/* TOPページ */
section.special {
	text-align: center;
	}

header.major {
	text-align: center;
	margin: 0 0 4em 0;
}
		header.major h2 {
			font-size: 2em;
		}

		header.major h2 + p {
			font-size: 1.5em;
			margin: -1em 0 2em 0;
			line-height: 3em;
			color: #bbb;
		}

		/* TOPページ---Box */

	.box {
		border-radius: 6px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		margin-bottom: 2em;
		padding: 3em 2em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

  /* TOPページ---Icon */

	.ico {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.ico:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.ico > .label {
			display: none;
		}

		.ico.major {
			display: inline-block;
			margin: 0 0 1.25em 0;
			color: #ffffff;
			background: #01B169;
			width: 3em;
			height: 3em;
			font-size: 2em;
			text-align: center;
			line-height: 3em;
			border-radius: 100%;
			box-shadow: 0 0 0 10px #fff, 0 0 0 11px rgba(144, 144, 144, 0.25);
		}

/* ************************************************ 
*	ヘッダ画像-TOPページ
* ************************************************ */	
header {
	text-align: left;
	color: #fff;
	background-attachment: scroll;
}

header .intro-text {
	padding-top: 100px;
	padding-bottom: 50px;
	text-shadow:
	3px 3px 3px rgba(0, 0, 0, 0.6),
	-1px -1px 1px rgba(255, 255, 255, 0.5);
}

header .intro-text .intro-lead-in {
	margin-bottom: 25px;
	font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 22px;
	font-style: italic;
	line-height: 22px;
}

header .intro-text .intro-heading {
	margin-bottom: 25px;
	text-transform: uppercase;
	font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 50px;
	font-weight: 700;
	line-height: 50px;
}
.header-bg {
	height:524px;
	margin-top:50px;
	background-image: url(../images/header-bg01.jpg);
 background-position: center center;
 background-repeat: none;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 background-size: cover;
 -o-background-size: cover;
}
/* subページ */
.header-bg-sub {
	height:330px;
	margin-top:50px;
	background-image: url(../images/header-bg-sub.jpg);
	background-position: center center;
	background-repeat: none;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
.header-bg-sub#company {
	background-image: url(../images/header-bg-sub-company.jpg);
}
.header-bg-sub#adopt {
	background-image: url(../images/header-bg-sub-adopt.jpg);
}
.header-bg-sub#service {
	background-image: url(../images/header-bg-sub-service.jpg);
}
.header-bg-sub#product {
	background-image: url(../images/header-bg-sub-product02.jpg);
}
.header-bg-sub#supply {
	background-image: url(../images/header-bg-sub-supply.jpg);
}
.header-bg-sub#order {
	background-image: url(../images/header-bg-sub-order02.jpg);
}
.header-bg-sub#faq {
	background-image: url(../images/header-bg-sub-faq.jpg);
}
.header-bg-sub#news {
	background-image: url(../images/header-bg-sub-news.jpg);
}
.header-bg-sub#inquiry {
	background-image: url(../images/header-bg-sub-inquiry.jpg);
}
.header-bg-sub#privacy {
	background-image: url(../images/header-bg-sub-privacy.jpg);
}


@media(min-width:769px) {
.header-bg {
	margin-top:50px;
}
header .intro-img {
				position:absolute;
				top:200px;
				left:50%;
				width:750px;
}
header .intro-img02 {
				position:relative;
				top:80px;
				left:0;
				width:100%;
}

header .intro-text {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    header .intro-text .intro-lead-in {
        margin-bottom: 15px;
        font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 1.5em;
        font-style: italic;
        line-height: 1em;
    }

    header .intro-text .intro-heading {
        margin-bottom: 50px;
        text-transform: uppercase;
        font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
        font-size: 4em;
        font-weight: 700;
        line-height: 1.2em;
    }
}
@media(max-width:768px) {
header .intro-img {
	display:none;
}
	header .intro-text .intro-heading {
					margin-bottom: 50px;
					text-transform: uppercase;
					font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
					font-size: 2em;
					font-weight: 700;
					line-height: 1.2em;
	}
    header .intro-text .intro-lead-in {
        font-size: 1em;
        line-height: 1.5em;
    }

}

/* ************************************************ 
*	個別ページ設定
* ************************************************ */	
/* GoogleMap表示 */	
#map {max-width:100%; height:400px;}

/* メールフォーム */
div#trust-form.contact-form table {width: 100%; color:#000; background:#fff; margin-bottom:10px; border:1px solid #666;}
div#trust-form.contact-form table th { width: 40%; background:#eee; border-bottom:#666 1px solid; padding:0 1em; }
div#trust-form.contact-form table td { width: 60%; border-bottom:#666 1px solid; padding:1em;}
div#trust-form.contact-form table td input, div#trust-form.contact-form table td textarea { width: 100%; }
div#trust-form p.status_flow { background-color: #eeeeee; padding: 10px 10px 10px 0;}
div#trust-form p.status_flow.confirm, div#trust-form p.status_flow.done {  padding-left: 20px;}
div#trust-form p strong {  background-color: #00a0e9;  padding: 8px 20px;  color: #ffffff;}

/* 相談フォーム */
div#order-form.contact-form table {width: 100%; color:#000; background:#fff; margin-bottom:10px; border:1px solid #666;}
div#order-form.contact-form table th { width: 40%; background:#eee; border-bottom:#666 1px solid; padding:0 1em; }
div#order-form.contact-form table td { width: 60%; border-bottom:#666 1px solid; padding:1em;}
div#order-form.contact-form table td input, div#trust-form.contact-form table td textarea { width: 100%; }
div#order-form p.status_flow { background-color: #eeeeee; padding: 10px 10px 10px 0;}
div#order-form p.status_flow.confirm, div#trust-form p.status_flow.done {  padding-left: 20px;}
div#order-form p strong {  background-color: #00a0e9;  padding: 8px 20px;  color: #ffffff;}

/*Product List*/
/* TOPページ---Box */
.productbox {
	border-radius: 6px;
	border: solid 1px rgba(144, 144, 144, 0.25);
	margin-bottom: 2em;
	padding: 1em 1em 2em;
}
	.productbox > :last-child,
	.productbox > :last-child > :last-child,
	.productbox > :last-child > :last-child > :last-child {
		margin-bottom: 0;
	}
	.productbox.alt {
		border: 0;
		border-radius: 0;
		padding: 0;
	}
	.productbox h3 {
		font-size:18px;
	}
	
/*Product List製品名のみ*/
.wrapper .container ul.tb_list {
	display:table;
}

.wrapper .container ul.tb_list li {
	float:left;
	list-style:none;
	width:30%;
	margin:1%;
	padding:1%;
	height:3em;
	border:1px solid #fff;
	text-align:center;
}

/*Product List製品名のみ*/
.wrapper .container ul.tb_list2 {
	display:table;
}

.wrapper .container ul.tb_list2 li {
	float:left;
	list-style:none;
	width:30%;
	margin:1%;
	padding:1%;
	height:4em;
	border:1px solid #000;
	text-align:center;
}

.wrapper .container ul.tb_list2 li span {
	font-size:82%;
}

/* サービスのデザイン修飾 */
.minor-box01 h3 {
	line-height:3em; color:#01B169; border-top:3px #01b169 solid; border-bottom:1px #01b169 dotted;
}
.minor-box02 h3 {
	line-height:3em; color: #39F; border-top:3px #39F solid; border-bottom:1px #39F dotted;
}
.minor-box03 h3 {
	line-height:3em; color: #ff8c00; border-top:3px #ff8c00 solid; border-bottom:1px #ff8c00 dotted;
}
.ul-pl0{
	padding-left:1.5em;
	list-style:none;
}
ul.ul-pl0 li:before
{
    position: absolute;
    left: 15px;
    font-family:'FontAwesome';
    content: "\f007";
  }

@media(max-width:768px) {
.wrapper .container ul.tb_list {
	padding-left:0;
}
.wrapper .container ul.tb_list li{
	width:100%;
}
}