@import url("font-awesome4.7.min.css");
@import url("http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800");
body {
    background: rgba(241,241,241,1.00);
}
body.loading * {
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
    -moz-animation: none !important;
    -webkit-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}
body, input, select, textarea {
    color: #555555;
    font-family: 'Open Sans', sans-serif;
    font-size: 12pt;
    font-weight: 300;
    line-height: 1.65em;
}
/* Form*/



#form .company {
    margin-top: 50px;
}
#form .Email {
    margin-top: 50px;
}
#form .Message {
    margin-top: 50px;
}
/* Form*/




a {
    color: #3A5A0A;
    text-decoration: underline;
}
strong, b {
    font-weight: 700;
}
em, i {
    font-style: italic;
}
p, ul, ol, dl, table, blockquote {
    margin: 0 0 2em 0;
}
p {
    line-height: 1.8em;
}
p.medium {
    font-size: 1.4em;
}
h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-weight: 700;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1.3em;
}
sub {
    font-size: 0.8em;
    position: relative;
    top: 0.5em;
}
sup {
    font-size: 0.8em;
    position: relative;
    top: -0.5em;
}
hr {
    border-top: solid 1px #82b440;
    border: 0;
    margin-bottom: 1.5em;
}
blockquote {
    border-left: solid 0.5em #82b440;
    font-style: italic;
    padding: 1em 0 1em 2em;
}
section.special, article.special {
    text-align: center;
}
header.major {
    padding-bottom: 0.5em;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
}
header.major h2 {
    font-size: 2.6em;
    font-weight: 700;
}
/*2017-10-24追加*/
header.major h3 {
    margin-top: 0.1em;
}
header.major .byline {
    display: block;
    padding-top: 1em;
    letter-spacing: 1px;
    font-size: 1.4em;
}
footer > :last-child {
    margin-bottom: 0;
}
footer.major {
    padding-top: 3em;
}
/* Form */

input[type="text"], input[type="password"], input[type="email"], textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    border: solid 1px #82b440;
    color: inherit;
    display: block;
    outline: 0;
    padding: 0.75em;
    text-decoration: none;
    width: 100%;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    border-color: #82b440;
}
input[type="text"], input[type="password"], input[type="email"] {
    line-height: 1em;
}

	::-webkit-input-placeholder {
 color: inherit;
 opacity: 0.5;
 position: relative;
 top: 3px;
}

	:-moz-placeholder {
 color: inherit;
 opacity: 0.5;
}

	::-moz-placeholder {
 color: inherit;
 opacity: 0.5;
}

	:-ms-input-placeholder {
 color: inherit;
 opacity: 0.5;
}
.formerize-placeholder {
    color: rgba(85, 85, 85, 0.5) !important;
}
/* Image */

.image {
    border: 0;
    position: relative;
}
.image.fit {
    display: block;
}
.image.fit img {
    display: block;
    width: 100%;
}
.image.feature {
    display: block;
    margin: 0 0 2em 0;
}
.image.feature img {
    display: block;
    width: 100%;
}
/* Icon */

.icon {
    position: relative;
}
.icon:before {
    content: "";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-transform: none !important;
}
.icon > .label {
    display: none;
}
/* Lists */

ol.default {
    list-style: decimal;
    padding-left: 1.25em;
}
ol.default li {
    padding-left: 0.25em;
}
ul.default {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.default li {
    padding: 0.40em 0em;
}
ul.icons {
    cursor: default;
    padding-bottom: 2em;
}
ul.icons li {
    display: inline-block;
    line-height: 1em;
    padding: 0.5em 1em;
}
ul.icons li:first-child {
    padding-left: 0;
}
ul.icons li span {
    display: none;
}
ul.icons li a {
    text-decoration: none;
    font-size: 2em;
    color: inherit;
    opacity: 0.2;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
ul.icons li a:hover {
    color: inherit;
    opacity: 1;
}
ul.actions {
    cursor: default;
}
ul.actions:last-child {
    margin-bottom: 0;
}
ul.actions li {
    display: inline-block;
    padding: 0 0 0 1.5em;
}
ul.actions li:first-child {
    padding: 0;
}
ul.actions.vertical li {
    display: block;
    padding: 1.5em 0 0 0;
}
ul.actions.vertical li:first-child {
    padding: 0;
}
ul.special-icons {
    margin: 0em;
    padding: 0em;
}
ul.special-icons > li {
    position: relative;
    padding: 0em 0em 0.50em 0em;
}
ul.special-icons > li:before {
    position: absolute;
    left: 0;
    top: 2em;
    display: block;
    background: none;
    font-size: 2em;
    border-radius: 5px;
}
ul.special-icons > li:first-child {
    border-top: none;
}
ul.special-icons h3 {
    margin-bottom: 0.80em;
    line-height: 2em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2em;
}
ul.special-icons span {
    line-height: 190%;
}
ul.special-icons .fa {
    float: right;
    display: inline-block;
    padding-top: 0.7em;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 1em;
    font-size: 1.4em;
    color: #82b440;
}
ul.special-icons p {
    padding-left: 2.7em;
}
/* Tables */

table {
    width: 100%;
}
table.default {
    width: 100%;
}
table.default tbody tr {
    border-bottom: solid 1px #82b440;
}
table.default td {
    padding: 0.5em 1em 0.5em 1em;
}
table.default th {
    font-weight: 700;
    padding: 0.5em 1em 0.5em 1em;
    text-align: left;
}
table.default thead {
    background: #555555;
    color: #fff;
}
/* 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;
    background: none;
    border-radius: none;
    border: 2px solid;
    border-color: #82b440;
    color: #82b440;
    cursor: pointer;
    display: inline-block;
    padding: 0.90em 1.2em;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.4em;
    -moz-transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
/*2017-1-12*/
 

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover {
    background: #82b440;
    color: white;
}
　 　　　 input[type="submit"].alt, input[type="reset"].alt, input[type="button"].alt, .button.alt {
    border-color: inherit;
    color: inherit;
}
input[type="submit"].alt:hover, input[type="reset"].alt:hover, input[type="button"].alt:hover, .button.alt:hover {
    background: white;
    color: #82b440;
}
input[type="submit"].fit, input[type="reset"].fit, input[type="button"].fit, .button.fit {
    width: 100%;
}
input[type="submit"].small, input[type="reset"].small, input[type="button"].small, .button.small {
    font-size: 0.8em;
}
/* Wrapper */

.wrapper {
    padding: 6em 0em 4em 0em;
}
/*2017-10-22追加上とのマージン　margin: -6em 0;*/
.wrapper.contact-com0empany {
    margin: -6em 0 -4em;
}
.wrapper.SABstyle {
    padding: 1em 0em 0em 0em;
    border-top: 8px solid #5A7C0D;
}
.wrapper.SABstyle #header {
    background-color: #fff;
    color: rgba(70,70,70,1.00);
    height: 5em;
}
.wrapper.style1 {
    padding: 0em;
    background-size: cover;
}
.wrapper.nav_list {
    padding-left: 9em;
    padding-top: 0.5em;
    padding-bottom: 0em;
    text-align: left !important;
    border-top: #7C7C7C solid 1px;
}
.wrapper.nav_list p a {
    padding: 0em 0.5em;
}
.wrapper.style2 {
    background: #f2f2f2;
    text-align: left !important;
    padding-top: 0em;
}
.wrapper.style2 .major h2 {
    display: block;
    margin-bottom: 0.70em;
    letter-spacing: 1px;
    line-height: 1.4em;
    text-transform: uppercase;
    font-size: 1.8em;
    font-weight: 400;
}
.wrapper.style2 .major .byline {
    letter-spacing: normal;
    line-height: 1.6em;
    text-transform: capitalize;
    font-size: 1.4em;
}
.wrapper.style2 h3 {
    display: block;
    margin-bottom: 1em;
    letter-spacing: 1px;
    line-height: 1.4em;
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 400;
}
/*2017-10-21変更height:1080px→800pxへ*/
.wrapper.style3 {
    padding-top: 3em;
    padding-bottom: 2em;
    background-image: url( ../img/backGround/wrapper-style3-KAN.jpg);
    background-repeat: no-repeat;
    height: 800px;
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 3em;
    text-align: center;
    text-transform: uppercase;
    background-size: cover;
    font-size: 1.5em;
    color: white;
}
.homepage .wrapper.style3 .container.mastar {
    display: inline-block;
}
section .container.mastar .kan-mastar {
    margin-left: 65%;
    padding-top: 10px;
    padding-bottom: 0;
    padding-right: 0;
}
.wrapper.style4 {
    background-color: #fff;
    padding-top: 4em;
    padding-bottom: 3em;
    height: 100%;
}
.wrapper.style4 h3 {
    color: #262626;
}
.wrapper.style4SAB4 {
}
/* 施工実績の背景画像　*/

#machin {
    background-color: #E9E9E9;
    background-image: linear-gradient(white 1px, transparent 1px), linear-gradient(90deg, white 1px, transparent 1px), linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
 
}
/* 会社概要の背景画像　*/

#company {
    background-color: #E9E9E9;
    background-image: linear-gradient(white 1px, transparent 1px), linear-gradient(90deg, white 1px, transparent 1px), linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;

}
/* お問い合わせの背景画像　*/

#form-content {
    background-color: #E9E9E9;
    background-image: linear-gradient(white 1px, transparent 1px), linear-gradient(90deg, white 1px, transparent 1px), linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
 
}
/* /お問い合わせの背景画像  */

.wrapper.style5 {
    background: #82b440;
    text-align: center;
    color: white;
}
.wrapper.style5 .image {
    display: block;
    width: 60%;
    margin: 0em auto 2em auto;
}
.wrapper.style5 .image img {
    border-radius: 10%;
    border: 10px solid;
    border-color: white;
}
.wrapper.service {
    background-image: url(../img/backGround/service-backMIX1200-1800.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
    padding-top: 4em;
}
.wrapper.machin {
    background-image: url(../img/backGround/company-back1200-1800.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
    padding-top: 4em;
}
.wrapper.style7 {
    background: #82b440;
    text-align: center;
    color: white;
}
.wrapper .form {
    margin: 0 auto;
}
/*=========================*/
/* Timeline */
/*=========================*/
#tline {
    padding-bottom: 10px;
}
.tline-holder {
    margin: 0 auto;
    padding: 0px;
    padding-top: 20px;
    width: 100%;
    position: relative;
    overflow: hidden;
    list-style: none;
}
.tline-holder:before {
    background: #e4e4e4;
    content: "";
    left: 50%;
    top: 20px;
    bottom: 0px;
    position: absolute;
    width: 1px;
    margin-left: -1px;
    height: 9999px;
}
/* 2017-2-9 施工実績のtline-holder　*/

.machin-menu.tline-holder:before {
    background: #B7B7B7;
    content: "";
    left: 50%;
    top: 20px;
    bottom: 0px;
    position: absolute;
    width: 1px;
    margin-left: -1px;
    height: 9999px;
}
/* /2017-2-9 施工実績のtline-holder　*/

.company-menu.tline-holder:before {
    background: #B7B7B7;
    content: "";
    left: 50%;
    top: 20px;
    bottom: 0px;
    position: absolute;
    width: 1px;
    margin-left: -1px;
    height: 9999px;
}
/* form.tline-holderの左側縦線　2017-2-2 */

.wrapper.form.tline-holder.left:before {
}
/* 2017-2-2 */
ul .tline-holder>li {
    width: 100%;
    float: left;
    display: inline-block;
}
/*201710月22日61.5% 80%*/
.tline-item-content {
    width: 61.5%;
}
.tline-item-content-service {
    width: 61.5%;
    margin-bottom: 18em;
}
.tline-item-txt {
    position: relative;
    padding: 20px;
    background: #fff;
    border: 1px solid #e4e4e4;
    margin-top: -20px;
}
.tline-item-txt h3 {
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 10px;
    font-weight: 700;
    color: #333;
}
.tline-item-txt .meta {
    color: #999;
}
/* service*/

.tline-item-txt .meta-service {
    border: 0;
    height: 0;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
    border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
/* service end */
.tline-item-left .tline-item-content:hover .date-icon, .tline-item-right .tline-item-content:hover .date-icon {
    -webkit-animation: pulse .3s;
    animation: pulse .3s;
}
.tline-item-left {
    float: left;
    position: relative;
}
.tline-item-left .tline-item-content {
    float: left;
}
.tline-item-content .tline-item-txt.text-right .company-text {
    border-bottom: #636363 dotted 1px;
    padding-bottom: 1.5em;
    color: #215B01;
}
.tline-item-content .tline-item-txt.text-left .company-text {
    border-bottom: #636363 dotted 1px;
    padding-bottom: 1.5em;
    color: #215B01;
}
.tline-item-left .tline-item-txt {
    margin-right: 60px;
}
.tline-item-left .date-icon {
    margin-right: -20px;
    float: right;
    background-color: #303543;
    color: #fff;
}
.tline-item-right {
    float: right;
    position: relative;
}
.tline-item-right .tline-item-content {
    float: right;
}
.tline-item-right .tline-item-txt {
    margin-left: 60px;
}
.tline-item-right .date-icon {
    margin-left: -20px;
    float: left;
}
.tline-item-txt:before, .tline-item-txt:after {
    content: " ";
    position: absolute;
    top: 24px;
    display: block;
    width: 0;
    height: 0;
    border-top: solid 15px transparent;
    border-bottom: solid 15px transparent;
}
.tline-item-left .tline-item-txt:before, .tline-item-left .tline-item-txt:after {
    right: -18px;
    border-left: solid 20px #fff;
}
.tline-item-left .tline-item-txt:before {
    right: -20px;
    border-left-color: #e4e4e4;
}
.tline-item-right .tline-item-txt:before, .tline-item-right .tline-item-txt:after {
    left: -18px;
    border-right: solid 20px #fff;
}
.tline-item-right .tline-item-txt:before {
    left: -20px;
    border-right-color: #e4e4e4;
}
/* service */
.tline-item-content-service .service {
    font-size: 1.3em;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
/* tline 2017-2-9 end*/


/* Header */
   
#header top {
    background-color: rgba(237,237,237,1.00);
　　
}
#header {
    color: #fff;
    height: 4em;
    background: rgba(135,135,135,1.00);
}
#header .container {
    position: relative;
}
.homepage #logo {
    display: none;
}
.homepage #nav {
    position: static;
    right: none;
    text-align: center;
}
.nav {
    position: relative;
}
.Kan.company {
    position: absolute;
    left: 20px;
}
.nav-contact {
    position: absolute;
    right: 50px;
    top: 10px;
    width: 200px;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 8px 0 10px;
    color: rgba(29,29,29,1.00);
}
.nav-contact .contact {
    color: rgba(27,57,1,1.00);
    text-decoration: none;
}
.nav-phone {
    position: absolute;
    right: 20px;
    top: 25px;
}
.dl__Content a {
    color: rgba(27,57,1,1.00);
}
#logo {
    line-height: 2em;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 400;
}
#logo h1 {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.wrapper .SABstyle h1 #logo {
    margin: 0;
    padding: 0;
}
#logo a {
    color: inherit;
}
#nav {
    position: absolute;
    top: 0;
    right: 0;
}
#nav > ul {
    margin: 0;
}
#nav > ul > li {
    border-radius: 4px;
    display: inline-block;
    margin-left: 0.5em;
    padding: 0em;
    height: 40px;
    width: 140px;
    margin-top: 12px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
#nav > ul > li+ li {
    border-left: 0;
    border-right: 1px solid #fff;
}
#nav > ul > li a {
    color: inherit;
    line-height: 2.8em;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1em;
}
#nav > ul > li:first-child {
    margin-left: 0;
}
#nav > ul > li.active a {
    color: white;
    font-size: medium;
}
#nav > ul > li > ul {
    display: none;
}
/* nav sab */
.container #nav .nav.sab {
    padding-top: 0em;
}
#nav .nav.sab li {
    margin-left: -1em;
}
#nav .nav.sab li a {
    text-align: center;
}
/* nav sab end */





/* Dropotron */

.dropotron {
    top: 2em;
    background: rgba(32, 32, 32, 0.75);
    border-radius: 4px;
    color: inherit;
    min-width: 12em;
    padding: 1em 0;
    color: white;
}
.dropotron > li {
    line-height: 2em;
    padding: 0 1em;
}
.dropotron > li > a {
    color: inherit;
    letter-spacing: 2px;
    text-decoration: none;
    text-transform: uppercase;
}
.dropotron > li.active > a, .dropotron > li:hover > a {
    color: inherit;
}
.dropotron.level-0 {
    border-radius: 0 0 4px 4px;
    font-size: 1em;
    margin-left: -0.5em;
}
/* container */
section.area-News {
    margin: 0 auto;
}
/* Banner */

#banner {
    height: 650px;
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 3em;
    text-align: center;
    text-transform: uppercase;
    color: white;
    padding-top: 77px;
    background: #222222 url(../images/sloder/banner.jpg) no-repeat;
    background-size: cover;
}
#banner .container {
    padding: 8.2em 6em;
}
#banner h2 {
    display: inline-block;
    background: rgba(115,181,15,1.00);
    opacity: 0.7;
    font-size: 2em;
    font-weight: 400;
    padding: 0.50em 0.30em;
}
#banner span, #banner p {
    display: block;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 300;
}
#banner span {
    padding: 1em 0em;
}
.dl_Horizon dd .news {
    color: #2D4D04;
    text-decoration: underline;
}
/* Main */

#main {
    padding: 4em 0;
}
#main #content .major, #main #sidebar .major {
    text-align: left;
}
#main #sidebar section {
    margin-top: 4em;
}
#main #sidebar section:first-child {
    margin-top: 0;
}
#main #sidebar .major {
    padding-bottom: 2em;
}
#main #sidebar .major h2 {
    font-size: 1.8em;
}
/*-- heading_Link 2017-1-6追加（削除） --*/
.heading_Link {
    margin: 0 0 10px 0;
    line-height: 1.3;
    font-size: 1.25rem;
    font-weight: normal;
    color: #333333;
}
.heading_Link a {
    color: #333333;
    text-decoration: none;
    word-wrap: break-word;
    overflow: hidden;
}
.heading_Link a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 21px;
    vertical-align: middle;
    background: url(../img/icon/icon_link_arrow.png) no-repeat 100% 0;
    -webkit-background-size: 10px 16px;
    background-size: 10px 16px;
}
.heading_Link a:hover {
    color: #008486;
    text-decoration: none;
}
.heading_Link a[target="_blank"]:not(.js-link--None):after, .heading_Link a[target="_blank"]:not(.icon--Modal):after {
    width: 20px;
    height: 19px;
    background: url(/cmn/img/icon/icon_link_blank_large.png) no-repeat 100% 0;
    -webkit-background-size: 16px 14px;
    background-size: 16px 14px;
}
/*-- heading_Link--isMedium --*/
.heading_Link--isMedium {
    margin: 0 0 10px 0;
    line-height: 1.3;
    font-size: 1.125rem;
    font-weight: normal;
}
.heading_Link--isMedium a {
    color: #333333;
    text-decoration: none;
    word-wrap: break-word;
    overflow: hidden;
}
.heading_Link--isMedium a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 17px;
    vertical-align: middle;
    background: url(../img/icon/icon_link_arrow.png) no-repeat 100% 0;
    -webkit-background-size: 9px 14px;
    background-size: 9px 14px;
}
.heading_Link--isMedium a:hover {
    color: #008486;
    text-decoration: none;
}
/*-- heading_Link--isSmall --*/
.heading_Link--isSmall {
    margin: 0 0 10px 0;
    line-height: 1.3;
    font-size: 1rem;
    font-weight: normal;
}
.heading_Link--isSmall a {
    color: #333333;
    text-decoration: none;
    word-wrap: break-word;
    overflow: hidden;
}
.heading_Link--isSmall a:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 17px;
    vertical-align: middle;
    background: url(../img/icon/icon_link_arrow.png) no-repeat 100% 0;
    -webkit-background-size: 9px 14px;
    background-size: 9px 14px;
}
.heading_Link--isSmall a:hover {
    color: #008486;
    text-decoration: none;
}
/*-- heading_Line --*/
.heading_Line {
    padding: 27px 0 0 0;
    border-top: 2px solid #00a8a9;
}
/* 白背景のブロック要素 */


.area-Products img {
}
.media_Img a img {
    transition: all 0.5s ease;
    border: none;
    text-decoration: none;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.media_Img a {
    color: #000;
}
.box_Big .media_Img a:hover, .media_Img a:focus {
    color: #eb3812;
    opacity: 1;
    filter: alpha(opacity=100);
}
.media_Img a:hover, .media_Img a:focus {
    color: #eb3812;
    opacity: 0.7;
    filter: alpha(opacity=70);
}
/* machin2017-2-6*/
.container div.fMoreBtn {
    position: absolute;
}
.container #BtnTop01 {
    margin-left: 0px;
    margin-top: -45px;
}
/* machin 2017-2-9 */
.container .machin-menu .box {
    display: inline-block;
}
.machin-menu.tline-holder .tline.space .machin-content-left {
    display: inline-block;
    width: 50%;
    font-size: 15px;
    text-align: right;
}
.machin-menu.tline-holder .tline.space .machin-content-image {
    display: inline-block;
    width: 50%;
    font-size: 15px;
    text-align: center;
}
.tline.space .machin-content-left .machin-content-menu {
    display: inline-block;
    width: 390px;
    text-align: right;
    padding-right: 20px;
}
.machin-content-left .machin-content-menu .machin-coment-copy {
    font-weight: 400;
    font-size: 1.2em;
    color: #0094b6;
}
/* */

.machin-menu.tline-holder .tline.space .machin-content-right {
    display: inline-block;
    width: 50%;
    font-size: 15px;
    text-align: left;
}
.tline.space .machin-content-right .machin-content-menu {
    display: inline-block;
    width: 390px;
    text-align: left;
    padding-left: 20px;
}
.machin-content-right .machin-content-menu .machin-coment-copy {
    font-weight: 400;
    font-size: 1.2em;
    color: #0094b6;
}
.container .machin-menu.tline-holder .tline.space {
    margin-top: 80px;
}
/* machin2017-2-6 end*/

.box {
    background-color: #fff;
    margin: 5em 3em;
    display: block; /*ブロック化重要！*/
    border: 3px solid #e6e6e6;
    text-align: right;
    width: 355px;
    height: 280px;
}
.box_end_light {
    background-color: #fff;
    margin: 13em 3em 0em 3em;
    display: block; /*ブロック化重要！*/
    border: 3px solid #e6e6e6;
    text-align: right;
    width: 355px;
    height: 290px;
}
.box_Big {
    margin: 5em 3em;
    background-color: antiquewhite;
    display: block; /*ブロック化重要！*/
    border: 3px solid #e6e6e6;
    text-align: right;
    opacity: 1;
    background: rgba(253,247,191,1.00);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    width: 355px;
    height: 290px;
}
.box_Big_green {
    margin: 5em 3em;
    display: block; /*ブロック化重要！*/
    border: 3px solid #e6e6e6;
    text-align: right;
    opacity: 1;
    background: rgba(203,229,179,1.00);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    width: 355px;
    height: 290px;
}
/* Form*/
#form .name {
    background: #fff;
}
#form .company {
    background: #fff;
    margin-top: 50px;
}
.wrapper.form #form {
    width: 650px;
    text-align: center;
    margin: 0 auto;
}
#form .Email {
    background: #fff;
    margin-top: 50px;
}
#form .Message {
    background: #fff;
    margin-top: 50px;
}
.form-group {
    margin-top: 2em;
}
/* Footer */

#footer {
    margin: 0 auto;
    height: 900px;
    padding: 4em 0 0 0;
    text-align: center;
    color: #fff;
    background-color: #6B6B6B;
    background-image: url( ../img/backGround/footer-backLEFT1500-900.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}
#footer .container {
    padding-bottom: 0em;
    padding-top: 28em;
}
.homepage #footer #TATE {
    text-align: left;
}
#footer hr {
    border-bottom: 1px solid;
    border-color: inherit;
    opacity: .05;
}
#footer .major h2 {
    color: inherit;
}
#footer .major .byline {
    color: #F9DAAD;
    opacity: .90;
    font-size: 1.5em;
}
#footer .copyright {
    text-align: center;
}
/* Copyright */

#copyright {
    position: relative;
    text-transform: uppercase;
    text-align: center;
    color: inherit;
    opacity: .80;
}
#copyright a {
    text-decoration: none;
    color: inherit;
}
#footer #page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#footer #page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 90px;
    padding: 20px 0px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#footer #page-top a:hover {
    text-decoration: none;
    background: #999;
}
.fa-angle-up:before {
    content: "\f062";
}
/* Extra */

#extra1 h2 {
    display: block;
    margin-bottom: 1em;
    letter-spacing: 1px;
    line-height: 1.4em;
    text-transform: uppercase;
    font-size: 1.8em;
    font-weight: 400;
}
#extra1 h3 {
    display: block;
    margin-bottom: 1em;
    letter-spacing: 1px;
    line-height: 1.4em;
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 400;
}
/* Team */

#team h3 {
    margin-bottom: 0.50em;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
}
.homepage #header1 {
    width: auto;
    height: 5em;
}
#funfacts .major .byline {
    width: 593px;
}
#main {
}