@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");

html {
	height: 100%;
	width: 100%;
	min-width:100%;
	font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ';
	margin:0;
	padding:0;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	}

body {
	height: 100%;
	width: 100%;
	margin:0;
	padding:0;
    font-size:62.5%;
    color: #4c4948;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	}
a {
    -webkit-transition: all 0s ease;
    transition: all 0s ease;
    color: #009c75;
}
a:hover{
    opacity: 1;
}
img {border: none;}
.block {display:block;}
.clear {clear: both;}
article,
aside,
footer,
header,
nav,
section {
      display: block;
}
.flexW {
    display:-ms-flexbox;/*IE10*/
    display:-webkit-flex;/*Safari*/
    display:flex;
    -ms-flex-wrap:wrap;/*IE10*/
    -webkit-flex-wrap: wrap; /*Safari*/
    flex-wrap:wrap;
    margin: auto;
}
.flexB {
    display:-ms-flexbox;/*IE10*/
    display:-webkit-flex;/*Safari*/
    display:flex;
    -ms-flex-pack:space-between;/*IE10*/
    -webkit-justify-content:space-between;/*Safari*/
    justify-content:space-between;
    margin: auto;
}
.flexC {
    display:-ms-flexbox;/*IE10*/
    display:-webkit-flex;/*Safari*/
    display:flex;
    -ms-flex-pack:center;/*IE10*/
    -webkit-justify-content:center;/*Safari*/
    justify-content:center;
}

.Tm10 {margin-top: 10px;}
.Tm20 {margin-top: 20px;}
.Tm30 {margin-top: 30px;}
.Tm40 {margin-top: 40px;}
.Tm50 {margin-top: 50px;}


#header {
    width: 100%;
    height: 850px;
    background: url(../img/suzuken_topView.png) center bottom no-repeat;
    background-size: 130%;
    position: relative;
}
#header_puls {
    width: 100%;
    height: 850px;
    background: url(../img/topView_bk.png);
}
.c_name span {
    font-size: 140%;
    letter-spacing: 0.35em;
    padding-left: 10px;
}
.c_name span.overview {
    font-size: 60%;
    letter-spacing: 0.1em !important;
    font-weight: normal;
    display: block;
    padding-left: 0px;
}
header nav {
    width: 100%;
    height: 90px;
}
.subco {
    background: #fff;
	height: 350px;
}
.c_name {
    font-size: 3.2em;
    font-weight: bold;
    color: #fff;
    width: 100%;
    margin: auto;
    padding:25px 0 30px;
    letter-spacing: 0.2em;
    background: #00ac95;
    text-align: center;
}
#Gnavi {
    position: static;
    right: 0;
    top: 0;
    height: auto;
    display:block;
    letter-spacing: 0;
}
#sp_Gnavi {
    display: block;
    background: #fff;
    padding: 25px 0 25px;
}
#Gnavi div {
    display: none;
}
#sp_Gnavi .flexC div {
    width: 109px;
    margin: 0 10px;
}
#Gnavi div a {
}
.guide {
    display: block !important;
    background: #f1e89b !important;
    width: 94% !important;
    height: auto !important;
    color: #00926b !important;
    font-size: 2.5em !important;
    text-align: center;
    padding: 7px 3% 6px;
}
.guide span {
    display: none;
}
.guide h1 {
    font-size: 70%;
    font-weight: normal;
}


#sp_Gnavilist {
    display: none;
    background: #fff;
    border:1px solid #ccc;
    width: 90%;
    margin: auto;
    font-size:2.4em;
    z-index: 1000;
    position: relative;
}
#sp_Gnavilist div {
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding: 3% 0;
}
#sp_Gnavilist div a {
    text-decoration: none;
}



#header div.concept {
    color: #fff;
    font-weight: bold;
    font-size: 2.6em;
    letter-spacing: 0.05em;
    line-height: 1.7em;
    padding: 0;
    width: 100%;
    margin: auto;
    text-align: center;
    position: absolute;
    top:370px;
}

#header div.concept p {
    width: 700px;
    margin: auto;
}
#header div.view {
    width: 94%;
    position: absolute;
    bottom: 20px;
    display:-ms-flexbox;/*IE10*/
    display:-webkit-flex;/*Safari*/
    display:flex;
    -ms-flex-pack:center;/*IE10*/
    -webkit-justify-content:center;/*Safari*/
    justify-content:center;
    padding:0 3%;
}
#header div.view div {
    border: 5px #fff solid;
    margin: 0 7px;
}
#header div.view div:first-child {
    width: 48%;
    height: 200px;
}
#header div.view div:first-child img{
    width: 100%;
    height: 200px;
}
.view_box_s {
  z-index: 2 !important;
}
#view_box {
    width: 48%;
    height: 200px;
    opacity: 1;
    position: relative;
    z-index: 100;
    overflow: hidden;
}
#view_box div {
    width: 150%;
    height: 200px;
    left: -50%;
    position: absolute;
    top: 0;
    z-index: 1;
    -webkit-transition: left 13s linear;
    -o-transition: left 13s linear;
    transition: left 13s linear;
    border:none !important;
}
#view_box div:first-child {
    width: 150% !important;
    height: 200px;
}
#view_box div.anim {
    left: 0%;
}
#view_box div span {
    display: block;
    height: 100%;
    opacity: 0;
    width: 100%;
}
#view_box div span.bgSlide01 {
    background: url(../img/topView01.png) center center no-repeat;
    background-size: 100%;
}
#view_box div span.bgSlide02 {
    background: url(../img/topView02.png) center center no-repeat;
    background-size: 100%;
}
#view_box div span.bgSlide03 {
    background: url(../img/topView03.png) center center no-repeat;
    background-size: 100%;
}



#container {
    width:100%;
    height: auto;
}
.top_wrap {
    display: table;
    margin: auto;
    padding: 50px 0;
}
.processing {
    background: url(../img/m_processing.svg) center top no-repeat;
    background-size: 15%;
    width: 100%;
    padding-top:95px;
    margin: 0 auto;
}
.sale {
    background: url(../img/m_sale.svg) center top no-repeat;
    background-size: 11%;
    width: 100%;
    padding-top:110px;
    margin: 7% auto 0;
}
.processing h2,
.sale h2{
    color: #00ac95;
    font-size: 3.2em;
    letter-spacing: 0.05em;
    text-align: center;
}
.processing ul,
.sale ul {
    padding: 0;
    display: table;
    margin: 4% auto 0;
    line-height: 1.7;
}
.processing li,
.sale li {
    list-style: none;
    font-size: 2.4em;
}
.processing a,
.sale a {
    display: block;
    width: 300px;
    margin:7% auto 4%;
}
.processing a img,
.sale a img {
    width: 300px;
}
.Gbg {
    background: #00ac95;
    width: 100%;
    color: #fff;
}
.information {
    
    padding:0px 0 5px;
}
.information h2 {
    font-size: 3.7em;
    letter-spacing: 0.05em;
    display: table;
    margin: auto;
    padding-bottom: 30px;
}
.information ul {
    display: table;
    margin: auto;
    padding: 0;
}
.information li {
    list-style: none;
    font-size: 2.2em;
    padding: 15px 0;
}
.information a {
    display: inline-block;
    padding-left: 20px;
    font-size: 110%;
    color: #fff;
}
.information a.list {
    text-align: right;
    display: block;
    width: 90%;
    margin:7% auto 0;
}
.information a.list img {
    width: 250px;
}




footer {
    width: 100%;
}
.footer_guide {
    display: table;
    margin: auto;
    padding: 70px 0 50px;
    font-size: 2.2em;
    line-height: 1.7;
}
.footer_guide .plant {
    background: url(../img/topView00.png) no-repeat;
    background-size: 100%;;
    padding:390px 0 0 0;
    height: 160px;
    width: 80%;
    margin: auto;
}
.footer_guide .flexW div:nth-child(2) {
    width: 80%;
    margin: 100px auto 0;
}
.footer_guide .corp_name {
    font-size: 130%;
    color: #00ac95;
    display: block;
    font-weight: bold;
}
.footer_guide .plant a {
    width: 200px;
    display: block;
    margin-top: 20px;
}
.footer_guide .plant a img {
    width: 200px;
}
footer iframe {
    width: 100%;
    height: 670px;
    border: 0;
}
.footer {
    text-align: center;
    width: 100%;
    background: #00ac95;
    color: #fff;
    padding: 20px 0;
}
.f_nav {
    display: table;
    margin:30px auto 30px;
    width: 80%;
}
.f_nav a {
    display: block;
    width: 157px;
    margin: 0 7px;
}
.f_nav a img {
    width: 157px;
}
#copyright {
    width: 100%;
    text-align: center;
    letter-spacing: 0.05em;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #000;
    color: #fff;
    font-size: 1.6em;
}
#page_top {
    width:120px;
    position: fixed;
    bottom:10px;
    right: 20px;
    z-index: 10000;
}
#page_top img {
    width:120px;
}











/*下層ページ*/
#navi {
    width: 100%;
    margin: auto;
}
.pannavi {
    display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
    display:flex;
    -ms-flex-wrap:wrap;/*IE10*/
    -webkit-flex-wrap: wrap; /*Safari*/
    flex-wrap:wrap;
    font-size: 2em;
    padding:20px 5% 20px 5%;
    width: 90%;
    height: auto;
    margin: 3px auto 0;
    background: url(../img/subcontentsBKA.png) no-repeat;
    line-height: 2;
}
#navi h2 {
    background: url(../img/subView_bk.png);
    width: 100%;
    height: 57px;
    color: #00ac95;
    font-size: 3em;
    text-align: center;
    letter-spacing: 0.1em;
    padding-top: 18px;
}
.sub_wrap {
    display: table;
    margin: auto;
    padding: 40px 0;
	width: 100%;
}



/*会社案内*/
.co_talbe {
    display: table;
    margin: auto;
	width: 100%;
}
.co_talbe .th {
    display: block;
    border:1px #ccc;
    border-style: none solid solid solid;
    background: #00ac95;
    color: #fff;
    font-size: 2.2em;
    font-weight: bold;
    padding: 1.5% 2%;
    width: 90%;
    vertical-align: top;
	margin: auto;
}
.co_talbe .td {
    display: block;
    border:1px #ccc;
    border-style: none solid solid solid;
    background: #fff;
    font-size: 2.2em;
    padding: 2.5% 2%;
    width: 90%;
    vertical-align: top;
	margin: auto;
}
.co_talbe .th.first,
.co_talbe .td.first {
    border-top-style:solid;   
}
.co_talbe .td span {
    color: #00ac95;
    font-size: 110%;
    font-weight: bold;
}





/*お知らせ*/
.sub_information ul {
    display: table;
    margin: auto;
    padding: 0 0 70px;
}
.sub_information li {
    list-style: none;
    font-size: 2.2em;
    padding: 7px 0;
}
.sub_information a {
    display: block;
    padding-left: 0px;
    font-size: 110%;
}
.sub_infor_detail {
    width: 90%;
    margin: auto;
    
}
.sub_infor_detail span.date {
    font-size: 2.4em;
}
.sub_infor_detail p {
    font-size: 2.6em;
}
.sub_infor_detail .listback {
    width: 376px;
    margin: 100px auto 0;
}




/*業務内容*/
.sub_gyoumu {
    width:100%;
    margin: auto;
}
.sub_gyoumu_T {
    background: url(../img/G_wrap_t.png) center top no-repeat;
	background-size: 100%;
    width: 96%;
    height: 25px;
	margin: auto;
}
.sub_gyoumu_B {
    background: url(../img/G_wrap_b.png) center bottom no-repeat;
    background-size: 100%;
    width: 86%;
    padding:0 5% 30px;
    margin:0 auto 30px;
}
.sub_gyoumu_title {
    display:table;
    margin:auto;
    padding-top:20px;
}
.sub_gyoumu .m01 {
    background: url(../img/m_processing.svg) left top no-repeat;
    background-size: 100%;
    margin: 5px 10px 0 0;
    width:45px;
    height: 40px;
}
.sub_gyoumu .m02 {
    background: url(../img/m_sale.svg) left top no-repeat;
    background-size: 100%;
    width:30px;
    height: 35px;
    margin: 5px 10px 0 0;
}
.sub_gyoumu h3 {
    font-size: 2.8em;
    color: #00ac95;
    display:block;
}
.sub_gyoumu p {
    margin: 0;
    padding: 20px 0 40px;
    font-size: 2.2em;
    word-break: break-all;
    line-height: 1.9;
}
.m01_list {
    margin: 35px auto 0;
    padding-bottom: 15px;
    min-height: 100px;
    font-size: 2.1em;
}
.m01_list_img {
     background: url(../img/m01_list.svg) no-repeat;
     width:100px;
     background-size:100%;
     margin-right:20px;
}
.m01_list_text {
    display:block;
    width:540px;
}
.m02_list {
    margin: 0 auto 30px;
    padding-top: 0px;
    min-height: 100px;
    font-size: 2.1em;
    display:-webkit-box;/*Android*/
    display:-ms-flexbox;/*IE10*/
    display:-webkit-flex;/*Safari*/
    display:flex;
}
.m02_list_text {
    display:block;
    width:540px;
}
.m01_list h4,
.m02_list h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #00ac95;
    padding-top: 10px;
    display:block;
}
.m01_list h4:first-child {
    padding-top: 0px;
}
.m02_list h4 {
    margin-right:30px;
    line-height:2;
}
.m02_list h4.wid {
    width: 100px;
}
.gyoumu_att {
    background: #7d888a;
    padding: 2%;
    color: #fff;
    font-weight: bold;
    font-size: 2.2em;
    display: table;
    margin: 40px auto 10px;
    text-align: center;
    line-height: 2;
}
.gyoumu_att a {
    color: #fff;
    text-decoration:underline;
}





/*お問い合わせ*/

#forms {
    font-size: 2.2em;
    margin:20px auto 0;
    display: table;
    padding:0 20px;
}
#forms .th {
    float:none;
    width:auto;
    padding-top:4px;
    font-weight: bold;
}
#forms .th.second {
    padding-bottom: 10px;
    padding-top: 20px;
}
#forms .td {
    float: none;
    width: auto;
    font-weight: 200;
}
#forms .td span.names,
#forms .td span.mail,
#forms .td span.zip1,
#forms .td span.addr1,
#forms .td span.select,
#forms .td span.tel {
    display: block;
    color: #f00;
    margin-top: 5px;
}
.required {
    color:#f00;
}
#forms input,
#forms textarea {
    padding: 10px;
    border-radius: 3px;
    border:1px solid #ccc;
    font-size: 1.2em;
}
#forms textarea {
    margin-top: 10px;
}
input.button{
    padding: 6px 10px !important;
    background: #cecece;
    border:none;
}
input.button:hover {
    cursor: pointer;
}
#forms label {
    display: block;
    margin-top: 10px;
}
#forms p.text1 {
    margin-bottom: 30px;
}
#forms .clear {
    margin-bottom: 12px;
}
#forms .w40 {
    width:60px;
}
#forms .w50 {
    width:70px;
}
#forms .w250 {
    width:95%;
}
#forms .w350 {
    width:95%;
}
#forms .hogo {
    font-size: 90%;
    word-break: break-all;
    width:auto;
}
#forms .hogo P {
    margin:0 0 10px;
    text-indent:-1em;
    padding-left:1em;
    font-weight: 200;
}
#forms #kakunin {
    background: url(../img/kakunin.svg) no-repeat;
    background-size: 100%;
    width:400px;
    height: 75px;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
}
#forms #kakunin:hover {
    opacity: 1;
}
#forms #modoru {
    background: url(../img/modoru.svg) no-repeat;
    width:270px;
    height: 75px;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
}
#forms #modoru:hover {
    opacity: 1;
}
#forms #sousin {
    background: url(../img/sousin.svg) no-repeat;
    width:270px;
    height: 75px;
    text-indent: -9999px;
    border: none;
    cursor: pointer;
}
#forms #sousin:hover {
    opacity: 1;
}
.magiodd {
    margin-top: 5px;
}
.thanks {
    font-size: 2.4em;
    padding: 20px 50px 0 50px;
}
.button1 {
    margin: 80px auto 0;
    width:300px;
}
.button2 {
    display: table;
    margin: 50px auto 50px;
}







.wp-pagenavi{
    margin: 60px 0 0 0;
    text-align: center;
    width: 100%;
    color: #888;
}
.wp-pagenavi a.page,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.next,
.wp-pagenavi a.prev,
.wp-pagenavi .current,
.wp-pagenavi .page-numbers{
    display: inline;
    border: 1px solid #ccc;
    padding: 2px 14px;
    font-size: 2.8em;
    margin: 0 5px;
    text-decoration: none;
}
.wp-pagenavi .current {
    background:#009944;
    color:#fff;
}
.wp-pagenavi .pages {
    padding-right: 5px;
}
.wp-pagenavi a.page,
.wp-pagenavi a.page-numbers{
    background:#fff;
}
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.next,
.wp-pagenavi a.prev {
    background:#fff;
}




/*sp個別設定*/
.pc_only {
    display: none;
}
.sp_only {
    display: block;
}