@charset "utf-8";
/*
	Theme Name: tohnen

*/


/* reset
----------------------------------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    /*color: #006CDD;*/
    color: #000;
    cursor: hand;
    text-decoration: none;
    transition: 0.6s;
}

a:hover {
    color: #990;
}

a img {
    transition: 0.6s;
}

.center {
    text-align: center;
}

.left,
.alignleft {
    text-align: left;
}

.right,
.alignright {
    text-align: right;
}

.clear {
    clear: both;
}

/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
    min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-Mac */


/*  common
----------------------------------------------------------------------------------*/
body {
    color: #000;
    font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.4em;
    background: #f3f3f2;
    margin: 0;
    padding: 0;
}

a img:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.pt10 {
    padding-top: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.fo11 {
    font-size: 11px;
}

.fo12 {
    font-size: 12px;
}

.fo13 {
    font-size: 13px;
}

.fo14 {
    font-size: 14px;
}

.fo15 {
    font-size: 15px;
}

.fo16 {
    font-size: 16px;
}

.fo17 {
    font-size: 17px;
}

.fo18 {
    font-size: 18px;
}

.fo20 {
    font-size: 20px;
}

.fo28 {
    font-size: 28px;
}

.fo40 {
    font-size: 40px;
}

.fo75 {
    font-size: 75px !important;
}

.fo90 {
    font-size: 90px !important;
}

.fo_b {
    font-weight: bold;
}

.blue {
    color: #2C66B2;
}

.sp_link {
    display: none;
}

.stxt {
    font-size: 11px;
}

.stxt a {
    color: #09F !important;
}

h2.ttl_font {
    margin: 0;
}

.ttl_font {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 28px;
    font-weight: bold;
    line-height: 1.3em;
}

.ttl_font span {
    /*    font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";*/
    font-size: 18px;
    font-weight: normal;
}

.ttl_font_maru {
    font-family: 'Kosugi Maru', sans-serif;
    line-height: 1.4em;
}

.ttl_font_mincho {
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
}

.ttl_font_mincho_noto {
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.1em;
    font-weight: 300;
}

.fo_italic {
    font-style: italic;
}

.white {
    color: #FFF;
}

.nav_ttl .ttl_font {
    color: #FFF;
}

.nopointor {
    cursor: text;
}

.mainbox ol {
    list-style-type: decimal;
    margin-bottom: 40px;
}

.mainbox ol li {
    margin-left: 30px;
    margin-bottom: 5px;
}

.mainbox ul {
    list-style-type: disc;
    margin-bottom: 40px;
}

.mainbox ul li {
    margin-left: 30px;
    margin-bottom: 5px;
}

div.wpcf7 {
    z-index: 99;
}


/* ページネーション
----------------------------------------------------------------------------------*/

.pagination {
    margin: 40px 0 0;
}

.nav-links {
    display: flex;
}

.pagination .page-numbers {
    display: inline-block;
    margin-right: 20px;
    padding: 20px 25px;
    color: #333;
    border-radius: 3px;
    box-shadow: 0 3px 3px #999;
    background: #fff;
}

.pagination .current {
    padding: 20px 25px;
    background: #69a4db;
    color: #fff;
}

.pagination .prev,
.pagination .next {
    background: transparent;
    box-shadow: none;
    color: #69a4db;
}

.pagination .dots {
    background: transparent;
    box-shadow: none;
}



/* header
----------------------------------------------------------------------------------*/


/* video */
header.home_header {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}

/* 20261023 add */
.charcoal_page header.home_header,
.oil_page header.home_header,
.lpgas_page header.home_header {
    margin-bottom: 50px;
}

video {
    /*天地中央配置*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh;
    /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw;
    /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
    /*ローディング画面時＆動画が表示されないときに表示する背景画像のレスポンシブ化
  background: url('../images/bg.png') no-repeat;
  background-size: cover;*/
    z-index: -1;
}

header.home_header video {
    margin-top: -2px;
}

header .video_catchphrase {
    position: absolute;
    z-index: 2;
    /*下から2番目に表示*/
    /*天地中央配置*/
    top: 45%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    /*色指定*/
    color: #fff;
    line-height: 1.4em;
    text-align: center;
    width: 60%;
    margin: 0 auto;
}

header .video_catchphrase h2 {
    border-bottom: 1px solid #FFF;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 38px;
    text-shadow: 0 0 15px #666;
    line-height: 1.3em;
}

header .video_catchphrase span {
    font-size: 20px;
    text-shadow: 0 0 15px #666;
}

header .emergency_news_box {
    position: absolute;
    z-index: 2;
    /*下から2番目に表示*/
    /*天地中央配置*/
    top: 45%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    width: 90%;
    margin: 0 auto;
    background: #FFF;
    padding: 20px;
    border-radius: 10px;
    line-height: 1.4em;
    box-sizing: border-box;
    border: 4px solid #1e3815;
}

header .emergency_news_box .emergency_news_cat {
    color: #FFF;
    background: red;
    font-size: 12px;
    padding: 3px 20px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-flex;
}

header .emergency_news_box p.emergency_news_ymd {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
}

header .emergency_news_box p.emergency_news_title {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.main_img_sp img {
    /*天地中央配置*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    width: 177.77777778vh;
    /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    height: 56.25vw;
    /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
    /*ローディング画面時＆動画が表示されないときに表示する背景画像のレスポンシブ化
      background: url('../images/bg.png') no-repeat;
      background-size: cover;*/
    z-index: -1;
}

.h_top {
    /*background-color: rgba(51,102,51,0.5);*/
    background-color: rgba(10, 38, 10, 0.7);
    height: 100px;
    position: fixed;
    width: 100%;
    z-index: 998;
    top: 0;
    left: 0;
}

.header_box {
    width: 100%;
    /*max-width: 1260px;*/
    margin: 0 auto;
}

.h_left {
    float: left;
    padding: 30px 0 0 30px;
    width: 30%;
    height: 100px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.h_right {
    margin-top: 0;
    font-size: 12px;
    width: 70%;
    float: left;
}

ul.h_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 50px;
    padding-top: 8px;
    padding-right: 10px;
    box-sizing: border-box;
}

.h_right ul.h_link li.search {
    margin: 0 10px;
}

.h_right ul.h_link li a {
    text-decoration: none;
}

.h_right ul.h_link li a:hover,
.h_right ul.h_link li.ico_mokutanshop a:hover,
.h_right ul.h_link li.ico_contact a:hover {
    color: #990;
}



.h_news_title {
    overflow: hidden;
    line-height: 1.6;
    height: 1.6em;
}

.bn_sumiya {
    max-width: 420px;
    line-height: 0;
}

.bn_sumiya img {
    width: 100%;
    min-width: 420px;
}

.h_news {
    width: 100%;
    font-size: 95%;
}

.h_news li {
    height: 50px;
    /*line-height: 50px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 14px 0 0 0;
}

.h_news li.news_important_news {
    /*background-color: rgba(27,68,0,0.7);*/
    background-color: rgba(15, 38, 0, 0.7);
}

.h_news li.news_tohnen_cam {
    /*background-color: rgba(6,119,59,0.8);*/
    background-color: rgba(1, 66, 31, 0.8);
}

.h_news li.news_tohnen_news {
    /*background-color: rgba(0,84,102,0.8);*/
    background-color: rgba(1, 44, 53, 0.8);
}


.h_news_title {
    width: 80%;
    padding: 0 20px;
    box-sizing: border-box;
}

.h_news .cat_ico {
    width: 140px;
    display: inline-block;
}

.h_news .cat_ico_important_news:before {
    content: '● ';
    color: #ffff00;
}

.h_news .cat_ico_tohnen_cam:before {
    content: '● ';
    color: #ff6600;
}

.h_news .cat_ico_tohnen_news:before {
    content: '● ';
    color: #33cc00;
}

.h_news .n_d {
    width: 80px;
    display: inline-block;
}



/*
.h_news .h_news_cat_important_news:before {
    content: '> ';
    color: #ffff00;
}*/

.h_news .h_news_cat_tohnen_cam:before {
    content: '> ';
    color: #ff6600;
}

.h_news .h_news_cat_tohnen_news:before {
    content: '> ';
    color: #33cc00;
}

.sp_h_news {
    display: none;
}

.search {
    /*text-align: right;*/
}

.search input {
    vertical-align: middle;
}

.search input[type="text"] {
    padding: 7px;
    width: 230px;
    height: 33px;
    /*border: 2px solid #62b45d;*/
    border: 2px solid #4b8d47;
    box-sizing: border-box;
    margin: 0;
    border-radius: 5px 0 0 5px;
    position: relative;
    left: 7px;
    background-color: #ffffff;
    color: #000000;
}

.search input[type="text"].home_search {
    padding: 7px;
    width: 230px;
    height: 33px;
    /*border: 2px solid #62b45d;*/
    border: 2px solid #4b8d47;
    box-sizing: border-box;
    margin: 0;
    border-radius: 5px 0 0 5px;
    position: relative;
    left: 7px;
    background-color: #384b38;
    color: #fff;
}

input.home_search::placeholder {
    font-weight: normal;
    opacity: 0.5;
    color: rgb(197, 197, 197);
    caret-color: #fff;
}


.search #searchsubmit {
    height: 33px;
    border-radius: 0 5px 5px 0;
}

#fontSize {
    width: auto;
    background: #000;
    padding: 5px 10px;
    height: fit-content;
    height: -moz-fit-content;
    height: -webkit-fit-content;
}

#fontSize p {
    float: left;
    padding: 3px 3px 0 0;
    color: #FFF;
}

#fontSize ul {
    overflow: hidden;
}

#fontSize li {
    float: left;
    margin-right: 4px;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    width: 20px;
    padding: 1px;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#fontSize li:last-child {
    margin-right: 0;
}

#fontSize li.current {
    background: #316745;
    color: #FFF;
    border: 1px solid #316745;

}

#main {
    clear: both;
    overflow: hidden;
}



/* page top btn
----------------------------------------------------------------------------------*/
#page_top {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 20px;
    bottom: -50px;
    background: #3C3;
    opacity: 0.6;
    border-radius: 50%;
}

#page_top a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
}

#page_top a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f106';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 3px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

/* page CSS
----------------------------------------------------------------------------------*/
body.childpage {
    background: #FFF;
}

body.child_temp_page .tohnen_pagettl {
    max-width: 1260px;
}

.child_temp_page .h_top {
    background: #FFF;
    /*height: auto;*/
}

.child_temp_page.oil_page .h_top {
    background: none;
    background-color: rgba(60, 33, 0, 0.7);
}

.oil_page .h_top {
    /*background: #454545 !important;*/
}

.charcoal_page .h_top {
    background: rgba(0, 27, 10, 0.6) !important;
}

.child_temp_page .h_left {
    padding: 10px 0 0 30px;
    height: auto;
}

#main {
    /* width: 100%;*/
    max-width: 1260px;
    width: calc(100% - 7em);
    margin: 0 auto;
    padding: 20px 0 0 0;
    box-sizing: border-box;
}

.top_Business {
    margin-bottom: 50px;
}

.top_Business ul.Business_box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 30px 0 30px 0;
    line-height: 0;
}

.top_Business ul.Business_box1 li img {
    width: 100%;
}

.top_Business ul.Business_box2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0;
    line-height: 0;
}

.top_Business ul.Business_box2 li img {
    width: 100%;
}

figure.snip_img {
    font-family: 'Raleway', Arial, sans-serif;
    color: #fff;
    position: relative;
    overflow: hidden;
    text-align: left;
    margin: 0;
    padding: 0;
    line-height: 0;
}

figure.snip_img * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

figure.snip_img img {
    opacity: 1;
    width: 100%;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.snip_img:after {
    background: #006600;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    opacity: 0.75;
    -webkit-transform: skew(-20deg) scaleX(0);
    transform: skew(-20deg) scaleX(0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

figure.snip_img figcaption {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

figure.snip_img h2,
figure.snip_img p {
    margin: 0;
    width: 100%;
    opacity: 0;
}

figure.snip_img h2 {
    padding: 0 30px;
    display: inline-block;
    font-weight: 400;
    text-transform: uppercase;
}

figure.snip_img p {
    padding: 0 25px;
    font-size: 1em;
    line-height: 1.4em;
    font-weight: 500;
    text-shadow: 1px 1px 0 #086a09, -1px -1px 0 #086a09,
        -1px 1px 0 #086a09, 1px -1px 0 #086a09,
        0px 1px 0 #086a09, 0 -1px 0 #086a09,
        -1px 0 0 #086a09, 1px 0 0 #086a09;
}

figure.snip_img a {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
}

figure.snip_img:hover:after,
figure.snip_img.hover:after {
    -webkit-transform: skew(-20deg) scaleX(1);
    transform: skew(-20deg) scaleX(1);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

figure.snip_img:hover figcaption h2,
figure.snip_img.hover figcaption h2,
figure.snip_img:hover figcaption p,
figure.snip_img.hover figcaption p {
    -webkit-transform: translate3d(0%, 0%, 0);
    transform: translate3d(0%, 0%, 0);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

figure.snip_img:hover figcaption h2,
figure.snip_img.hover figcaption h2 {
    opacity: 1;
}

figure.snip_img:hover figcaption p,
figure.snip_img.hover figcaption p {
    opacity: 1;
}

.child_temp_page .mainbox {
    padding: 10px 30px 0 10px
}

.busi_ttl {
    line-height: 1.2em;
    text-align: center;
    font-size: 1.2em;
    padding: 15px 5px;
    background: #FFF;
    margin: 0;
}

.busi_ttl a {
    color: #000;
    /*display:block;*/
}

/* home top CSS
----------------------------------------------------------------------------------*/
.top_torikumi {
    margin: 0 auto;
    width: 100%;
    padding: 0;
    margin: 0 0 50px 0;
    line-height: 0;
}

.top_torikumi img {
    width: 100%;
}

.top_bn_cal {
    margin-bottom: 100px;
}

.top_bn_cal .bn_cal_box {
    padding: 45px;
    margin: 30px 0 0 0;
    background: #FFF;
}

/* tohnen CSS
----------------------------------------------------------------------------------*/
header.tohnen_header {
    background: url(images/tohnen/page/bg_ttl.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 0 50px 0;
    width: 100%;
    padding-top: 100px;
}

.tohnen_pagettl {
    margin: 0 auto;
    padding: 30px 10px;
    width: 100%;
    max-width: 1100px;
}

.tohnen_pankuzu {
    background: rgba(137, 158, 128, 0.7);
    padding: 4px 0 0 0;
    color: #FFF;
    border-top: 1px solid #5e7236;
}

.tohnen_pankuzu a {
    color: #FFF;
}

.tohnen_pankuzu .breadcrumbs {
    margin: 0 auto;
    width: 100%;
    max-width: 1100px;
    /* 20261023 add */
    text-align: left;
}

.tohnen_pankuzu .breadcrumbs span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.tohnen_pankuzu .breadcrumbs span.pankuzu_home {
    background: url(images/common/ico_home.png) no-repeat left center;
    width: 34px;
    height: 30px;
}


.top_rightbox {
    float: right;
    width: 300px;
    margin-bottom: 60px;
}

.top_rightbox ul.bn_box li,
.rightbox ul.bn_box li {
    margin-bottom: 10px;
}

.top_rightbox ul.bn_box li:last-child,
.rightbox ul.bn_box li:last-child {
    margin-bottom: 0;
}

.n_d {
    width: 80px;
    font-size: 12px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}

.cat_ico_n_event {
    padding: 1px 0;
    font-size: 10px;
    color: #FFF;
    width: 52px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    background: #FC0;
    margin-right: 10px;
}

.cat_ico_n_info {
    padding: 1px 0;
    font-size: 10px;
    color: #FFF;
    width: 52px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    background: #82BA33;
    margin-right: 10px;
}

.news_list_link {
    text-align: right;
    padding: 20px 0 0 !important;
}

.news_list_link a {
    /*background: url(images/common/ico_arrow.png) no-repeat right center;
	padding: 3px 20px 3px 0;*/
    border-bottom: 0;
    border: solid 1px #eee;
    padding: 5px 15px;
    color: #666;
}

.news_list_link a:hover {
    color: #990;
}

.top_topics li {
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #e6e6e6;
    width: 299px;
    height: 242px;
    background: #FFF;
    float: left;
    margin-bottom: 6px;
}

.top_topics li:nth-child(odd) {
    margin-right: 6px;
}

.top_topics li {
    color: #282828;
    font-size: 11px;
    letter-spacing: -1px;
}

.top_topics li h3 a {
    text-decoration: none;
    color: #13853d;
    font-size: 16px;
}

.top_topics li a:hover {
    color: #990;
}

.googlemap_box {
    background: #FFF;
    padding: 12px;
    border: 1px solid #e6e6e6;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* sub TOPpage ---------------------------------- */
header.child_temp_header {
    padding-top: 100px;
}

/*
.idemitsu_page header.child_temp_header {
    background: url(images/service/idemitsu/bg_ttl.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 0 50px 0;
    width:100%;
}

.charcoal_page header.child_temp_header {
    background: url(images/service/charcoal/bg_ttl.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 0 50px 0;
    width:100%;
}

.oil_page header.child_temp_header {
    background: url(images/service/oil/bg_ttl.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 0 50px 0;
    width:100%;
}

.lpgas_page header.child_temp_header {
    background: url(images/service/lpgas/bg_ttl.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 0 50px 0;
    width:100%;
}

.autolease_page header.child_temp_header {
    background: url(images/service/autolease/bg_ttl.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 0 50px 0;
    width:100%;
}

.insurance_page header.child_temp_header {
    background: url(images/service/insurance/bg_ttl.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 0 50px 0;
    width:100%;
}

.maintenance_page header.child_temp_header {
    background: url(images/service/maintenance/bg_ttl.jpg) center center no-repeat;
    background-size: cover;
    margin: 0 0 50px 0;
    width:100%;
}
*/
.idemitsu_page header.child_temp_header,
.charcoal_page header.child_temp_header,
.oil_page header.child_temp_header,
.lpgas_page header.child_temp_header,
.autolease_page header.child_temp_header,
.insurance_page header.child_temp_header,
.maintenance_page header.child_temp_header {
    background: url(images/service/maintenance/bg_ttl.jpg) center center no-repeat;
    background-size: cover;
    background-position: 0 -1px;
    margin: 0px 0 50px 0;
    width: 100%;
}

.autolease_page .bg_box {
    background: #fcfcfc;
    max-width: none !important;
    padding-top: 50px;
}

.maintenance_page .bg_box,
.oil_page .bg_box {
    background: #f9f9f8;
    max-width: none !important;
    padding-top: 50px;
}

.lpgas_page .bg_box,
.insurance_page .bg_box,
.idemitsu_page .bg_box {
    background: #f3f3f1;
    max-width: none !important;
    padding-top: 50px;
}

.autolease_page #fontSize,
.maintenance_page #fontSize {
    background: #e7e7e7;
}

.lpgas_page #fontSize,
.insurance_page #fontSize,
.idemitsu_page #fontSize {
    background: #FFF;
}

.autolease_page #fontSize p,
.maintenance_page #fontSize p,
.lpgas_page #fontSize p,
.insurance_page #fontSize p,
.idemitsu_page #fontSize p {
    color: #000;
}

.slider_box {
    margin-bottom: 50px;
}

/*スライダーの矢印を画面幅に合わせるためのcss*/
.ms-inner-controls-cont {
    position: static !important;
    margin: 0 auto;
}

.ms-skin-default .ms-nav-prev {
    left: 10px !important;
}

.ms-skin-default .ms-nav-next {
    right: 10px !important;
}

.top_autolease_news {
    background: #FFF;
    padding: 20px 0;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 50px;
    font-size: 14px;
}

.idemitsu_page .top_autolease_news {
    margin-bottom: 0;
}

.max_1200 {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px;
    box-sizing: border-box;
}

.max_1260 {
    margin: 0 auto;
    max-width: 1260px;
    padding: 0 10px;
    box-sizing: border-box;
}

.max_1090 {
    margin: 0 auto;
    max-width: 1090px;
    padding: 0 10px;
    box-sizing: content-box;
}

.idemitsu_page .top_autolease_news {
    background: #e5e5e5;
}

.top_autolease_news .ico_autolease_news {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    margin-bottom: 20px;
}

.top_autolease_news .ico_autolease_news:before {
    content: '● ';
    color: #71bb6d;
}

.idemitsu_page .top_autolease_news .ico_autolease_news:before {
    content: '● ';
    color: #cc0033;
}

.oil_page .top_autolease_news .ico_autolease_news:before,
.charcoal_page .top_autolease_news .ico_autolease_news:before {
    content: '● ';
    color: #ff7200;
}

.top_autolease_news ul {
    display: inline-block;
    max-width: 1000px;
    width: 90%;
}

.top_autolease_news ul li {
    margin-bottom: 5px;
}

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

.top_autolease_news ul li a,
.top_autolease_news .h_news_cat a {
    color: #000;
}

.top_autolease_news .h_news_cat {
    text-align: right;
    width: 100%;
    padding: 0;
}

.top_autolease_news .h_news_cat:before {
    content: '> ';
    color: #71bb6d;
}

.idemitsu_page .top_autolease_news .h_news_cat:before {
    content: '> ';
    color: #cc0033;
}

.oil_page .top_autolease_news .h_news_cat:before,
.charcoal_page .top_autolease_news .h_news_cat:before {
    content: '> ';
    color: #ff7200;
}

.top_point {
    margin: 0 auto 50px;
    width: 90%;
}

.maintenance_page .top_point {
    margin: 0 auto 50px auto;
    max-width: 1260px;
    padding: 0 10px;
    box-sizing: border-box;
}

ul.point_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1200px;
    margin: 30px auto 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}

ul.point_list li {
    width: 33%;
    max-width: 340px;
    padding: 0 10px;
}

ul.point_list li img {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
}

.top_autolease_qa {
    margin-bottom: 50px;
}

/* QAアコーディオン */
.qa_menu {
    width: 100%;
    padding: 10px 10px 20px;
    box-sizing: border-box;
    max-width: 640px;
    margin: 0 auto;
}

.qa_menu input {
    display: none;
    /*チェックボックスを隠す*/
}

/*バー部分*/
.qa_menu label {
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #000;
    line-height: 1;
    position: relative;
    margin: 0 0 10px;
    padding: 15px 30px 15px 60px;
    background-color: #FFF;
    font-size: 22px !important;
}

/*開いたときに表示される部分*/
.qa_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 1px;
}

.qa_menu li {
    height: 0;
    overflow-y: hidden;
    transition: padding-bottom 0.5s, padding-top 0.5s;
    /*閉じるときのアニメーション*/
    -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
    -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
    -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
    -o-transition: padding-bottom 0.5s, padding-top 0.5s;
}

#menu_bar01:checked~#links01 li,
#menu_bar02:checked~#links02 li,
#menu_bar03:checked~#links03 li,
#menu_bar04:checked~#links04 li,
#menu_bar05:checked~#links05 li,
#menu_bar06:checked~#links06 li,
#menu_bar07:checked~#links07 li,
#menu_bar08:checked~#links08 li,
#menu_bar09:checked~#links09 li,
#menu_bar10:checked~#links10 li {
    height: auto;
    /*開いたときに表示されるliの高さ*/
    opacity: 1;
    background: #f1f1f1;
    padding: 20px;
}

/*開いたときの下の余白*/
#menu_bar01:checked~#links01 li:last-child,
#menu_bar02:checked~#links02 li:last-child,
#menu_bar03:checked~#links03 li:last-child,
#menu_bar04:checked~#links04 li:last-child,
#menu_bar05:checked~#links05 li:last-child,
#menu_bar06:checked~#links06 li:last-child,
#menu_bar07:checked~#links07 li:last-child,
#menu_bar08:checked~#links08 li:last-child,
#menu_bar09:checked~#links09 li:last-child,
#menu_bar10:checked~#links10 li:last-child {
    margin-bottom: 20px;
}

/*閉じた状態の矢印描画*/
.qa_menu label:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-top: #00ca14 4px solid;
    border-right: #00ca14 4px solid;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    right: 2%;
    top: 0;
    bottom: 15%;
    margin: auto;
}

.maintenance_page .qa_menu label:after {
    border-top: #fb8221 4px solid;
    border-right: #fb8221 4px solid;
}

/*開いた状態の矢印描画*/
.qa_menu input[type=checkbox]:checked+label:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-top: #00ca14 4px solid;
    border-right: #00ca14 4px solid;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: 2%;
    top: 7%;
    bottom: 0;
    margin: auto;
}

.maintenance_page .qa_menu input[type=checkbox]:checked+label:after {
    border-top: #fb8221 4px solid;
    border-right: #fb8221 4px solid;
}

.qa_menu label:before {
    content: "Q";
    color: #06a30d;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Merriweather Sans', sans-serif;
    position: absolute;
    left: 2%;
    top: 15%;
    bottom: 15%;
}

.maintenance_page .qa_menu label:before {
    color: #fb8221;
}

.qa_a {
    color: #06a30d;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Merriweather Sans', sans-serif;
    margin-right: 10px;
}

.maintenance_page .qa_a {
    color: #fb8221;
}

.top_autolease_qa table {
    margin-top: 10px;
    background: #FFF;
}

.top_autolease_qa table th {
    background: #f3f9f3;
}

.top_autolease_qa table td {
    border-right: solid 1px #ddd;
}

.top_autolease_qa table tr:hover {
    background: none;
}

.qa_link {
    margin: 0 auto;
    text-align: center;
}

.qa_link a {
    background: #14c72e;
    display: inline-block;
    padding: 15px 10px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    max-width: 580px;
    width: 80%;
}

.maintenance_page .qa_link a {
    background: #fb8221;
}

.qa_link a:hover {
    opacity: 0.6;
}

.qa_link .fa-arrow-circle-right {
    font-size: 18px;
    margin-right: 5px;
}

.contact_box {
    width: 100%;
    box-sizing: border-box;
    background: url(images/service/autolease/bg_contact.png) center center no-repeat;
    background-size: cover;
    text-align: center;
    padding: 100px 10px;
    margin: 0;
    line-height: 1.6em;
}

.contact_box p {
    width: 80%;
    margin: 0 auto;
}

.contact_box_insurance {
    width: 100%;
    box-sizing: border-box;
    background: none;
    background-size: cover;
    text-align: center;
    padding: 0px;
    margin: 0;
    line-height: 1.6em;
}

.maintenance_page .contact_box {
    background: url(images/service/maintenance/bg_contact.jpg) center center no-repeat;
    background-size: cover;
}

.oil_page .contact_box {
    background: url(images/service/oil/bg_contact.jpg) center center no-repeat;
    background-size: cover;
}

.insurance_page .contact_box {
    padding: 50px 10px;
}

.charcoal_page .contact_box {
    background: url(images/service/charcoal/bg_contact.jpg) center center no-repeat;
    background-size: cover;
    color: #FFF;
}

.charcoal_page .contact_box a {
    color: #FFF !important;
}

.charcoal_moviepage .contact_box {
    background: url(images/service/charcoal/bg_contact_w.jpg) center center no-repeat;
    background-size: cover;
    color: #000;
}

.charcoal_moviepage .contact_box a {
    color: #000 !important;
}

.contact_box h3 {
    font-size: 44px;
    font-weight: bold;
    margin-bottom: 20px;
}

.contact_box .c_time {
    background: rgba(0, 0, 0, 0.1);
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1.8em;
    width: 80%;
    max-width: 500px;
    margin: 0 auto 40px auto;
}

.charcoal_page .contact_box .c_time {
    background: rgba(0, 0, 0, 0.5);
}

.charcoal_moviepage .contact_box .c_time {
    color: #FFF;
}

.contact_box .c_tel {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1.6em;
}

.maintenance_page .contact_box .c_tel {
    line-height: 1.1em;
}

.contact_box .c_tel a {
    color: #000;
}

.contact_box .c_btn a {
    display: inline-block;
    background: #0bca25;
    font-size: 24px;
    border: 2px solid #FFF;
    max-width: 580px;
    width: 80%;
    max-width: 500px;
    color: #FFF;
    padding: 15px;
    line-height: 1.25;
}

.contact_box .c_btn_orange a {
    display: inline-block;
    background: #FB8221;
    font-size: 24px;
    /* border: 2px solid #FFF;*/
    max-width: 580px;
    width: 80%;
    max-width: 500px;
    color: #FFF !important;
    padding: 15px;
    line-height: 1.25;
}

.contact_box .c_btn_oil a {
    display: inline-block;
    background: #CC0033;
    font-size: 24px;
    /*border: 2px solid #FFF;*/
    border-radius: 5px;
    max-width: 580px;
    width: 100%;
    max-width: 500px;
    color: #FFF;
    padding: 25px 15px;
    line-height: 1.25;
}

.c_btn_ss a {
    display: inline-block;
    background: #CC0033;
    font-size: 24px;
    border-radius: 5px;
    max-width: 400px;
    width: 100%;
    color: #FFF;
    margin-bottom: 40px;
    padding: 23px 15px;
    line-height: 1.25;
}

@media screen and (max-width: 480px) {
    .c_btn_ss a {
        display: inline-block;
        background: #CC0033;
        font-size: 24px;
        border-radius: 5px;
        max-width: 400px;
        width: 100%;
        color: #FFF;
        margin-bottom: 40px;
        padding: 15px 15px;
    }

    .sp {
        display: block;

    }
}

.contact_box .c_btn_lpg a {
    display: inline-block;
    background: #FB8221;
    font-size: 24px;
    /*border: 2px solid #FFF;*/
    border-radius: 5px;
    max-width: 580px;
    width: 100%;
    max-width: 400px;
    color: #FFF;
    padding: 30px 15px;
    font-weight: bold;
}

a:hover {
    opacity: 0.8;
}

.autolease_page .footer_box,
.maintenance_page .footer_box,
.lpgas_page .footer_box,
.insurance_page .footer_box,
.idemitsu_page .footer_box,
.oil_page .footer_box,
.charcoal_page .footer_box {
    margin-top: 0;
}

.maintenance_service1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.maintenance_service1_img {
    width: 20%;
}

.maintenance_service1_img img,
.maintenance_service2_img img {
    width: 100%;
    height: auto;
}

.m_s1_1 {
    width: 30%;
    margin-left: 20%;
}

.top_maintenance_service dl {
    position: relative;
    margin-bottom: 30px;
}

.top_maintenance_service dl dt::before {
    content: "●";
    left: 0;
    top: 5px;
    position: absolute;
    font-size: 40px;
}

.top_maintenance_service dl.m_s_box1 dt::before {
    color: #fe0009;
}

.top_maintenance_service dl.m_s_box2 dt::before {
    color: #c03e6e;
}

.top_maintenance_service dl.m_s_box3 dt::before {
    color: #50c03e;
}

.top_maintenance_service dl.m_s_box4 dt::before {
    color: #ae3ec0;
}

.top_maintenance_service dl.m_s_box5 dt::before {
    color: #3eb5c0;
}

.top_maintenance_service dl.m_s_box6 dt::before {
    color: #d0e519;
}

.top_maintenance_service dl.m_s_box7 dt::before {
    color: #3e97c0;
}

.top_maintenance_service dl.m_s_box8 dt::before {
    color: #c0923e;
}

.top_maintenance_service dl dt {
    padding: 0px 10px 0 55px;
    min-height: 40px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
}

.top_maintenance_service dl dd {
    padding: 0px 10px 0 55px;
}

.m_s1_2 {
    width: 30%;
}

.maintenance_service2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.maintenance_service2_img {
    width: 60%;
}

.m_s_txt {
    padding: 20px;
}

.maintenance_service_link {
    margin: 0 auto 50px auto;
    width: 100%;
    max-width: 1260px;
}

.maintenance_service_link_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.maintenance_service_link_list li {
    padding: 0 30px;
    width: 50%;
    box-sizing: border-box;
}

.maintenance_service_link_list li img {
    width: 100%;
}

.top_lpgas_qa {
    margin-top: 30px;
    padding-bottom: 50px;
}

.qa_ttl_box {
    background: #22a71a;
    width: 100%;
}

.qa_ttl_box img {
    width: 100%;
}

.lpgas_page .contact_box {
    background: #FFF;
    padding: 50px 10px;
}

.lpgas_contents {
    margin-top: 50px;
}

.lpgas_contents table {
    margin-top: 30px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px;
}

.lpgas_contents table tr {
    border: none;
}

.lpgas_contents table tr:hover {
    background: none;
}

.lpgas_contents table tr th {
    background: #1eaa39;
    color: #FFF;
    font-size: 20px;
    font-weight: normal;
    text-align: left;
    width: 30%;
    padding: 20px;
}

.lpgas_contents table tr.lpgas_c_1 th {
    background: #1eaa39;
}

.lpgas_contents table tr.lpgas_c_2 th {
    background: #7595ba;
}

.lpgas_contents table tr td {
    padding: 0;
}

.lpgas_contents table tr td li {
    display: inline-flex;
    margin: 0 10px 10px 0 !important;
}

.lpgas_contents table tr td li:hover {
    opacity: 0.7;
}

.lpgas_contents table tr td li:last-child {
    display: inline-flex;
    margin: 0 10px 0 0 !important;
}

.lpgas_contents table tr td li a {
    padding: 20px;
    border: 2px solid #000;
    width: 320px;
    font-size: 16px;
    color: #000;
    position: relative;
}

.lpgas_contents table tr.lpgas_c_1 td li a {
    background: #e3ffde;
}

.lpgas_contents table tr.lpgas_c_2 td li a {
    background: #dcecff;
}

.lpgas_contents table tr.lpgas_c_1 td li a:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-top: #1eaa39 4px solid;
    border-right: #1eaa39 4px solid;
    position: absolute;
    right: 10px;
    top: 15%;
    bottom: 15%;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lpgas_contents table tr.lpgas_c_2 td li a:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-top: #7595ba 4px solid;
    border-right: #7595ba 4px solid;
    position: absolute;
    right: 10px;
    top: 15%;
    bottom: 15%;
    margin: auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lpgas_page .contact_box h3 {
    font-size: 24px;
}

.lpgas_page .contact_box .lpgas_tel {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.lpgas_page .contact_box .lpgas_tel img {
    width: 100%;
}

.lpgas_page .contact_box img:hover {
    opacity: 0.7;
}

.ins_pickup_1,
.ins_pickup_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
}

.ins_pickup_1 li,
.ins_pickup_2 li {
    box-sizing: border-box;
    padding: 0 5px;
}

.ins_pickup_1 li img,
.ins_pickup_2 li img {
    width: 100%;
}

.ins_pickup_5 {
    text-align: center;
    margin-bottom: 50px;
    width: 100%;
}

.ins_pickup_5_ttl {
    margin: 0 auto;
    max-width: 428px;
    width: 90%;
}

.ins_pickup_5 .pc_link {
    width: 100%;
    max-width: 1089px;
    margin: 0 auto;
}

.ins_pickup_5 .sp_link {
    width: 100%;
    max-width: 578px;
    margin: 0 auto;
}

.ins_flow {
    margin: 50px auto;
    text-align: center;
}

.ins_flow h2 {
    margin-bottom: 30px;
}

.ins_flow .pc_link {
    width: 100%;
    max-width: 1063px;
    margin: 0 auto;
}

.ins_flow .sp_link {
    width: 267px;
    margin: 0 auto;
}


.ins_img .pc_link {
    width: 100%;
    margin: 0 auto;
    max-width: 1102px;
}

.ins_img .sp_link {
    width: 100%;
    max-width: 578px;
    margin: 0 auto;
}

.ins_contact_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sub_contact .ins_contact_btn {
    /*下層contact*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.ins_contact_btn li {
    box-sizing: border-box;
    padding: 0 5px;
}

.ins_contact_btn li img {
    width: 100%;
}

.idemitsu_page ul.point_list li {
    margin-bottom: 30px;
}

.idemitsu_top_contents {
    margin-bottom: 70px;
}

.idemitsu_top_contents_box {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.idemitsu_top_contents_box .ike_box {
    padding: 0;
    margin-right: 10px;
    box-sizing: border-box;
    background: #FFF;
    width: 50%;
    max-width: 570px;
}

.idemitsu_top_contents_box .aki_box {
    padding: 0;
    margin-left: 10px;
    box-sizing: border-box;
    background: #FFF;
    width: 50%;
    max-width: 570px;
}

.idemitsu_top_contents_box table {
    border-spacing: 0;
    margin: 0 auto 10px;
    width: 100%;
    box-sizing: border-box;
    min-height: 260px;
}

.idemitsu_top_contents_box table tr {
    border: none;
}

.idemitsu_top_contents_box table tr:hover {
    background: none;
}

.idemitsu_top_contents_box table th {
    padding: 10px;
    text-align: right;
    width: 25%;
}

.idemitsu_top_contents_box table td {
    padding: 10px;
    text-align: left;
    width: 75%;
}


.idemitsu_top_contents_box .ike_box img,
.idemitsu_top_contents_box .aki_box img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.idemitsu_top_contents_box ul {
    padding: 20px;
}

.idemitsu_top_contents_box .ide_menu li {
    list-style: none;
    position: relative;
    padding: 0 0 10px 20px;
}

.idemitsu_top_contents_box .ide_menu li::before {
    content: "● ";
    color: #ff1f1b;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
}

.ide_menu {
    min-height: 260px;
}

.ide_btn {
    padding: 0 10px 50px 10px;
    box-sizing: border-box;
    font-family: 'Kosugi Maru', sans-serif;
    line-height: 1.4em;
    font-size: 20px;
    text-align: center;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}

.ide_btn a {
    display: inline-block;
    margin-top: 10px;
    line-height: 1.25;
}


.idemitsu_page .contact_box {
    background: #FFF;
    padding: 50px 10px;
}

.idemitsu_top_contents_box .ike_box .ide_btn img,
.idemitsu_top_contents_box .aki_box .ide_btn img {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 0;
}

.oil_page .h_bottom,
.charcoal_page .h_bottom {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    line-height: 1.4em;
    display: block;
    height: auto;
}

.oil_page .top_autolease_news,
.charcoal_page .top_autolease_news {
    background: rgba(0, 0, 0, 0.7);
    margin-bottom: 0;
}

.oil_page .top_autolease_news,
.oil_page .top_autolease_news a,
.charcoal_page .top_autolease_news,
.charcoal_page .top_autolease_news a {
    color: #FFF;
}

.oil_page .top_point {
    margin-bottom: 50px;
    padding-top: 50px;
}

.oil_page .point_list {
    margin-top: 30px;
}

.oil_page .bg_white {
    background: #FFF;
    padding: 50px;
    margin: 30px 0 80px;
}

.oil_top_service img {
    width: 100%;
}

.oil_service1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
}

.oil_service1 li:first-child {
    margin-right: 50px;
    min-width: 238px;
}

.oil_ttl_img {
    max-width: 640px;
    margin-bottom: 30px;
}

.oil_service1 li p {
    line-height: 1.3em;
}

.oil_service2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.oil_service2 li:first-child {
    margin-right: 20px;
}

.oil_service3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 80px;
}

.oil_service4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 80px;
}

.oil_service3 li:first-child,
.oil_service4 li:last-child {
    width: 65%;
}

.oil_service3 li:last-child,
.oil_service4 li:first-child {
    width: 35%;
}

.oil_service3 li:last-child dt,
.oil_service4 li:first-child dt {
    width: 35%;
    background: #e00013;
    color: #FFF;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
    padding: 10px;
    width: 100%;
    line-height: 1.2em;
}

.oil_service3 li:last-child dd,
.oil_service4 li:first-child dd {
    font-size: 16px;
    margin: 20px;
}

.oil_moviepage .h_bottom {
    position: absolute;
    bottom: 0px;
    height: auto;
    width: 100%;
    display: block;
}

.oil_moviepage .tohnen_pankuzu {
    background: rgba(0, 0, 0, 0.6);
    border: none;
}

.h_topimg_box {
    position: relative;
}

.h_topimg {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    line-height: 0;
}

.h_topimg img {
    width: 100%;
}

.charcoal_page header .video_catchphrase h2 {
    border-bottom: none;
}

.charcoal_page .lineup {
    font-size: 14px;
    background: #3c3c3c;
    padding: 2px 4px;
    margin-left: 10px;
}

.charcoal_page .lineup a {
    color: #ff811d;
}

.charcoal_page .top_point {
    padding-top: 50px;
    margin-bottom: 0;
}

.charcoal_japan {
    background: #f9f9f9;
    line-height: 0;
    margin-top: 100px;
    padding: 0 0 50px 0;
}

.img_txtbox {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    position: relative;
}

.img_txtbox img {
    width: 100%;
}

.img_txtbox p {
    position: absolute;
    font-size: 14px;
    color: #000;
    bottom: 8px;
    right: 8px;
    line-height: 1.2em;
    width: 55%;
}

.bg_black {
    background: #000;
    padding: 50px 0;
    color: #FFF;
}

.charcoal_page .oil_service1 {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
}

.charcoal_page .oil_ttl_img {
    max-width: 404px;
    margin-bottom: 30px;
}

.charcoal_p_list {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
    padding-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.charcoal_p_list a {
    color: #FFF;
}

.charcoal_p_list dl {
    width: 100%;
    max-width: 390px;
    margin-bottom: 50px;
    padding: 0 10px;
}

.charcoal_p_list dl dd {
    padding: 5px 5px 5px 65px;
}

/* お知らせカテゴリ一覧等 */
.news_box ul {
    margin-bottom: 0;
}

.news_box ul li {
    margin-left: 0;
}

.news_box span.n_d {
    color: #666;
    font-size: 14px;
    width: 100px;
    display: block;
}

.news_box li {
    margin: 0 0 0 10px;
    border-bottom: 1px solid #eee;
    padding: 20px;
}

.news_box li a {
    color: #000;
    font-size: 105%;
}

.news_box li a:hover {
    color: #CCC;
}

.readmore {
    margin-top: 10px;
}

.readmore a {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 12px !important;
    letter-spacing: 0.1em;
}

/*投稿single.php */
.single_time {
    margin-bottom: 30px;
    text-align: right;
}

.single_cat {
    text-align: right;
    margin: 30px 0;
}

img.mainimg {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0px auto 40px !important;
}

img.size-full {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0px auto;
}

/*モーダル表示*/
.emodal-title {
    margin-bottom: 20px !important;
    line-height: 1.2em;
}

.emodal-content img {
    max-width: 100%;
    height: auto;
}

/* sideber */
.rightbox ul.menu_r li:hover {
    background: #e7e7e7;
}


/* 下層固定ページ ----------------------------*/
.img_cat_ttl {
    margin: 0;
    padding: 0;
    height: 211px;
    border-bottom: 1px solid #000;
    position: relative;
}

.img_cat_ttl .posi-ab {
    position: absolute;
    bottom: 0;
    padding: 16px;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
}

.w_box {
    background: #FFF;
    box-sizing: border-box;
}

.s_box {
    background: #FFF;
    box-sizing: border-box;
}

#main h1,
.tohnen_pagettl h1 {
    position: relative;
    padding-left: 2.5em;
    font-size: 30px;
    line-height: 2.5em;
    margin-bottom: 30px;
}

.tohnen_pagettl h1 {
    margin-bottom: 0;
}

#main h1::before,
.tohnen_pagettl h1::before {
    content: "◇";
    color: #0C0;
    font-size: 1.9em;
    position: absolute;
    left: 0;
    top: 0em;
}

#main h1::after,
.tohnen_pagettl h1::after {
    content: "◇";
    color: #325A8C;
    font-size: 1.3em;
    position: absolute;
    left: 0.7em;
    top: 0em;
}

#main h1.ttl_proj {
    position: static;
    padding: 0;
    line-height: 0;
    margin-bottom: 30px;
}

#main h1.ttl_proj::before {
    content: none;
}

#main h1.ttl_proj::after {
    content: none;
}

.mainbox h2 {
    position: relative;
    padding: 0.25em 1em 0.25em 1.5em;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 20px;
    line-height: 1.5em;
}

.mainbox h2::after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #0C0;
    border-radius: 4px;
}

.mainbox h3 {
    font-size: 1.25em;
    font-weight: normal;
    margin-bottom: 15px;
    line-height: 1.2em;
    padding: 1.0em .75em;
    background-color: #f3f3f3;
}

.mainbox h4 {
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}

.mainbox p {
    line-height: 1.7em;
    font-size: 1.1em;
    margin: 0 0 20px 40px;
    word-wrap: break-word;
    width: 94%;
}

.mainbox ul,
.mainbox ol {
    line-height: 1.7em;
    font-size: 1.1em;
    margin: 0 0 20px 20px;
    word-wrap: break-word;
    width: 94%;
}

.mainbox {
    width: 75%;
    max-width: 900px;
    float: left;
    box-sizing: border-box;
    padding: 0 60px 100px 10px;
    min-height: 400px;
}

.mainbox img {
    height: auto;
    width: auto;
    max-width: 100%;
}

@media screen and (max-width: 480px) {
    .h_news_title {
        overflow: inherit;
        line-height: 1.6;
        height: auto;
    }


    .mainbox {
        width: 75%;
        float: left;
        box-sizing: border-box;
        padding: 0 20px 100px 10px;
        min-height: 400px;
    }

    .mainbox ul,
    .mainbox ol {
        margin: 0 0 20px 0px;
        width: 94%;
    }

    .mainbox p {
        line-height: 1.7em;
        font-size: 1.1em;
        margin: 0 0 20px 10px;
        word-wrap: break-word;
        width: 94%;
    }

    .oil_service1 li p {
        line-height: 1.8em;
        margin: 0 auto;
        width: 94%;
    }
}


ul.rinen {
    margin-bottom: 40px;
}

ul.rinen li {
    position: relative;
    margin-bottom: 3px;
    padding-left: 40px;
}

ul.rinen li:before {
    content: '一、';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.rightbox {
    width: 25%;
    float: right;
}

.rightbox .cat_link,
.rightbox ul.menu_r {
    width: 100%;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 30px;
    background: #f3f3f3;
    padding: 4%;
}

.rightbox .cat_link li:first-child,
.rightbox ul.menu_r li:first-child {
    border-top: 0;
}

.rightbox .cat_link li,
.rightbox ul.menu_r li,
.sub-menu {
    /*border-top: 1px solid #DEDEDE;
	background-color:#fff;*/
}

.rightbox .cat_link li a,
.rightbox ul.menu_r li a {
    display: block;
    padding: 20px 20px 20px 40px;
    box-sizing: border-box;
    background: url(images/common/ico_arrow.png) no-repeat 20px center;
    text-decoration: none;
    color: #202020;
}

.rightbox .cat_link li a:hover,
.rightbox .cat_link li.subnav_current,
.rightbox ul.menu_r li.subnav_current {
    background: #FFF url(images/common/ico_arrow.png) no-repeat 20px center;
}


.rightbox .bn_box img {
    width: 100%;
    height: auto;
}

.news_list_box {
    margin-top: 20px;
    color: #2b5001;
}

.news_list_box li {
    padding: 20px 0;
    border-bottom: 1px dotted #BBB;
}

.news_list_box li p {
    display: inline-block;
    vertical-align: top;
    width: 410px;
}

.news_list_box li a {
    text-decoration: none;
    color: #2b5001;
}

.news_list_box li a:hover {
    color: #990;
}


.navPage {
    text-align: center;
}

.prev_left,
.next_right {
    padding: 10px;
    display: inline-block;
    vertical-align: bottom;
}

.prev_left a,
.next_right a {
    text-decoration: none;
    color: #13853d;
}

.prev_left a:hover,
.next_right a:hover {
    color: #990;
}


.archive-title {
    font-size: 16px;
    margin-bottom: 20px;
}

.search_box {
    padding: 20px 0;
    border-bottom: 1px dotted #BBB;
}

.list_box li {
    display: block;
    float: left;
    width: 256px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #E6E6E6;
}

.list_box li:nth-child(odd) {
    margin-right: 14px;
}

.list_box li p {
    line-height: 1.2em;
    margin-bottom: 0;
    word-wrap: break-word;
    width: auto;
}

.list_box li p a {
    background: url(images/common/ico_arrow.png) no-repeat 20px center;
    padding: 20px 20px 20px 40px;
    display: block;
    overflow: hidden;
}

.list_box li p.mb5 a {
    /*画ありlist_box*/
    background: none;
    padding: 0;
}


.list_box li a {
    color: #202020;
}

.list_box li a:hover {
    color: #990;
}


.info_showroom {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e4e4e4;
    padding: 10px;
}

.btn_link {
    display: inline-block;
    vertical-align: top;
    margin: 10px 10px 0 0;
}

.btn_link a {
    display: block;
    overflow: hidden;
    padding: 10px 10px 10px 20px;
    background: #e4e4e4 url(images/common/ico_arrow_r.png) no-repeat 5px center;
}

.mainbox table.wash_table {
    border-top: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

.mainbox table.wash_table th,
.mainbox table.wash_table td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    color: #333;
}

.mainbox table.wash_table th {
    background: #feffed;
    background: -moz-linear-gradient(left, #feffed 0%, #fffffa 50%, #feffed 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #feffed), color-stop(50%, #fffffa), color-stop(100%, #feffed));
    background: -webkit-linear-gradient(left, #feffed 0%, #fffffa 50%, #feffed 100%);
    background: -o-linear-gradient(left, #feffed 0%, #fffffa 50%, #feffed 100%);
    background: -ms-linear-gradient(left, #feffed 0%, #fffffa 50%, #feffed 100%);
    background: linear-gradient(to right, #feffed 0%, #fffffa 50%, #feffed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feffed', endColorstr='#feffed', GradientType=1);
    width: 60%;
}

.mainbox table.option_w th {
    background: #eafdff;
    background: -moz-linear-gradient(left, #eafdff 0%, #f0feff 50%, #eafdff 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #eafdff), color-stop(50%, #f0feff), color-stop(100%, #eafdff));
    background: -webkit-linear-gradient(left, #eafdff 0%, #f0feff 50%, #eafdff 100%);
    background: -o-linear-gradient(left, #eafdff 0%, #f0feff 50%, #eafdff 100%);
    background: -ms-linear-gradient(left, #eafdff 0%, #f0feff 50%, #eafdff 100%);
    background: linear-gradient(to right, #eafdff 0%, #f0feff 50%, #eafdff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eafdff', endColorstr='#eafdff', GradientType=1);
    width: 60%;
}

.mainbox .wash_table td {
    background: #FFF;
}

.mainbox .wash_table th p,
.mainbox .wash_table td p {
    line-height: 1.5em;
    font-size: 1.1em;
    margin-bottom: 0;
    word-wrap: break-word;
    width: auto;
}

.green {
    color: #316645;
}

.autolease_list li {
    float: left;
    margin: 10px;
    width: 245px;
}

.autolease_list li dl dt {
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -ms-border-radius: 10px 10px 0 0;
    -o-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: center;
    padding: 10px;
    color: #FFFFFF;
    text-shadow: 1px 1px 1px #666;
    font-size: 18px;
}

.autolease_list li dl dd {
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    text-align: left;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
}

ul.autolease_list {
    list-style-type: none !important;
}

ul.autolease_list li {
    margin-left: 0;
}

.autolease_list li dl.lease1 dt {
    background: #0099cb;
}

.autolease_list li dl.lease1 dd {
    border: 3px solid #0099cb;
}

.autolease_list li dl.lease2 dt {
    background: #cc6502;
}

.autolease_list li dl.lease2 dd {
    border: 3px solid #cc6502;
}

.lpgas_top_pickup {
    margin-bottom: 50px;
}

.lpgas_top_pickup_1 {
    margin-top: 30px;
    line-height: 0;
}

.lpgas_top_pickup_1 img {
    width: 100%;
}

.lpgas_top_pickup_2 {
    margin-top: 50px;
    line-height: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lpgas_top_pickup_2 li.pickup_img_1 {
    max-width: 514px;
}

.lpgas_top_pickup_2 li.pickup_img_2 {
    max-width: 576px;
}

.lpgas_top_pickup_2 img {
    width: 100%;
}

.merit_list {
    margin-bottom: 20px;
}

.merit_list dt {
    font-size: 18px;
    color: #FFF;
    background: #499bea;
    background: -moz-linear-gradient(left, #499bea 0%, #1fb8b8 24%, #4b83e3 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #499bea), color-stop(24%, #1fb8b8), color-stop(100%, #4b83e3));
    background: -webkit-linear-gradient(left, #499bea 0%, #1fb8b8 24%, #4b83e3 100%);
    background: -o-linear-gradient(left, #499bea 0%, #1fb8b8 24%, #4b83e3 100%);
    background: -ms-linear-gradient(left, #499bea 0%, #1fb8b8 24%, #4b83e3 100%);
    background: linear-gradient(to right, #499bea 0%, #1fb8b8 24%, #4b83e3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#4b83e3', GradientType=1);
    padding: 5px 10px;
    margin-bottom: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-shadow: 1px 1px 3px #666;
    letter-spacing: 5px;
}

.merit_list dd {
    margin-left: 30px;
    margin-bottom: 10px;
}

.merit_table .n1 {
    text-align: center;
    color: #499bea;
    font-weight: bold;
}

.merit_table .n2 {
    text-align: center;
    color: #666;
    font-weight: bold;
}

.text_box {
    padding: 10px;
    color: #499bea;
}

.servicemenu_list dt {
    margin-bottom: 10px;
    font-size: 18px;
    background: #fbffc7;
    background: -moz-linear-gradient(left, #fbffc7 0%, #fbffc7 2%, #f5ffd6 58%, #f6ffde 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #fbffc7), color-stop(2%, #fbffc7), color-stop(58%, #f5ffd6), color-stop(100%, #f6ffde));
    background: -webkit-linear-gradient(left, #fbffc7 0%, #fbffc7 2%, #f5ffd6 58%, #f6ffde 100%);
    background: -o-linear-gradient(left, #fbffc7 0%, #fbffc7 2%, #f5ffd6 58%, #f6ffde 100%);
    background: -ms-linear-gradient(left, #fbffc7 0%, #fbffc7 2%, #f5ffd6 58%, #f6ffde 100%);
    background: linear-gradient(to right, #fbffc7 0%, #fbffc7 2%, #f5ffd6 58%, #f6ffde 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbffc7', endColorstr='#f6ffde', GradientType=1);
    padding: 10px;
    color: #316645;
    letter-spacing: 5px;
    text-shadow: 0px 0px 10px #FFF;
}

.servicemenu_list dd {
    margin-left: 30px;
    margin-bottom: 30px;
}

.a_support_box section {
    margin-bottom: 30px;
}

.a_support_box section div {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0 10px;
}

.a_support_box section div img {
    width: 120px !important;
}

.a_support_box section div:last-child {
    width: 370px;
    text-align: left;
}

.businesstrip_box div {
    float: left;
    margin: 0 10px;
}

.businesstrip_box div:last-child {
    width: 230px;
}

.qa_list {
    margin-bottom: 20px;
}

.qa_list ul {
    margin-left: 40px;
}

.qa_list ul li {
    list-style: circle;
    margin-bottom: 5px;
}

.wpcf7-not-valid-tip {
    font-size: 12px !important;
}

#main input[type="button"] {
    border-radius: 0;
    background: -moz-linear-gradient(top, #FFF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
    border: 1px solid #DDD;
    color: #111;
    padding: 10px 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 15px;
}

#main input[type="button"] {
    margin-right: 15px;
}

#main input[type="button"]:hover#main input.btn-back:hover {
    background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}







/* footer
----------------------------------------------------------------------------------*/
.footer_box {
    width: 100%;
    margin-top: 20px;
    background: #0a4721;
    padding-top: 7px;
}

.footer_box .tab {
    overflow: hidden;
    width: 942px;
    height: 50px;
    margin: 0 auto;
    /*padding-left: 124px;*/
    text-align: center;
    list-style-type: none;
    padding-left: 0;
    font-size: 0;
    /* 空きの調整 */
}

.footer_box .tab li {
    cursor: pointer;
    background: #FFF;
    padding: 15px 25px 15px;
    color: #000;
    min-width: 112px;
    text-align: center;
    /*float:left; */
    margin-right: 1px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-top: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    display: inline-block;
    font-size: 14px;
}

.footer_box .tab li:hover {
    background-color: #fff;
}

.footer_box .tab li.select {
    background: #13853d;
    color: #FFF;
    border-top: 1px solid #13853d;
    border-left: 1px solid #13853d;
    border-right: 1px solid #13853d;
}

.f_content {
    width: 100%;
    background: #13853d;
    margin-bottom: 100px;
}

.f_content li {
    width: 942px;
    margin: 0 auto;
    padding: 50px 0;
    color: #FFF;
}

.hide {
    display: none;
}

.f_text {
    float: left;
}

.f_text h4 {
    margin-bottom: 10px;
}

.f_text div {
    border-left: 1px solid #FFF;
    margin-left: 40px;
    padding: 10px;
}

.f_contact {
    margin: 50px 0 0 50px;
}

.f_contact a {
    background: url(images/common/ico_contact.png) no-repeat right center;
    padding: 5px 32px 5px 0;
    color: #FFF;
    text-decoration: none;
}

.f_contact a:hover {
    color: #990;
}

.f_map {
    float: right;
}

.proj-map img {
    width: 810px;

}

.f_menu {
    width: 100%;
    max-width: 942px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.f_menu dl {
    width: 25%;
    box-sizing: border-box;
}

.f_menu dl dt {
    background: #13853d;
    color: #FFF;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.f_menu dl dd {
    padding: 10px 20px;
}

.f_menu dl dd a,
.f_menu2 a {
    color: #FFF;
}

.f_menu2 {
    width: 100%;
    max-width: 942px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-bottom: 1px solid #FFF;
    box-sizing: border-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 5px;
}

.f_menu2 li {
    padding: 10px;
}

.f_c_logo {
    margin: 50px 0;
    text-align: center;
}

.copy {
    text-align: center;
    padding: 20px 0;
    color: #FFF;
    font-size: 14px;
}






/* 20250224 add news css */

.h_bottom {
    position: absolute;
    bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;*/
    height: 150px;
    width: 100%;

    background-color: rgba(255, 255, 255, 0.5);
    text-align: center;
}


.news_box_top {
    width: calc(100% - 7em);
    max-width: 1260px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.imp_news {
    width: 100%;
    background-color: #fff;
    padding: 12px 0;

}

.imp_news_wrap {
    display: flex;
    width: calc(100% - 30px);
    margin: 0 auto;

}

.news_cat {
    width: 200px;
    margin-right: 10px;
    padding: 15px 30px;
    text-align: center;
    border-right: 1px solid #aaa;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
}

.imp_news_cat {
    width: 200px;
    margin: 10px;
    padding: 15px 30px;
    text-align: center;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
    background-color: #ff0000;
    color: #ffffff;
}


.imp_news_ymd_title_wrap {
    width: calc(100% - 200px);
    /*padding: 15px 0px 15px 30px;*/
    text-align: left;
    display: inline;
    font-size: 1.0em;
    line-height: 5.0;
}

.news_ymd {
    display: inline-block;
    padding: 0 10px;
    line-height: 1.0;
    width: 110px;
    color: #666;
}

.imp_news_title {
    display: inline-block;
    line-height: 1.0;
    width: calc(100% - 260px);
}

.imp_news_title a {
    color: #000;
}

.imp_news_all,
.tohnen_news_all {
    text-align: right;
    width: 200px;
    display: inline;
    font-size: 12px;
}

.news_all_link {
    width: 165px;
    padding: 6px 12px;
    box-sizing: border-box;
    font-size: 12px;
    border: solid 1px #d4d4d4;
    border-radius: 4px;
    background-color: #fff;
}

/* nwes area add 20250224 */

#tohnen_news_area {
    width: 100%;
    /*max-width: 1260px;*/
    margin: 0 auto;
    padding: 40px 0;
    box-sizing: border-box;
}

.news_box_top>.top_news_3>h2.ttl_font {
    margin: 0 0 30px;
}

.top_news_3 {
    width: calc(100% - 10px);
}

.flex_news_t {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.flex_news_t h2 {
    justify-content: left;
    width: 50%;

}

.flex_news_t .tnr_news_all_link {
    justify-content: right;
    width: 50%;
    text-align: right;
    padding-top: 30px;
}

.tnr_sc {
    width: 100%;
    height: 110px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #ffffff;
    padding: 10px 20px;
}

.tohnen_news_wrap {
    display: flex;
    margin: 0;
    width: 100%;
}

ul.tohnen_news {
    width: calc(100% - 220px);
    display: flexbox;
}

ul.tohnen_news li {
    padding: 5px 0;
    line-height: 1.5;
}

.tohnen_news_title {
    display: flex;
}

.tohnen_news_title>.news_ymd {
    width: 120px;
}

.tohnen_news_title>.news_title {
    width: calc(100% - 120px);
}

.tohnen_news_all {
    width: 220px;
    display: flexbox;
    margin-top: auto;
}


.charcole_news_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: calc(100% - 30px);
    height: 51px;
    margin: 0 auto;
}

.charcole_cat {
    width: 200px;
    margin-right: 10px;
    padding: 15px 30px;
    text-align: center;
    border-right: 0px;
    line-height: 1.5;
    font-size: 12px;
    font-weight: bold;
    background-color: #006600;
    color: #fff;
}

.charcole_cat {}

.charcole_news_title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0;
}

.sumiya_logo {
    width: 167px;
    padding: 0 10px;
}

.charcole_title {
    padding: 0;
    width: 90%;
    text-align: left;
}

.charcole_link {
    width: 240px;
    padding: 0 20px 0 0;
    text-align: right;
}

.charcole_link a {

    padding-left: 20px;
    line-height: 0px;
    background: url(images/top/showroom/arrow_gr_s.png) no-repeat left center;
}

.charcole_image {
    margin-left: auto;

    height: 51px;
}



/* sp */


.sp_h_news>.news_box_top {
    width: calc(100% - 2em);
    max-width: 999px;
    margin: 1em auto;
    display: block;
}

.sp_h_news>.news_box_top>.sp_h_news>.imp_news {
    width: 100%;
    background-color: #fff;
    padding: 12px 0;

}

.sp_h_news>.news_box_top>.imp_news>.imp_news_wrap {
    display: block;
    width: calc(100% - 30px);
    margin: 0 auto;

}

.sp_h_news>.news_box_top>.imp_news>.news_cat {
    width: 200px;
    margin-right: 10px;
    padding: 15px 30px;
    text-align: center;
    border-right: 1px solid #aaa;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
}

.sp_h_news .imp_news_wrap .imp_news_cat {
    width: auto;
    margin-right: 10px;
    padding: 15px 30px;
    text-align: center;
    line-height: 1.5;
    font-size: 14px;
    font-weight: bold;
    background-color: #ff0000;
    color: #ffffff;
}


.sp_h_news>.news_box_top>.imp_news>.imp_news_wrap>.imp_news_ymd_title_wrap {
    width: 100%;
    padding: 15px 0px 15px 0px;
    text-align: left;
    display: block;
    font-size: 14px;
}

.sp_h_news>.news_box_top>.imp_news>.imp_news_wrap>.imp_news_ymd_title_wrap>.news_ymd {
    display: block;
    line-height: 1.5;
    width: 100%;
    margin-bottom: 5px;
    padding-right: 0;
    color: #666;
}

.sp_h_news>.news_box_top>.imp_news>.imp_news_wrap>.imp_news_ymd_title_wrap>.imp_news_title {
    display: block;
    line-height: 1.5;
    width: 100%;
    margin-bottom: 20px;
}

.sp_h_news>.news_box_top>.imp_news>.imp_news_wrap>.imp_news_ymd_title_wrap>.imp_news_title a {
    color: #000;
}

.sp_h_news>.news_box_top>.imp_news>.imp_news_wrap>.imp_news_ymd_title_wrap>.imp_news_all,
.sp_h_news>.news_box_top>.imp_news>.imp_news_wrap>.imp_news_ymd_title_wrap>.tohnen_news_all {
    width: 100%;
    display: block;
    font-size: 12px;
    text-align: center;
}

.sp_h_news>.news_box_top>.imp_news>.imp_news_wrap>.imp_news_ymd_title_wrap>.news_all_link {
    width: 165px;
    padding: 6px 12px;
    box-sizing: border-box;
    font-size: 12px;
    border: solid 1px #d4d4d4;
    border-radius: 4px;
    background-color: #fff;

}

.sp_h_news .news_all_link a {
    color: #000 !important;
}

.sp_tnr_news #tohnen_news_area {
    width: 100%;
    /*max-width: 1260px;*/
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box;
}

.sp_tnr_news .news_box_top {
    width: calc(100% - 7em);
    max-width: 1260px;
    margin: 1em auto;
    display: block;
}

.sp_tnr_news .news_box_top>.top_news_3>h2.ttl_font {
    margin: 0 0 30px;
}

.sp_tnr_news .top_news_3 {
    width: 100%;
}

.sp_tnr_news .flex_news_t {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.sp_tnr_news .flex_news_t h2 {
    justify-content: left;
    width: 50%;

}

.sp_tnr_news .flex_news_t .tnr_news_all_link {
    justify-content: right;
    width: 50%;
    text-align: right;
    padding-top: 30px;
}

.sp_tnr_news .tnr_sc {
    width: 100%;
    height: 260px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #ffffff;
    padding: 10px 20px;
}

.sp_tnr_news .tohnen_news_wrap {
    display: block;
    margin: 0;
    width: 100%;
}

.sp_tnr_news ul.tohnen_news {
    width: 100%;
    display: block;
}

.sp_tnr_news ul.tohnen_news li {
    padding: 5px 0;
    line-height: 1.5;
}

.sp_tnr_news .tohnen_news_title {
    display: block;
    width: 100%;
    margin-bottom: 25px;
}

.sp_tnr_news .tohnen_news_title>.news_ymd {
    width: 100%;
    padding: 0 0;
}

.sp_tnr_news .tohnen_news_title>.news_title {
    width: 100%;
}

.sp_tnr_news .tohnen_news_all {
    width: 220px;
    display: flexbox;
    margin-top: auto;
}

.sp_top_torikumi {
    width: 100%;
    padding: 0;
    margin: 0 0 80px 0;
    line-height: 0;
}

.sp_top_torikumi img {
    width: 100%;
}

.sp_main .top_bn_cal {
    margin-bottom: 0px;
}

.sp_main .top_bn_cal .bn_cal_box {
    padding: 45px;
    margin: 30px 0 0 0;
    background: #FFF;
}

.imp_news_title,
.news_title {
    /*font-size: 16px;*/
    line-height: 1.25;
    vertical-align: middle;
}









/* res CSS
----------------------------------------------------------------------------------*/
@media screen and (max-width:1260px) {



    #main {
        /*width: 100%;*/
        width: calc(100% - 7em);
        max-width: 1260px;
        margin: 0 auto;
        padding: 10px;
        box-sizing: border-box;
    }

    .bg_box {
        padding: 50px 10px 10px 10px !important;
    }

}


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



    .bn_sumiya {
        max-width: 280px;
        line-height: 0;
    }

    .bn_sumiya img {
        width: 100%;
        min-width: auto;
    }


    .h_left h1 img {
        width: 280px;
        height: auto;
    }

    .top_Business ul.Business_box1 li {
        width: 50%;
        margin-bottom: 30px;
    }

}

@media screen and (max-width:900px) {
    ul.tohnen_news {
        width: 100%;
        display: flexbox;
    }

    .scrolldown0 {
        position: absolute;
        left: 50%;
        bottom: 20px !important;
        height: 100px;
    }

    .sp_tnr_news {
        width: 100%;
        margin: 0 auto 80px;
    }

    .sp_tnr_news .news_box_top {
        /*width: calc(100% - 4em);*/
        width: calc(100% - 1em);
    }

    .h_bottom {
        display: none !important;
    }

    .pc_link {
        display: none;
    }

    .sp_link {
        display: inherit;
    }

    /* header   */

    header.home_header video {
        margin-top: 0px;
    }

    .child_temp header.tohnen_header {
        margin: 0 0 0 0;
    }

    .header_box {
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        position: relative;
    }

    .h_left {
        float: none;
        width: 100%;
        height: auto;
        padding: 10px 10px 0 10px;
    }

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

    #fontSize {
        display: none;
    }

    ul.h_link {
        display: block;
        height: 50px;
        padding-top: 8px;
        padding-right: 0;
        box-sizing: border-box;
    }

    .search input[type="text"] {
        width: 70%;
        max-width: 400px;
    }

    header .emergency_news_box p.emergency_news_ymd {
        text-align: left;
        margin: 0;
        display: block;
    }

    header .emergency_news_box p.emergency_news_title {
        width: 100%;
        display: block;
    }

    header.child_temp_header {
        margin: 0 !important;
    }


    /* top */
    .bn_sumiya {
        display: none;
    }

    .bn_sumiya_sp {
        width: 100%;
        line-height: 0;
    }

    .bn_sumiya_sp img {
        width: 100%;
        max-width: 300px;
        text-align: center;
    }

    header .h_news {
        display: none;
    }

    .sp_h_news {
        display: inherit;
        color: #FFF;
    }

    .sp_h_news a {
        color: #FFF;
    }

    .h_news li {
        height: auto;
        line-height: 1.4em;
        display: block;
        width: 100%;
        padding: 5px 10px;
        box-sizing: border-box;
    }

    .h_news li div {
        padding: 10px 0;
        width: 95%;
        margin: 0 auto;
    }

    .h_news li.news_important_news {
        background-color: #390;
    }

    .h_news li.news_tohnen_cam {
        background-color: #060;
    }

    .h_news li.news_tohnen_news {
        background-color: #066;
    }

    .h_news_title {
        width: auto;
        padding: 0;
        box-sizing: border-box;
        margin-bottom: 20px;
    }

    .h_news .cat_ico {
        width: auto;
        display: block;
        margin-bottom: 10px;
    }

    .h_news_cat {
        width: auto;
        padding: 0;
        box-sizing: border-box;
        text-align: right;
        margin-top: 5px;
    }


    .swiper-wrapper img {
        width: 100%;
        height: auto;
    }

    .img_satoyama {
        margin-bottom: 40px;
    }

    .img_satoyama img {
        width: 100%;
        height: auto;
    }

    .top_main {
        float: none;
        width: 100%;
        padding: 0 10px;
        position: static;
        top: 0;
        margin-bottom: 30px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .top_news ul {
        padding: 20px;
    }

    .top_news ul li p,
    .news_list_box li p {
        display: block;
        width: auto;
    }

    .top_topics li {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding: 20px;
        border: 1px solid #e6e6e6;
        width: 100%;
        height: auto;
        background: #FFF;
        float: none;
        margin-bottom: 10px;
        font-size: 12px;
    }

    .top_topics li p.mb5 {
        text-align: center;
    }

    .top_topics li:nth-child(odd) {
        margin-right: 0;
    }

    .top_rightbox {
        float: none;
        width: 100%;
        margin-bottom: 40px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        text-align: center;
    }

    .ggmap {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

    .ggmap iframe,
    .ggmap object,
    .ggmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .top_Business ul.Business_box1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 30px 0 0 0;
        line-height: 0;
        -webkit-flex-wrap: wrap;
        /* Safari etc. */
        -ms-flex-wrap: wrap;
        /* IE10        */
        flex-wrap: wrap;
    }

    .top_Business ul.Business_box2 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0;
        line-height: 0;
        -webkit-flex-wrap: wrap;
        /* Safari etc. */
        -ms-flex-wrap: wrap;
        /* IE10        */
        flex-wrap: wrap;
    }

    .top_Business ul.Business_box1 li,
    .top_Business ul.Business_box2 li {
        width: 100%;
        margin-bottom: 30px;
    }


    /* main */
    #main {
        width: calc(100% - 1em);
        margin: 0 auto;
        box-sizing: border-box;
    }

    .img_cat_ttl {
        width: 100%;
        height: auto;
        border-bottom: 0;
        line-height: 0;
    }

    .img_cat_ttl img {
        width: 100%;
        height: auto;
    }

    #main h1 {
        border-right: 0;
        line-height: 1.4em;
    }

    .w_box {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .mainbox {
        width: 100%;
        float: none;
        padding: 35px 10px !important;
        word-break: break-all;
        word-wrap: break-word;
    }

    .mainbox img {
        max-width: 500px;
        width: 100%;
        height: auto;
    }

    .child_temp_page .mainbox {
        padding: 35px 10px;
    }

    .rightbox {
        width: 100%;
        float: none;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .rightbox .cat_link {
        width: 100%;
        border: 0;
        display: block;
        overflow: hidden;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        margin-bottom: 30px;
    }

    .rightbox .cat_link li {
        border-top: 1px solid #DEDEDE !important;
    }

    .rightbox .cat_link li:last-child {
        border-top: 1px solid #DEDEDE;
    }

    .rightbox .cat_link li:last-child {
        border-bottom: 1px solid #DEDEDE;
    }

    .rightbox .cat_link li a {
        display: block;
        width: 100%;
        padding: 10px 20px 10px 40px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background: url(images/common/ico_arrow.png) no-repeat 20px center;
        text-decoration: none;
        color: #202020;
    }

    .rightbox ul.bn_box {
        text-align: center;
    }

    .rightbox .cat_link,
    .rightbox ul.menu_r {
        width: 100%;
    }

    .rightbox .cat_link li a,
    .rightbox ul.menu_r li a {
        width: 100%;
    }

    .autolease_list li {
        float: none;
        margin: 10px;
        width: auto;
    }

    .a_support_box section div {
        float: none;
        width: auto;
    }

    .a_support_box section div:last-child {
        width: auto;
        margin-left: 0;
    }

    .businesstrip_box div {
        float: none;
    }

    .businesstrip_box div:last-child {
        width: auto;
    }

    /* footer */
    .footer_box .tab,
    .footer_box .f_content,
    .f_menu {
        display: none;
    }

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

    .copy {
        font-size: 12px;
    }

    .youtube {
        position: relative;
        width: 100%;
        padding-top: 56.25%;
    }

    .youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important;
    }

    .top_autolease_news ul {
        min-width: none;
        max-width: none;
        width: 100%;
    }

    .m_s1_1 {
        margin-left: 0;
        width: 50%;
    }

    .m_s1_2 {
        width: 50%;
    }

    .maintenance_service1_img {
        display: none;
    }

    .maintenance_service2_img {
        width: 50%;
    }

    .m_s2 {
        width: 50%;
    }

    .top_maintenance_service dl dt {
        padding: 0 10px 0 25px;
        font-size: 18px;
        min-height: auto;
    }

    .top_maintenance_service dl dt::before {
        font-size: 20px;
    }

    .top_maintenance_service dl dd {
        padding: 10px 10px 0 10px;
    }

    .maintenance_service_link_list li {
        width: 100%;
        margin-bottom: 30px;
    }

    .contact_box h3 {
        font-size: 24px;
    }

    .contact_box .c_tel {
        font-size: 24px;
    }

    .maintenance_page .contact_box .c_tel img {
        width: auto;
        height: 24px;
    }

    .contact_box .c_time {
        line-height: 1.4em;
        font-size: 16px;
    }

    .lpgas_top_pickup_2 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .lpgas_top_pickup_2 li.pickup_img_1 {
        max-width: none;
        width: 100%;
    }

    .lpgas_top_pickup_2 li.pickup_img_2 {
        max-width: none;
        width: 100%;
    }

    .lpgas_contents table tr td li {
        width: 100%;
    }

    .lpgas_contents table tr td li a {
        width: 100%;
    }

    .idemitsu_top_contents_box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .idemitsu_top_contents_box .ike_box {
        margin-right: 0;
        width: 100%;
        margin: 0 auto 10px auto;
    }

    .idemitsu_top_contents_box .aki_box {
        margin-right: 0;
        width: 100%;
        margin: 0 auto;
    }

    .ide_menu,
    .idemitsu_top_contents_box table {
        min-height: auto;
    }

    .oil_page .top_autolease_news,
    .charcoal_page .top_autolease_news {
        background: #000;
        margin-bottom: 0px;
        position: static;
        bottom: none;
    }

    .img_txtbox p {
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        position: static;
    }



}



@media screen and (max-width:768px) {
    .child_temp_page .h_left {
        padding: 10px 0 0 15px;
        height: auto;
    }

    header .video_catchphrase {
        width: 95%;
    }

    ul.point_list li {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .ins_pickup_1,
    .ins_pickup_2,
    .ins_contact_btn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ins_pickup_1 li,
    .ins_pickup_2 li,
    .ins_contact_btn li {
        padding: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .ins_pickup_1 li:last-child,
    .ins_pickup_2 li:last-child,
    .ins_contact_btn li:last-child {
        margin-bottom: 0;
    }

    .oil_service1,
    .oil_service2,
    .oil_service3,
    .oil_service4 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .oil_service1 li,
    .oil_service2 li,
    .oil_service3 li,
    .oil_service4 li {
        width: 100%;
    }

    .oil_service1 li:first-child {
        margin: 0 auto 60px;
        max-width: 250px;
        /* text-align: center; */
    }

    .oil_service2 li:first-child {
        margin: 0 auto;
    }

    .oil_page .bg_white {
        padding: 20px;
    }

    .oil_service3 li:first-child,
    .oil_service4 li:last-child {
        width: 100%;
    }

    .oil_service3 li:last-child,
    .oil_service4 li:first-child {
        width: 100%;
    }

    .tohnen_pankuzu .breadcrumbs span.pankuzu_home {
        background: url(images/common/ico_home.png) no-repeat left center;
        background-size: 20px 18px;
        width: 20px;
    }

    .tohnen_pankuzu .breadcrumbs {
        padding-bottom: 10px;
    }

    .mw_wp_form {
        margin-bottom: 80px;
    }

    #tohnen_news_area {
        width: calc(100% - 2em);
        margin: 0 auto;
        padding: 40px 0;
        box-sizing: border-box;
    }

    .news_box_top {
        width: 100%;
        max-width: 728px;
        margin: 1em 0;
        display: block;
    }

}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus::-ms-input-placeholder {
    color: transparent;
}

input:focus::placeholder {
    color: transparent;
}

.sumiya {
    text-align: center;
    margin: 20px auto;
}

.sumiya img {
    max-width: 420px;
    width: 100%;
    height: auto;
}

/* グローバルメニューは css/manu.css*/