/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{
    color:#000;background:#FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
    margin:0;padding:0;
}
table{
    border-collapse:collapse;border-spacing:0;
}
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,th,var{
    font-style:normal;font-weight:normal;
}
li { list-style:none; } caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
    font-size:100%;font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{ border:0;font-variant:normal; }
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{ font-family:inherit;font-size:inherit;font-weight:inherit; }
input,textarea,select{ *font-size:100%; }
legend{ color:#000; }.sm-slider li div h3 {
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
font-size: 160px;
padding: 0 30px;
line-height: 120px;
color: rgba(255, 255, 255, 0.8);
margin: 0;
margin-bottom: 0.3em;
}/*
Theme Name: yamamoto_unyu
Description:山本運輸
Version: 0.9
Author: 株式会社ピーナッツ
Author URI: http://www.peanuts-co.jp
*/

img {
    vertical-align: bottom;
}

picture.alignleft {
    display: block;
    float: initial;
    margin: 0 auto;
    text-align: center;
}

.home #bnc {
    display: none;
}

.single #bnc {
    position: relative;
    top: 57px;
}

div#bnc {
    margin-bottom: -20px;
}

/* clearfix定義 */
.clearfix {
    zoom: 1;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

html,
body {
    height: 100%;
}

a,
a:hover {
    text-decoration: none;
}

a:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
}

a:hover img {
    opacity: 0.6;
    -webkit-transition: all .5s;
    transition: all .5s;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    color: #2E2C2C;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    color: #2E2C2C;
}
h3.under_line {
    border-bottom: 1.5px solid #2E2C2C;
    padding-bottom: 3px;
    margin-bottom: 10px;
}

/* レイアウト */

.flex,
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media screen and (max-width:980px) {
    .d-flex {
        justify-content:space-between;
    }
}

.flex-col {
    -ms-flex-direction: column;
    flex-direction: column;
}

.a_c {
    align-items: center;
}
.halfbox {
    width: 48%;
    box-sizing: border-box;
}

body {
    position: relative;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.home {
    /*background: #FFF;*/
}

.home header {
    /*background: rgba(0, 0, 0, 0.6);*/
}

#wrapper {
    width: 100%;
    min-height: 100%;
    position: relative;
    background-attachment: fixed;
    /*background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/bg/top_img.jpg);*/
}

.page #wrapper img {
    display: block;
    position: relative;
}

.page #wrapper {}

body>#wrapper {
    height: auto;
}

#page_main {
    display: block;
    box-sizing: border-box;
}

@media screen and (max-width: 980px) {
    #page_main {
        padding: 0 20px;
        width: auto !important;
    }
}

#bnc,
#transportation #page_main,
#warehouse,
#crawler,
#lifestyle #page_main,
#president,
.single #page_main,
.category #page_main,
.error404 #page_main,
#environmental #page_main{
    display: block;
    width: 980px;
    height: auto;
    margin: auto;
}

@media screen and (max-width: 980px) {
#bnc,
#transportation #page_main,
#warehouse,
#crawler,
#lifestyle #page_main,
#president,
.single #page_main,
.category #page_main,
.error404 #page_main,
#environmental #page_main {
    width: 100%;
    box-sizing: border-box;
}
}

.error404 #page_main {
    padding-top: 100px;
    height: 68vh;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.gap10 {
    gap: 10px;
}

@media screen and (max-width:980px) {
    .gap10 {
        gap: 20px;
    }
}

/***************topページ************************/

/*ヘッダー*/

#header_container {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}

.header_box {
    display: block;
    width: 100%;
    position: fixed;
    z-index: 30;
    background: rgba(255, 255, 255, 1);
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/bg/nav_bar.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/bg/nav_bar.png);
    background-repeat: repeat-x, repeat-x;
    background-position: top, bottom;
    left: 0;
    top: 0;
    /*  height: 48px;*/
}

.header_img_container {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}

.header_img_container img {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}

/*メニュー*/

nav {
    max-width: 100%;
}

#menu-head_nav {
    display: block;
    text-align: center;
    max-width: 950px;
    height: 48px;
    margin-left: 20px;
}

#menu-head_nav a::after {
    content: '　／';
}

.nav_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 1400px;
    height: auto;
    margin: auto;
}

.menu-head_nav-container {
    display: block;
    /*max-width:748px;*/
    /*width: 760px;*/
}

#menu-head_nav li {
    display: block;
    margin-right: 10px;
    margin-top: 11px;
    float: left;
}

.header_info_box {
    width: 170px;
    height: 48px;
    float: right;
}

.header_fb {
    display: none;
    width: 21px;
    height: 21px;
    float: left;
    margin-top: 14px;
}

.header_fb_q_a {
    display: block;
    width: 91px;
    height: auto;
    margin-left: 50px;
    margin-top: 4.5px;
}

.header_img_box {
    display: table;
    width: 100%;
    height: 90vh;
    position: relative;
}

.top_img_concept {
    display: block;
    width: 100%;
    height: 550px;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/bg/top_concept.png);
    background-repeat: no-repeat;
    background-position: 50% 190px;
    z-index: 20;
}

.logo {
    display: block;
    width: 158px;
    height: 26px;
    float: left;
    margin-top: 10.5px;
    margin-left: 10px;
    margin-right: 20px;
}

.menu-head_nav-container a {
    color: #2B2828;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

.menu-head_nav-container a:hover {
    color: #151A8A;
}

/**********************新着********************/

.home .news_container {
    background-color: rgba(255, 255, 255, 1.00);
    padding: 10px;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.news_container>li {
    display: inline-block;
    vertical-align: middle;
}

.news_container li {
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
}

.news_post_container {
    width: 90%;
    margin: 30px auto;
    background-color: white;
    padding-bottom: 80px;
}

.news_post_container .news_container {
    border-bottom: rgba(102, 102, 102, 1.00) 1px dashed;
    width: 90%;
}

.post_img img {
    margin-bottom: 0;
}

.img_box_center {
    display: inline-block;
    height: 80px;
    overflow: hidden;
    position: relative;
    width: 100px;
    border-radius: 10px;
    vertical-align: top;
}

.img_box_center img {
    bottom: -100%;
    height: auto;
    left: -100%;
    margin: auto;
    position: absolute;
    right: -100%;
    top: -100%;
    width: 120px;
}

.more_btn {
    float: right;
    margin: 20px 20px 0 0;
}

.more_btn a {
    display: block;
    padding: 5px 10px;
    background-color: rgba(0, 0, 0, 1.00);
    color: rgba(255, 255, 255, 1.00);
}

.single #page_main {
    padding-top: 80px;
}

.navigation {
    margin-top: 60px;
}

/*コンテンツ部*/

#main {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
    padding-bottom: 30px;
    /*background: rgba(0, 0, 0, 0.6);*/
}

.container2 {
    display: block;
    width: 100%;
    height: auto;
    margin: 0px auto 0px;
}

#container {
    display: block;
    width: 980px;
    height: auto;
    margin: auto;
}

.content_info {
    display: block;
    max-width: 980px;
    height: auto;
    padding-top: 15px;
    margin: 0px auto 30px;
}

/*************************カテゴリページ************************/

.category #page_main {
    padding-top: 80px;
}

.category .article_title {
    font-weight: bold;
}

.post_txt {
    margin: 10px 0;
}

.readmore {
    float: right;
}

/*各ページ見出し用*/

.contents_title {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/topics_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title1 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title2 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/contact_mail_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title3 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/contact_tel_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title4 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/ex_busi_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title4_5 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/warehousing_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title5 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/crawler_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title6 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/cost_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title7 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title8 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/company_pre.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title9 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/rinen_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title10 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/pro_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title11 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/access_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title12 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/lifestyle_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title13 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/laundry_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title14 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/campervan_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.contents_title15 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/rv_ico.png), url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.article_title2 {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/title/title_bar.png);
}

.article_title2,
.contents_title,
.contents_title1,
.contents_title2,
.contents_title3,
.contents_title4,
.contents_title4_5,
.contents_title5,
.contents_title6,
.contents_title7,
.contents_title8,
.contents_title9,
.contents_title10,
.contents_title11,
.contents_title12,
.contents_title13,
.contents_title14,
.contents_title15 {
    font-size: 18px;
    font-weight: bold;
    line-height: 52px;
    padding-left: 10px;
    color: #2E2C2C;
    height: 52px;
    background-repeat: no-repeat;
    background-position: 97% 50%;
}

.contents_title1 {
    background-position: 50% 50%;
}

/******************************/

.staff_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 60px;
    border: #FFF 2px solid;
    box-sizing: border-box;
}

.staff_box li {
    width: 416px;
    background-color: rgba(255, 255, 255, 1.00);
    border: 2px solid #292929;
    box-sizing: border-box;
    margin-bottom: 23px;
}

.staff_box li:nth-child(even) {
    margin-left: 23px;
}

.staff_box li:last-child {
    margin-bottom: 0;
}

.staff_box li.wide {
    width: 855px;
    margin-left: 0;
}

.gray_ol img {
    display: block;
    border: 2px solid #292929;
}

.staff_box li:hover {
    background-color: rgba(255, 255, 255, 1.00);
}

.staff_box li img {
    margin-bottom: 0;
}

/*Q&A*/

.content_info_q_a ul {
    font-size: 0;
    margin-bottom: 30px;

}

.content_info_q_a li {
    display: inline-block;
    background-color: rgba(255, 255, 255, 1.00);
}

.content_info_q_a li:hover {
    background-color: rgba(255, 255, 255, 1.00);
}

.content_info_q_a img {
    margin: 0;
}

/*お問い合わせ*/

.contact_mail_form {
    display: block;
    width: 100%;
    height: auto;
    background: #FFF;
    padding: 30px 45px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contact_mail_form table {
    margin: 0 auto;
}

#confirm-button {
    margin-bottom: 60px;
    margin-top: 15px;
    text-align: center;
}

.contact_tel_no,
.contact_info {
    color: #FFF;
    background: rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
    padding: 10px;
}

#trust-form th {
    background: #FFF;
    color: #55555F;
    font-weight: none;
    font-size: 12px;
    border: none;
}

div#trust-form.contact-form table td,
div#trust-form.contact-form table th {
    border-bottom: none;
}

#trust-form .submit-container input[type="submit"] {
    background: #333333 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px;
    margin-bottom: 10px;
}

/*お問い合わせContactForm7*/
.wpcf7-form th {
    background: #FFF;
    color: #55555F;
    font-weight: none;
    font-size: 12px;
    border: none;
}

div.wpcf7-form.contact-form table td,
div.wpcf7-form.contact-form table th {
    border-bottom: none;
}

.wpcf7-form .submit-container input[type="submit"] {
    background: #333333 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px;
    margin-bottom: 10px;
}

/**************運輸業務/倉庫ページ**************/

#warehouse h2 {
    margin-top: 30px;
}

.delivery_comment {
    display: block;
    width: 600px;
    float: left;
}

.comment_flame {
    display: block;
    max-width: 982px;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/content/unyusouko_flame.png);
    background-repeat: no-repeat;
    background-size: contain;
}

/*社員運輸フレーム*/

/*#transportation .comment_img {
	display:block;
	width:473px;
	height:auto;
	float:left;
	margin-top:1px;
	margin-left:1px;
}
#transportation .comment_box {
	display:block;
	max-width:500px;
	height:auto;
	float:right;
}
#transportation .comment_title {
	display:block;
	width:90%;
	border-bottom:#2E2C2C 2px solid;
	float:right;
    padding-right:20px;
	margin-top:25px;
	margin-bottom:10px;
}
#transportation .comment_txt {
	display:block;
	width:90%;
	height:auto;
	padding-right:20px;
	float:right;
}*/

/*社員倉庫フレーム*/

/*#warehouse .comment_img {
	display:block;
	width:473px;
	height:auto;
	float:left;
	margin-top:1px;
	margin-left:1px;
}
#warehouse .comment_box {
	display:block;
	max-width:500px;
	height:auto;
	float:right;
}
#warehouse .comment_title {
	display:block;
	width:90%;
	border-bottom:#2E2C2C 2px solid;
	float:right;
    padding-right:20px;
	margin-top:25px;
	margin-bottom:10px;
}
#warehouse .comment_txt {
	display:block;
	width:90%;
	height:auto;
	padding-right:25px;
	float:right;
}
*/

/**************クローラー修理事業ページ************************/

.crawler_info {
    display: block;
    max-width: 980px;
    height: auto;
    padding-top: 15px;
    margin: 30px auto 30px;
    border: #2E2C2C 2px solid;
    background: #FFF3D0;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow_mark.png);
    background-repeat: no-repeat;
    background-position: 50% 60%;
}

.flow_no {
    display: block;
    width: 215px;
}

.flow_img {
    display: block;
    margin: 30px 0 0 30px;
}

.cost_box1 {
    display: block;
    width: 380px;
    min-height: 370px;
    float: left;
}

.cost_box3 {
    display: block;
    width: 380px;
    min-height: 370px;
    float: right;
    margin-right: 30px;
    padding-top: 42px;
}

.cost_box4 {
    margin-top: 12px;
    text-align: right;
    margin-bottom: 10px;
}

.repair_flow_info {
    display: block;
    max-width: 980px;
    height: auto;
    padding-top: 15px;
    margin: 0px auto 30px;
}

/*社員フレーム*/

.comment_img {
    display: block;
    width: 473px;
    height: auto;
    float: left;
    margin-top: 1px;
    margin-left: 1px;
}

.comment_box {
    display: block;
    max-width: 500px;
    height: auto;
    float: right;
}

.comment_title {
    display: block;
    width: 90%;
    border-bottom: #2E2C2C 2px solid;
    float: right;
    padding-right: 20px;
    margin-top: 25px;
    margin-bottom: 10px;
}

.comment_txt {
    display: block;
    width: 90%;
    height: auto;
    padding-right: 20px;
    float: right;
}

/*ゴムクローラー修理工程*/

.flow_box {
    display: block;
    width: 100%;
    height: auto;
    color: #2E2C2C;
    position: relative;
}

.repair_box1 {
    padding: 20px 50px 20px 70px;
    font-weight: bold;
    border: #E5E5E5 11px solid;
    border-radius: 50px;
    width: 200px;
    background: #FFF;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow1.gif);
    background-repeat: no-repeat;
    background-position: 40px 50%;
}

.repair_box2 {
    padding: 20px 50px 20px 70px;
    font-weight: bold;
    border: #E5E5E5 11px solid;
    border-radius: 50px;
    width: 64px;
    background: #FFF;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow2.gif);
    background-repeat: no-repeat;
    background-position: 40px 50%;
    margin-left: 25%;
    float: left;
}

.repair_box3 {
    padding: 20px 50px 20px 70px;
    font-weight: bold;
    border: #E5E5E5 11px solid;
    border-radius: 50px;
    width: 200px;
    background: #FFF;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow3.gif);
    background-repeat: no-repeat;
    background-position: 40px 50%;
    float: left;
}

.repair_box4 {
    padding: 20px 50px 20px 70px;
    border: #E5E5E5 11px solid;
    border-radius: 125px;
    width: 425px;
    background: #FFF;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow4.gif);
    background-repeat: no-repeat;
    background-position: 40px 10%;
    margin-left: 220px;
}

.press_img {
    display: block;
    margin-top: 30px;
}

.box4_inner {
    display: block;
    width: 60px;
    font-weight: bold;
    float: left;
}

.repair_box4 ul {
    display: block;
    border-left: #2E2C2C 1px solid;
    padding-left: 20px;
    margin-left: 60px;
}

.repair_box5 {
    padding: 20px 50px 20px 70px;
    font-weight: bold;
    border: #E5E5E5 11px solid;
    border-radius: 50px;
    width: 368px;
    background: #FFF;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow5.gif);
    background-repeat: no-repeat;
    background-position: 40px 50%;
    margin-left: 25%;
}

.repair_box_txt {
    font-weight: normal;
}

.repair_box6 {
    padding: 20px 50px 20px 70px;
    font-weight: bold;
    border: #E5E5E5 11px solid;
    border-radius: 50px;
    width: 285px;
    background: #FFF;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow6.gif);
    background-repeat: no-repeat;
    background-position: 40px 50%;
    float: left;
}

.repair_box7 {
    padding: 20px 50px 20px 70px;
    font-weight: bold;
    border: #E5E5E5 11px solid;
    border-radius: 50px;
    width: 80px;
    background: #FFF;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow7.gif);
    background-repeat: no-repeat;
    background-position: 40px 50%;
    float: left;
    margin-top: 13px;
}

.repair_box8 {
    padding: 20px 50px 20px 70px;
    font-weight: bold;
    border: #E5E5E5 11px solid;
    border-radius: 50px;
    width: 200px;
    background: #FFF;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow8.gif);
    background-repeat: no-repeat;
    background-position: 40px 50%;
    float: right;
}

.flow_mark_r45a {
    display: block;
    width: 100%;
    height: 41px;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow_mark1.png);
    background-repeat: no-repeat;
    background-position: 260px 0px;
}

.flow_mark_r45 {
    display: block;
    width: 100%;
    height: 41px;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow_mark1.png);
    background-repeat: no-repeat;
    background-position: 620px 0px;
}

.flow_mark_l45a {
    display: block;
    width: 100%;
    height: 52px;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow_mark3.png);
    background-repeat: no-repeat;
    background-position: 530px 5px;
}

.flow_mark_l45 {
    display: block;
    width: 100%;
    height: 52px;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/flow_mark3.png);
    background-repeat: no-repeat;
    background-position: 300px 5px;
}

.flow_mark_ra img {
    margin-bottom: 0px;
    margin-top: 13px;
}

.flow_mark_r img {
    margin-bottom: 0px;
    margin-top: 30px;
}

.flow_mark_u img {
    margin-bottom: 0px;
    margin-left: 50%;
}

.flow_work_img1,
.flow_work_img2 {
    display: block;
    z-index: 20;
    position: relative;
}

.sandhig {
    display: block;
    margin-top: -50px;
    margin-right: 50px;
}

/**************会社概要ページ***********************/

.content_info_pre_name {
    display: block;
    width: 100%;
    text-align: right;
}

.content_info_pre {
    display: block;
    max-width: 625px;
    height: auto;
    padding: 15px;
    margin: 0px auto 30px;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#president .container2 {
    display: block;
    margin-top: 20px;
    padding-top: 0px;
}

#president td {
    padding: 5px 10px;
    border: #FFF 2px solid;
}

.company_info {
    display: block;
    width: 400px;
    border-top: #2E2C2C 1px solid;
    border-bottom: #2E2C2C 1px solid;
    padding: 45px 55px;
    float: left;
    line-height: 2em;
}

/************************環境対策事業ページ************************/

#environmental {
    margin-top: 30px;
}

/*
#environmental ul {
    margin: 40px auto;
}*/

#environmental h3,
.inner_title {
    border-bottom: 1px #000 solid;
    margin-bottom: 50px;
    padding-left: 10px;
}

.environmental {
    /*  padding-top: 30px;*/
    margin: auto;
}

.inner_title {
    font-size: 26px;
    margin-bottom: 20px;
    padding: 40px 20px 0;
}

.content_info_box {
    padding: 20px;
}

#trust-form {
    text-align: center;
    width: 100%;
}

#message-container-input {
    display: inline-block;
    padding: 0 20px;
    margin: 60px auto 40px;
}

#message-container-input {
    color: #444;
    font-size: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#message-container-input:before,
#message-container-input:after {
    content: "";
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 1px;
    background: #444;
    display: block;
}

#confirm-button {
    margin-bottom: 60px;
}

#message-container-input:before {
    margin-right: .4em;
}

#message-container-input:after {
    margin-left: .4em;
}

#waste_transport {
    width: 100%;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/bg/environmental_bg_fix.jpg);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: contain;
    height: 400px;
}

.content_container {
    max-width: 980px;
    margin: auto;
}

.content_info_box {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/bg/white_bg.png);
    background-repeat: no-repeat;
}

.jc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.aic {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bw {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/************************Q&Aページ****************************/

.transportation_q_a_title,
.warehouse_q_a_title,
.crawler_q_a_title,
.job_offer_q_a_title {
    display: block;
    width: 100%;
    height: 270px;
}

#transportation_q_a,
#warehouse_q_a,
#crawler_q_a,
#job_offer_q_a {
    display: block;
    margin-top: -45px;
    padding-top: 45px;
}

.transportation_q_a_title {
    padding-top: 30px;
    background: #17BAFF;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/Q&AOL_r1_c6.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.warehouse_q_a_title {
    background: #00C433;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/Q&AOL_r7_c6.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.crawler_q_a_title {
    background: #D06400;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/Q&AOL_r13_c5.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.job_offer_q_a_title {
    background: #878787;
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/Q&A_t.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#transportation_q_a .content_info,
#warehouse_q_a .content_info,
#crawler_q_a .content_info,
#job_offer_q_a .content_info {
    word-break: break-all;
}

.q_title {
    display: block;
    width: 100%;
    height: 33px;
    line-height: 33px;
    padding-left: 40px;
    margin-bottom: 20px;
}

.a_ico {
    display: block;
    width: 29px;
    height: 28px;
    float: right;
}

.a_info {
    display: block;
    width: 91%;
    height: auto;
    padding: 10px;
    float: right;
}

#transportation_q_a .a_info {
    display: block;
    border: #17BAFF 2px solid;
}

#warehouse_q_a .a_info {
    display: block;
    border: #00C433 2px solid;
}

#crawler_q_a .a_info {
    display: block;
    border: #D06400 2px solid;
}

#job_offer_q_a .a_info {
    display: block;
    border: #878787 2px solid;
}

#transportation_q_a .q_title {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/Q&AOL_r3_c1.png);
    background-repeat: no-repeat;

}

#transportation_q_a .a_ico {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/a_t.png);
    background-repeat: no-repeat;
}

#warehouse_q_a .a_ico {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/a_w.png);
    background-repeat: no-repeat;
}

#crawler_q_a .a_ico {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/a_g.png);
    background-repeat: no-repeat;
}

#job_offer_q_a .a_ico {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/Q&AOL_ico_07.png);
    background-repeat: no-repeat;
}

#warehouse_q_a .q_title {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/Q&AOL_r9_c1.png);
    background-repeat: no-repeat;
}

#crawler_q_a .q_title {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/Q&AOL_r15_c1.png);
    background-repeat: no-repeat;
}

#job_offer_q_a .q_title {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/Q&AOL_ico_03.png);
    background-repeat: no-repeat;
}

/*************固定ページお問い合わせフォーム***********/

#page_main #trust-form {
    width: 70%;
    margin: auto;
}

#page_main #message-container-input {
    font-size: 1.2em;
    text-align: center;
}

#message-container-confirm {
    padding-top: 60px;
}

/**************固定ページスタッフレイアウト用*********************/

.staff_container .content_info {
    display: block;
    max-width: 1005px;
    height: auto;
    margin: 0px auto 0px;
    padding-bottom: 20px;
}

.staff_container p {
    display: block;
    margin-top: 30px;
}

.staff_img2 {
    display: block;
    margin-right: 15px;
}

/*****************固定ページ　リクルート**********************/

.page_h2 {
    color: #364e96;
    /*文字色*/
    padding: 0.5em 0;
    /*上下の余白*/
    border-top: solid 3px #364e96;
    /*上線*/
    border-bottom: solid 3px #364e96;
    /*下線*/
    margin: 30px auto;
}

.recruit_h3 {
    text-align: center;
}

.recruit_h3 span {
    background-color: #1d1788;
    color: #fff;
    display: inline-block;
    padding: 5px 30px;
    border-radius: 999px;
}


.recruit {
    padding-top: 30px;
    width: 960px;
    margin: auto;
}

.recruit table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 50px;
}

.recruit th,
td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

.recruit th {
    background: #eee;
    width: 30%;
}

.faq_box {
    display: flex;
}

.a_box, .q_box {
    display: flex;
    align-items: center;
    width: 50%;
    margin: 20px 0;
}

.q_box {
    padding-right: 15px;
}

.a_box {
    padding-left: 15px;
}

.faq_image {
    width: 200px;
}

.faq_image img {
    margin: 0;
}

.a_box .faq_image {
    width: 180px;
    padding-left: 20px;
}

.q_box .faq_image img {
    margin-left: auto;
    margin-right: 10px;
}

.a_box .speech_balloon, .q_box .speech_balloon {
    width: calc(100% - 246px);
    align-self: stretch;
    border: 3px solid #8ea7e7;
    border-radius: 20px;
    padding: 20px;
    position: relative;
    background-color: #fff;
    font-weight: bold;
}

.a_box .speech_balloon:before, .q_box .speech_balloon:before {
    content: "";
    position: absolute;
    z-index: 10;
    display: block;
    width: 15px;
    height: 15px;
    background: #fff;
    border-top: 4px solid #8ea7e7;
    border-left: 4px solid #8ea7e7;
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    top: 50%;
    border-top-left-radius: 5px;
}

.q_box .speech_balloon:before {
    right: 100%;
    transform: translate(50%, -50%) rotate(-45deg) skew(20deg, 20deg);
}

.a_box .speech_balloon:before {
    left: 100%;
    transform: translate(-50%, -50%) rotate(135deg) skew(20deg, 20deg);
}


@media screen and (max-width: 480px) {
    .recruit table {
        width: 100%;
        text-align: left;
    }

    .recruit th {
        display: block;
    }

    .recruit td {
        display: list-item;
        border: none;
        text-align: left;
        margin-left: 2.5em;
    }
}

/*****************固定ページ　ライフスタイル事業ページ**********************/


/*H3見出し*/
/*
#lifestyle h3 {
 padding:0.25em 0.5em;
 border-left:solid 6px #4472C4;
 background:transparent;
}
*/

#lifestyle h3.comorebi_title {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

#lifestyle h3.comorebi_title:before {
    position: absolute;
    bottom: -10px;
    left: calc(50% - 30px);
    width: 60px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #12943b;
}

#lifestyle h3 {
    font-size: 1.2rem;
}

#free_dogrun {
    margin-bottom: 60px;
}

#free_dogrun .lounge_price_table {
    margin-bottom: 10px;
}

#free_dogrun h4 {
    margin-top: 20px;
}

@media screen and (max-width: 980px) {
    #lifestyle h3 {
        font-size: 1.2rem;
        margin: 30px 0;
    }
}


#rv_park_container table {
    margin-bottom: 40px;
}

#rv_park_map {
    margin: 10px auto 60px;
}

#rv_park_container table th,
#rv_park_container table td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: left;
}

#rv_park_container table th {
    width: 150px;
    background-color: #12943b;
    color: #FFF;
}

#rv_park_facility {
    margin: 60px auto;
    justify-content: space-between;
}

#rv_park_facility::after {
    content: "";
    display: block;
    width: 30%;
}

#comorebi_lounge_rental {
    margin-bottom: 60px;
}

#comorebi_lounge_rental .info_box {
    margin-bottom: 30px;
}

.lounge_images {
    width: 30%;
}

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

@media screen and (max-width:980px) {
    .lounge_images {
        width: 100% !important;
        display: flex;
        justify-content: space-between;
    }
        .lounge_box {
            width: 48%;
        }
        #rv_park_container table th {
            width: 280px;
        }
.lounge_price_table {
    width: 100%;
}
}

.nowrap {
    flex-wrap: nowrap;
}

@media screen and (max-width: 980px) {
    .nowrap {
        flex-wrap: wrap;
    }
    #comorebi_lounge_table table th,
    #comorebi_lounge_table table td {
        box-sizing: border-box;
        display: block;
        width: 100% !important;
    }
}

.text-center {
    text-align: center;
}

#lifestyle #bnc {
    margin-bottom: 0;
}

#lifestyle_wrap .content_info {
    line-height: 2rem;
}

#lifestyle_wrap .car_box {
    width: 30%;
}

#lifestyle_wrap .car_box img {
    margin-bottom: 5px;
}

.green_more_btn {
    margin: 30px auto;
    text-align: center;
}

.green_more_btn a {
    display: inline-block;
    padding: 10px 40px;
    background-color: #12943b;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    border-radius: 26px;
}

@media screen and (max-width: 980px) {
    #lifestyle_wrap .car_box {
        width: 48% !important;
    }
}
/**************フッター**********************/
.footer_tel {
    position: absolute;
    top: 70px;
    color: #FFF;
}

.footer_info_box.clearfix {
    position: relative;
}

footer {
    background-color: #FFF;
}

#footer_container {
    display: block;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.footer_info_container {
    display: block;
    width: 980px;
    height: auto;
    margin: auto;
    padding-top: 20px;
}

@media screen and(max-width:980px) {
    .footer_info_container {
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }
}

.footer_logo {
    display: block;
    width: 300px;
    height: auto;
    float: left;
}

.footer_menu_box {
    display: block;
    width: 200px;
    float: left;
    margin-right: 20px;
}

.footer_adress {
    color: #FFF;
    font-size: 11px;
}

#footer_nav li,
#footer_nav2 li {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/menu_mark.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 10px;
}

#footer_nav3>li {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/menu_mark.png);
    background-repeat: no-repeat;
    background-position: 0% 10px;
    padding-left: 10px;
}

.sub-menu {
    display: block;
    margin-left: 15px;
}

#footer_menu_area a {
    color: #FFF;
    text-decoration: none;
    font-size: 11px;
}

.copyr {
    color: #FFF;
    font-size: 10px;
    text-align: right;
    margin-top: 30px;
    padding-bottom: 20px;
}

/**************TOPに戻る***************/

#page-top {
    position: fixed;
    bottom: 170px;
    right: 5%;
    font-size: 10px;
}

#page-top a {
    background-image: url(//www.yamamoto-unyu.jp/wp-content/themes/yamamoto_unyu/images/ico/top_ico.png);
    background-repeat: no-repeat;
    text-decoration: none;
    color: #fff;
    width: 96px;
    height: 69px;
    padding: 10px 5px;
    text-align: center;
    display: block;
    z-index: -9999px;
}

#page-top a:hover {
    opacity: 0.6;
}

/*****************ページャー******************/

.navigation {
    text-align: center;
}

/*************404*****************/

.top_link {
    text-align: center;
    text-decoration: underline;
    color: rgba(81, 81, 81, 1.00);
    padding: 15px;
    font-size: 20px;
    font-weight: bold;
}

.error404 .content_list {
    text-align: center;
}

#menu-head_nav li.sp {
    display: none;
}

.sp {
    display: none;
}

/************トラック一覧ページ***********************/
body#tracks #page_main {
    width: 980px;
    margin: 0 auto;
}
/*********************MW WP FORM***********************/
.mw_wp_form {
    width: 70%;
    padding-top: 100px;
    margin: -100px auto 2rem;
}

.mw_wp_form input {
    width: 100% !important;
}

.mw_wp_form tr {
    display: flex;
}

.mw_wp_form th,
.mw_wp_form td {
    border: none;
    border-bottom: 1px solid #ccc;
}

.mw_wp_form td,
.mw_wp_form textarea {
    width: 473px;
}

.mw_wp_form .email_form input {
    margin: 0 !important;
}

.mwform-tel-field {
    display: flex;
}

.mw_wp_form td>div>input {
    width: 73% !important;
}

.mwform-tel-field input {
    width: 20% !important;
}

.mw_wp_form th {
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    text-align: left;
    vertical-align: top;
    font-weight: bold;
    width: 190px;
    color: #55555F;
    box-sizing: content-box;
}

.mw_wp_form td:hover {
    background-color: #ccc;
}

.mw_wp_form .require {
    margin-left: 3px;
    color: #e55a3b;
}

.mw_wp_form .image_set input {
    font-size: 12px !important;
}

.mw_wp_form .submessage {
    font-size: 10px;
}

.form_btn_box {
    margin: 2rem auto;
    display: inline-block;
}

.parent {
    text-align: center;
}

.form_btn_box input[type="submit"] {
    background: #333333 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding: 5px 10px;
    margin-bottom: 10px;
    cursor: pointer;
}

/************ContactForm7のテーブル化レスポンシブ調整***********************/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
}

/*一行ごとに上ボーダー*/
.table-res-form tr {
    border-top: 1px #DDD solid;
}

/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    /*  border-top: none;*/
}

/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
    /* background: #eee;*/
}

/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1.5em;
}

/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
    text-align: right;
}

/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.8em;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: red;
    border-radius: 2px;
}

/*ここから768px以下の指定*/

@media only screen and (max-width: 768px) {

    /*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }

    /*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }

    /*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }

    div#trust-form.contact-form table td, div#trust-form.contact-form table th {
        width: auto;
    }

    .table-res-form tr:nth-child(2n+1) {
        background: none;
    }
}

/*ここまで768px以下の指定---終わり*/

/*ここから入力欄のスタイル指定*/

/*各入力フォームスタイリング*/
.table-res-form input[type="text"], input[type="email"], textarea {
    border: 1px #89BDDE solid;
    padding: 0.1em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    margin: 0 0.5em;
    width: 95%;
}

/*入力欄にフォーカスしたら変化*/
.table-res-form input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}

/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    border: 1px #89BDDE solid;
    padding: 0.5em 4em;
    border-radius: 5px;
    background: #4C9ED9;
    color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
}

/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #006599;
    box-shadow: none;
}

/*Contact７追加修正*/
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, #trust-form>table>tbody>tr:nth-child(9)>td>span>textarea {
    width: 95%;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
}

.wpcf7 .table-res-form th span.requied {
    margin-left: 0.5em;
    padding: 0.1em 0.2em;
}

.wpcf7 .table-res-form td {
    border: none;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder {
    font-size: 0.7em;
    color: #999;
}