@charset "utf-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700|Noto+Serif+JP|Roboto:300,400,700&display=swap&subset=japanese");

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    outline: none;
}

html,
body,
h1,
h2,
h3,
h4,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
input,
textarea,
iframe {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    font-size: 100%;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

ol,
ul {
    list-style: none;
    list-style-type: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

a {
    text-decoration: none;
}

input,
textarea,
select,
button {
    font-size: inherit;
    font-family: inherit;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+-*/
html {
    overflow-x: hidden;
    font-size: 62.5%;
    font-family: "Noto Sans JP", Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, arial, sans-serif;
}

body {
    overflow-x: hidden;
    color: #111;
    font-size: 1.6em;
    line-height: 1.4;
}

main {
    min-height: 500px;
}

.inner {
    max-width: 1080px;
    margin: auto;
    padding: 0 20px;
}

h1 {
    color: #00359e;
    font-size: 3.6rem;
}

h2 {
    margin-bottom: 6rem;
    color: #00359e;
    font-size: 3.2rem;
}

h3 {
    font-size: 2.4rem;
}

h4 {
    line-height: 1.6;
}

ol {
    line-height: 1.6;
}

ol {
    counter-reset: number;
}

ol>li::before {
    content: counter(number) ".";
    counter-increment: number;
}

dl dd {
    line-height: 1.6;
}

table {
    width: 100%;
    border-top: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
    line-height: 1.6;
}

table th {
    padding: 2rem;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    background: #f6f6f6;
    text-align: left;
    vertical-align: middle;
}

table td {
    padding: 2rem;
    border-right: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

p {
    line-height: 1.6;
}

a {
    color: #111;
    transition: 0.5s;
}

a:hover {
    opacity: 0.7;
}


.ckk-pamphlet{
   display: block;
    max-width: 245px; /* ボタン幅 */
    position: relative;
    background: #00359e; /* 背景色 */
    border: 2px solid #00359e;
    padding: 1.5rem 1rem;
    font-weight: bold;
    color: #fff; /* 文字色 */
    text-decoration: none;
    text-align: center;
    transition-duration: 0.3s;
    border-radius: 5px;
}
 /* マウスオーバーした際のデザイン */
.ckk-pamphlet:hover{
    background: #fff; /* 背景色 */
    color: #00359e; /* 文字色 */
}

@media screen and (max-width: 430px) {
    .ckk-pamphlet{
    font-size: small;
    max-width: 180px;
    padding: 1rem 0.2rem;
  }
} 

input[type="text"],
input[type="email"],
input[type="tel"] {
    height: 38px;
    padding: 0 0.8rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    -webkit-appearance: none;
}

textarea {
    padding: 0.8rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}

input[type="submit"] {
    padding: 1rem;
    border-radius: 5px;
    background: #00359e;
    color: #fff;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    transition: 0.5s;
    -webkit-appearance: button;
}

input[type="submit"]:hover {
    opacity: 0.7;
}

hr {
    margin: 8rem 0;
    border: none;
    border-top: 1px solid #d6d6d6;
}

li.line {
    margin: 0 3%;
    border-right: 1px solid #000;
}

span.inline-block {
    display: inline-block;
}

span.color {
    color: #e60012;
    font-weight: bold;
}

:target::before {
    display: block;
    height: 152px;
    margin-top: -152px;
    content: "";
}

@media screen and (min-width: 767px) {
    table th {
        width: 25%;
    }
}

@media screen and (min-width: 768px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}

@media screen and (max-width: 895px) {
    :target::before {
        height: 70px;
        margin-top: -70px;
    }
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 2.8rem;
    }


    h2 {
        margin-bottom: 3rem;
        font-size: 2.4rem;
    }

    h3 {
        font-size: 2rem;
    }

    hr {
        margin: 4rem 0;
    }
}

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

    table th,
    table td {
        display: block;
        padding: 1rem;
    }

    table.table th,
    table.table td {
        display: table-cell;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
パンくずリスト
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
ul.breadcrumb {
    margin: 1.5rem 0 1rem;
    font-size: 1.4rem;
}

ul.breadcrumb li {
    display: inline-block;
    position: relative;
    margin: 0 2rem 0.5rem 0;
}

ul.breadcrumb li::after {
    position: absolute;
    right: -15px;
    bottom: -7px;
    font-size: 3rem;
    content: "›";
}

ul.breadcrumb li:last-of-type::after {
    content: "";
}

ul.breadcrumb li a {
    color: #00359e;
}

@media screen and (max-width: 767px) {
    ul.breadcrumb {
        display: none;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ナビゲーション
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
}

#open {
    display: none;
}

.close-bar {
    display: none;
}

.toggle {
    width: 30px;
    height: 23px;
    cursor: pointer;
    transition: 0.5s;
    flex: none;
}

.toggle:hover {
    opacity: 0.7;
}

.toggle>div {
    position: relative;
}

.toggle span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #00359e;
    transition: 0.35s ease-in-out;
}

.toggle span:nth-child(1) {
    top: 0;
}

.toggle span:nth-child(2) {
    top: 10px;
    width: 70%;
}

.toggle span:nth-child(3) {
    top: 20px;
    width: 40%;
}

nav.open {
    transform: translateX(0);
    transition: 0.3s;
}

nav.open .toggle span:nth-child(1) {
    top: 10px;
    transform: rotate(225deg);
}

nav.open .toggle span:nth-child(2) {
    left: 50%;
    width: 0;
}

nav.open .toggle span:nth-child(3) {
    top: 10px;
    width: 100%;
    transform: rotate(-225deg);
}

@media screen and (max-width: 895px) {
    #open {
        display: block;
    }

    .close-bar {
        display: flex;
        height: 70px;
        justify-content: space-between;
        align-items: center;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ヘッダー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
header {
    position: relative;
    z-index: 3;
    background: #fff;
}

header .header-bar-outer {
    width: 100%;
    height: 152px;
}

header .header-bar-inner {
    width: 100%;
    box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.1);
    background: #fff;
    transition: 0.5s;
    transform: translate3d(0, 0, 0);
}

header .header-bar-inner.change {
    position: fixed;
    top: 0;
    left: 0;
}

header .main-header {
    display: flex;
    height: 70px;
    justify-content:space-between;
    align-items: center;
}

 .main-header a.logo {
    margin-right: 2.7rem;
}

header .close-bar a.logo {
    margin-right: 1.5rem;
}

header ul.navigation1 {
    display: flex;
    width: 100%;
    max-width: 525px;
    justify-content: space-around;
    align-self: flex-start;
}

header ul.navigation1 li {
    width: 32%;
    border-radius: 0 0 5px 5px;
    transition: 0.5s;
}

header ul.navigation1 li:hover {
    opacity: 0.7;
}

header ul.navigation1 li a {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 1.4rem;
    text-align: center;
    padding: 1.8rem 0rem;
}

header ul.navigation1 li a:hover {
    opacity: 1;
}

header ul.navigation1 li.member {
    background: #00359e;
}

header ul.navigation1 li.member a::before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 1rem;
    background: url("/image/common/icon/member1.png") center center no-repeat;
    background-size: 20px 20px;
    vertical-align: -4px;
    content: "";
}


.header-content{
  margin: 0 4px;

}
/*202608　資料請求ページ廃止
.siryo{
    background: #00b0f0;
    padding: 8px 34px;
    box-sizing: border-box;
    font-size: 2rem;
    font-weight: bold;
    color: #fff;
    border-radius: 0 0 5px 5px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 1px;
}

.siryo::before {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 1rem;
    background: url("/image/common/icon/panf.png") center center no-repeat;
    background-size: 23px 23px;
    vertical-align: -4px;
    content: "";
}*/

header ul.navigation1 li.phone {
    background: #e60012;
}

header ul.navigation1 li.phone a::before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 1rem;
    background: url("/image/common/icon/phone1.png") center center no-repeat;
    background-size: 20px 20px;
    vertical-align: -4px;
    content: "";
}

@media screen and (max-width: 895px) {
    .header-content{
    display: none;
}

/*header ul.navigation1 li.siryo2 {
    background: #00b0f0;
}

header ul.navigation1 li.siryo2 a::before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 1rem;
    background: url("/image/common/icon/panf.png") center center no-repeat;
    background-size: 20px 20px;
    vertical-align: -4px;
    content: "";
}*/

header .main-header{
    justify-content: space-between;
}
}

/*@media screen and (min-width:896px){
    .siryo2{
        display: none;
    }
}*/
.logo{
    height: auto;
    vertical-align: middle;
}

.panf{
    padding-top: 5px;
}


header ul.navigation2 {
    display: flex;
    /* 20221007　中交協　伊藤　変更 */
    /* max-width: 1080px; */
    max-width: 1250px;
    margin: auto;
    padding: 0 20px;
    justify-content: space-around;
}

header ul.navigation2 li>a {
    display: block;
    position: relative;
}

header ul.navigation2>li>a {
    padding: 0 0.5rem 2rem;
    color: #00359e;
    font-weight: bold;
    line-height: 2;
    text-align: center;
}

header ul.navigation2 li>a:hover {
    color: #00359e;
    opacity: 1;
}

header ul.navigation2 li>a:hover::after {
    width: 100%;
}

header ul.navigation2 li>a::after {
    display: block;
    position: absolute;
    bottom: 0;
    width: 0;
    height: 4px;
    background: #00359e;
    content: "";
    transition: 0.3s;
}

header ul.navigation2>li>a::after {
    left: 50%;
    transform: translateX(-50%);
}

header ul.navigation2 li a.current::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 4px;
    background: #00359e;
    content: "";
}

header ul.navigation2 li.sub .container {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 77px;
    left: 0;
    z-index: 11;
    width: 100%;
    padding: 4rem 0;
    background: rgba(0, 53, 158, 0.9);
}

header ul.navigation2 li.sub:hover .container {
    visibility: visible;
    opacity: 1;
    top: 77px;
}

header ul.navigation2 li.sub .inner {
    display: flex;
    align-items: center;
}

header ul.navigation2 li.sub a.title {
    display: none;
    /* display: flex; */
    width: 254px;
    height: 180px;
    margin-right: 2%;
    border-radius: 5px;
    background: #fff;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    justify-content: center;
    align-items: center;
    transition: none;
}

header ul.navigation2 li.sub a.title span {
    display: block;
    margin-top: 1.5rem;
}

header ul.navigation2 ul.sub-menu {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}

header ul.navigation2 ul.sub-menu li {
    width: 29%;
    margin: 1rem 0 0.5rem 4%;
}

header ul.navigation2 ul.sub-menu li a {
    position: relative;
    padding-bottom: 1rem;
    color: #fff;
}

header ul.navigation2 ul.sub-menu li a::before {
    position: absolute;
    top: 6px;
    left: -12px;
    font-size: 0.8rem;
    content: "▶";
}

header ul.navigation2 ul.sub-menu li a::after {
    height: 2px;
    background: #fff;
}

header .navigation3 {
    padding: 1.5rem 0 10rem;
}

header .navigation3 ul.menu>li {
    width: 100%;
    border-top: 1px solid #d6d6d6;
}

header .navigation3 ul.menu:first-of-type>li {
    border: none;
}

header .navigation3 ul.menu>li>a {
    position: relative;
    width: 100%;
    color: #00359e;
}

header .navigation3 ul.menu>li>a:hover {
    opacity: 0.7;
}

header .navigation3 ul.menu>li>a::after {
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
    width: 16px;
    height: 16px;
    margin-left: 1rem;
    background: url("/image/common/icon/navigation1.png") center center no-repeat;
    background-size: 16px 16px;
    vertical-align: -2px;
    content: "";
}

header .navigation3 ul.sub-menu {
    display: flex;
    width: 100%;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

header .navigation3 ul.sub-menu li {
    width: 100%;
}

header .navigation3 ul.menu:nth-of-type(-n+2) ul.sub-menu li {
    width: 40%;
}

header .navigation3 ul.menu:nth-of-type(-n+2) ul.sub-menu li:nth-of-type(2n+1) {
    margin-right: 0.5rem;
}

@media screen and (min-width: 896px) {
    header nav {
        position: relative;
        padding-top: 3rem;
    }

    header nav ul.navigation1 {
        display: none;
    }

    header .navigation3 {
        display: none;
    }
}

@media screen and (max-width: 895px) {
    header .header-bar-outer {
        height: 70px;
    }

    header .main-header ul.navigation1 {
        display: none;
    }

    header nav {
        position: absolute;
        overflow-y: scroll;
        z-index: 2;
        top: 0;
        right: 0;
        width: 85%;
        max-width: 520px;
        padding: 0 2rem;
        background: #fff;
        transform: translateX(100%);
    }

    header ul.navigation1 li {
        border-radius: 5px;
    }

    header ul.navigation1 li a {
        padding: 1.5rem 5%;
    }

    header ul.navigation1 li.member a::before,
    header ul.navigation1 li.siryo2 a::before,
    header ul.navigation1 li.phone a::before {
        display: block;
        margin: 0 auto 0.5rem;
    }

    header ul.navigation2 {
        display: none;
    }
}
/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
フッター
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
footer {
    position: relative;
    z-index: 2;
    background: #fff;
}

footer section.navigation {
    background: #f6f6f6;
}

footer nav {
    padding: 6rem 0 5rem;
    border-top: 1px solid #d6d6d6;
}

footer .navigation3 {
    display: flex;
    justify-content: space-between;
}

footer .navigation3 ul.menu {
    width: 17%;
}

.navigation3 a:hover {
    color: #00359e;
    opacity: 1;
}

.navigation3 ul.menu>li>a {
    display: block;
    margin: 1.5rem 0;
    font-weight: bold;
}

footer .navigation3 ul.sub-menu {
    margin-bottom: 2.5rem;
}

.navigation3 ul.sub-menu li {
    margin: 1rem 0 0 1.7rem;
    font-size: 1.3rem;
}

.navigation3 ul.sub-menu li a {
    position: relative;
}

.navigation3 ul.sub-menu li a::before {
    position: absolute;
    top: 5px;
    left: -12px;
    color: #00359e;
    font-size: 0.8rem;
    content: "▶";
}

footer .banner {
    display: flex;
    padding: 6rem 0;
    border-top: 1px solid #d6d6d6;
    justify-content: space-between;
    align-items: center;
}

footer .banner .privacymark {
    display: flex;
    margin-right: 2rem;
    align-items: center;
}

footer .banner .privacymark a {
    flex: none;
}

footer .banner .privacymark p {
    display: inline;
    margin-left: 2rem;
    font-size: 1.4rem;
}

footer .banner .container {
    display: flex;
}

footer .banner .container a:first-of-type {
    margin-right: 10px;
}

footer .main-footer {
    padding: 6rem 0;
    text-align: center;
}

footer .main-footer small {
    display: block;
    color: #7f7f7f;
    font-size: 1.2rem;
    text-align: center;
}

footer section.guide {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

#page-top {
    display: none;
    position: relative;
}

#page-top span {
    position: absolute;
    right: 10px;
    bottom: 15px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    background: #fff;
    cursor: pointer;
    transition: 0.5s;
}

#page-top span::before {
    display: block;
    width: 10px;
    height: 10px;
    margin: 2.8rem auto 0;
    border-top: 2px solid #00359e;
    border-right: 2px solid #00359e;
    content: "";
    transform: rotate(-45deg);
}

#page-top span:hover {
    opacity: 0.7;
}

@media screen and (min-width: 768px) {
    footer .banner .container {
        flex: none;
    }

    footer .main-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

@media screen and (max-width: 895px) {
    footer nav {
        display: none;
    }
}

/* 766px〜1000pxのスタイル */
@media (min-width: 766px) and (max-width: 1000px) {
    footer .banner {
        flex-direction: column;
    }

    footer .banner .privacymark {
        margin: auto;
        text-align: center;
    }

    footer .banner .container {
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) {
    footer .banner {
        padding: 4rem 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    footer .banner .privacymark {
        margin: auto;
        text-align: center;
    }

    footer .banner .container {
        margin-top: 10px;
    }

    footer .main-footer {
        height: calc(260px + 12vw);
        padding: 4rem 0;
    }

    footer .main-footer img {
        margin-bottom: 2rem;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
メイン
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
main>article {
    padding-bottom: 8rem;
}

section.header .inner {
    display: flex;
    align-items: center;
}

section.header .slogan {
    font-size: 4rem;
    font-family: "Noto Serif JP", Roboto, "Droid Sans", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

section.header+section {
    padding-top: 8rem;
}

article section .description {
    margin-bottom: 8rem;
}

article section .description h2 {
    color: #111;
    font-size: 2.8rem;
}

ul.anchor {
    display: flex;
    border: 5px solid #00359e;
    border-radius: 5px;
    background: #fff;
    flex-wrap: wrap;
}

ul.anchor li a {
    display: inline-block;
    margin-left: 21px;
    color: #0068b7;
    cursor: pointer;
}

ul.anchor li a::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 -21px;
    background: url("/image/common/icon/navigation1.png") center center no-repeat;
    background-size: 16px 16px;
    vertical-align: -2px;
    content: "";
}

article ul.navigation {
    display: flex;
    padding: 4rem;
    border-radius: 5px;
    background: #7f9ace;
    justify-content: space-between;
    flex-wrap: wrap;
}

article ul.navigation li {
    width: 100%;
    border-radius: 5px;
    background: #fff;
}

article ul.navigation li a {
    display: flex;
    position: relative;
    padding: 2rem 4.5rem 2rem 2rem;
    color: #00359e;
    font-weight: bold;
    font-size: 1.8rem;
    align-items: center;
}

article ul.navigation li a::after {
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url("/image/common/icon/navigation1.png") center center no-repeat;
    background-size: 16px 16px;
    content: "";
}

article ul.navigation li a img {
    margin-right: 2rem;
    width: 80px;
    height: 80px;
}

ul.list {
    line-height: 2;
}

ul.list li {
    position: relative;
    padding-left: 2rem;
}

ul.list li::before {
    position: absolute;
    top: 14px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00359e;
    content: "";
}

span.list {
    display: block;
    position: relative;
    padding-left: 2rem;
}

span.list::before {
    position: absolute;
    top: 11px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00359e;
    content: "";
}

ul.office li {
    margin-bottom: 4rem;
    padding: 0 4rem 4rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    background: #fff;
}

ul.office li h4 {
    display: inline-block;
    padding: 4rem 0;
    border-top: 5px solid #00359e;
    font-size: 2.4rem;
}

p.annotation {
    display: block;
    margin: 4rem 0 0rem 2rem;
}

p.annotation::before {
    display: inline-block;
    width: 2rem;
    margin-left: -2rem;
    font-size: 1.4rem;
    content: "※";
}

p.annotation3{
    margin-left: 2rem;
}

p.annotation3::before {
    display: inline-block;
    width: 2rem;
    margin-left: -2rem;
    font-size: 1.4rem;
    content: "※";
}

.text-red {
    color: red;
}

.text-bold {
    font-weight: bold
}

.text-underline {
    text-decoration: underline;
}

span.daytime {
    display: inline-block;
    position: relative;
    padding-left: 50px;
    font-weight: bold;
    font-size: 1.8rem;
}

span.daytime::before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    background: url("/image/common/icon/daytime.png") center center no-repeat;
    background-size: 40px 40px;
    content: "";
}

span.nighttime {
    display: inline-block;
    position: relative;
    padding-left: 42px;
    font-weight: bold;
    font-size: 1.8rem;
}


footer li.phone {
    width: 50% !important;
}

footer li.phone a {
    width: 100% !important;
}

footer li.phone a span.daytime {
    width: 100% !important;
    margin-bottom: 0px !important;
    padding: 10px 0px;
}

footer li.phone a span.nighttime {
    background: #00359e;
    color: #fff;
    width: 100% !important;
    margin-bottom: 0px !important;
    padding: 10px 0px;
}

footer li.phone a span.daytime::before,
footer li.phone a span.nighttime::before {
    width: 20px !important;
    height: 20px !important;
    background-size: 20px !important;
    left: 20px;
}

span.nighttime::before {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 32px;
    height: 32px;
    margin: auto;
    background: url("/image/common/icon/nighttime.png") center center no-repeat;
    background-size: 32px 32px;
    content: "";
}

a.office {
    display: block;
    padding: 1.5rem 1rem;
    border-radius: 5px;
    background: #00359e;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

a.office::before {
    display: inline-block;
    width: 16px;
    height: 20px;
    margin-right: 1rem;
    background: url("/image/common/icon/office.png") center center no-repeat;
    background-size: 16px 20px;
    vertical-align: -4px;
    content: "";
}

a.office::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 1rem;
    background: url("/image/common/icon/navigation2.png") center center no-repeat;
    background-size: 16px 16px;
    vertical-align: -2px;
    content: "";
}

a.phone {
    display: flex;
    font-weight: bold;
    font-size: 4rem;
    font-family: Roboto, "Roboto", "Noto Sans JP", "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, arial, sans-serif;
    line-height: 1;
    justify-content: center;
    align-items: center;
    color: #000;
}

a.phone::before {
    display: inline-block;
    width: 54px;
    height: 30px;
    background: url("/image/common/icon/freedial.png") center center no-repeat;
    background-size: 54px 30px;
    content: "";
    align-self: flex-end;
}

a.phone span {
    display: inline-block;
}

a.phone small {
    display: block;
    margin-right: -1.6rem;
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
    text-align: right;
}

a.detail {
    display: flex;
    margin-top: 2rem;
    padding: 1.5rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    background: #fff;
    font-weight: bold;
    text-align: center;
    justify-content: center;
    align-items: center;
}

a.detail::after {
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 1rem;
    background: url("/image/common/icon/navigation1.png") center center no-repeat;
    background-size: 16px 16px;
    content: "";
    flex: none;
}

a.post {
    color: #0068b7;
}

a.post::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 0.5rem;
    background: url("/image/common/icon/navigation1.png") center center no-repeat;
    background-size: 16px 16px;
    vertical-align: -2px;
    content: "";
}

a.member {
    display: block;
    margin-top: 2rem;
    padding: 2rem;
    border: 2px solid #00359e;
    border-radius: 5px;
    color: #00359e;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
}

a.member::before {
    display: inline-block;
    width: 28px;
    height: 32px;
    margin-right: 1rem;
    background: url("/image/common/icon/member2.png") center center no-repeat;
    background-size: 28px 32px;
    vertical-align: -10px;
    content: "";
}

a.member::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 1rem;
    background: url("/image/common/icon/navigation1.png") center center no-repeat;
    background-size: 16px 16px;
    vertical-align: -1px;
    content: "";
}

a.contact p {
    font-size: 1.4rem;
}

span.contact {
    display: block;
    font-weight: bold;
    font-size: 3.6rem;
    font-family: Roboto, "Roboto", "Noto Sans JP", "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, arial, sans-serif;
}

span.contact::before {
    display: inline-block;
    width: 29px;
    height: 28px;
    margin-right: 1rem;
    background: url("/image/common/icon/phone2.png") center center no-repeat;
    background-size: 29px 28px;
    vertical-align: -1px;
    content: "";
}

a.mail {
    display: block;
    margin: 30px auto 1rem;
    padding: 1.5rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    background: #fff;
    font-weight: bold;
    text-align: center;
}

@media screen and (max-width:895px) {
    a.mail {
        margin: 45px auto 1rem;
    }
}

@media screen and (max-width:767px) {
    a.mail {
        margin: 0px auto 1rem;
    }
}

a.mail::before {
    display: inline-block;
    width: 26px;
    height: 18px;
    margin-right: 1rem;
    background: url("/image/common/icon/mail2.png") center center no-repeat;
    background-size: 26px 18px;
    vertical-align: -4px;
    content: "";
}

a.mail::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 1rem;
    background: url("/image/common/icon/navigation3.png") center center no-repeat;
    background-size: 16px 16px;
    vertical-align: -2px;
    content: "";
}

a.network {
    display: none;
    margin: auto;
    padding: 1.5rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    background: #fff;
    font-weight: bold;
    text-align: center;
}

a.network::before {
    display: inline-block;
    width: 24px;
    height: 26px;
    margin-right: 1rem;
    background: url("/image/common/icon/network.png") center center no-repeat;
    background-size: 24px 26px;
    vertical-align: -8px;
    content: "";
}

a.network::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 1rem;
    background: url("/image/common/icon/navigation3.png") center center no-repeat;
    background-size: 16px 16px;
    vertical-align: -2px;
    content: "";
}

a.external {
    display: inline-block;
    color: #0068b7;
}

a.external::after {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 0.3rem;
    background: url("/image/common/icon/external.png") center center no-repeat;
    background-size: 10px 10px;
    vertical-align: 1px;
    content: "";
}

a.link {
    display: inline-block;
    margin: 15px 0 0 21px;
    color: #0068b7;
}

a.link::before {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 5px 0 -21px;
    background: url("/image/common/icon/navigation1.png") center center no-repeat;
    background-size: 16px 16px;
    vertical-align: -2px;
    content: "";
}

@media screen and (min-width: 895px) {
    ul.anchor {
        padding: 3.5rem 2.5rem;
    }

    ul.anchor li {
        margin: 0.5rem 1.5rem;
    }

    article ul.navigation li {
        width: 49%;
    }

    a.mail {
        width: 280px;
    }

    a.network {
        width: 280px;
    }
}

@media screen and (max-width: 895px) {
    main>article {
        padding-bottom: 4rem;
    }

    section.header+section {
        padding-top: 4rem;
    }

    article section .description {
        margin-bottom: 4rem;
    }

    article section .description h2 {
        font-size: 2.2rem
    }

    ul.anchor li {
        width: 50%;
        border-top: 1px solid #d6d6d6;
        border-right: 1px solid #d6d6d6;
    }

    ul.anchor li a {
        display: block;
        padding: 1.5rem;
    }

    article ul.navigation {
        padding: 2rem;
    }

    article ul.navigation li:nth-last-of-type(n+2) {
        margin-bottom: 1rem;
    }

    ul.list {
        padding: 2rem;
    }

    ul.office li {
        margin-bottom: 2rem;
        padding: 0 2rem 2rem;
    }

    ul.office li h4 {
        padding: 2rem 0;
        font-size: 1.8rem;
    }

    ul.office li a {
        color: #0068b7;
    }

    p.annotation {
        margin-top: 2rem;
    }

    a.phone {
        width: 100%;
        padding: 0.6rem 1vw;
        border: 2px solid #00359e;
        border-radius: 5px;
        font-size: 4.5vw;
    }

    a.phone::before {
        width: 6vw;
        height: 4vw;
        background-size: 6vw auto;
    }

    a.phone::after {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 1rem;
        background: url("/image/common/icon/navigation1.png") center center no-repeat;
        background-size: 16px 16px;
        content: "";
    }

    a.phone small {
        font-size: 0.9rem;
        letter-spacing: 1vw;
    }

    a.post {
        display: block;
        margin-bottom: 4rem;
        padding: 1.5rem;
        border: 1px solid #d6d6d6;
        border-radius: 5px;
        color: #111;
        text-align: center;
    }

    a.post::before {
        display: none;
    }

    a.post::after {
        display: inline-block;
        width: 16px;
        height: 16px;
        margin-left: 1rem;
        background: url("/image/common/icon/navigation1.png") center center no-repeat;
        background-size: 16px 16px;
        vertical-align: -2px;
        content: "";
    }

    a.contact {
        display: flex;
        padding: 1.5rem;
        border: 1px solid #d6d6d6;
        border-radius: 5px;
        background: #fff;
        justify-content: center;
        align-items: center;
    }

    a.contact::after {
        display: block;
        width: 16px;
        height: 16px;
        margin-left: 1rem;
        background: url("/image/common/icon/navigation3.png") center center no-repeat;
        background-size: 16px 16px;
        content: "";
        flex: none;
    }
}

@media screen and (max-width: 639px) {
    section.header .slogan {
        font-size: 6vw;
    }
}

@media screen and (max-width: 567px) {
    a.phone {
        font-size: 2.5rem;
    }

    a.phone::before {
        width: 35px;
        height: 20px;
        background-size: 35px auto;
    }

    a.phone small {
        margin-right: -1.3rem;
        letter-spacing: 0;

    }
}

@media screen and (max-width: 479px) {
    span.contact {
        font-size: 8vw;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
アサイド
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
aside.bottom section.contact {
    background: #f6f6f6;
}

aside.bottom section.contact .header {
    height: 250px;
    background: none;
}

main.top aside.bottom section.contact .header {
    height: 400px;
    background: url("/image/common/contact.jpg") right center no-repeat;
    background-size: cover;
}

aside.bottom section.contact .inner {
    margin-top: -184px;
}

aside.bottom section.contact h2 {
    margin-bottom: 6rem;
    color: #111;
    text-shadow: 0 0 10px #fafcfb, 0 0 10px #fafcfb, 0 0 10px #fafcfb, 0 0 10px #fafcfb, 0 0 10px #fafcfb, 0 0 10px #fafcfb;
}

aside.bottom section.contact .phone-container dl {
    overflow: hidden;
    margin-bottom: 2rem;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    background: #fff;
}

aside.bottom section.contact .phone-container dl.daytime dt {
    padding: 3rem 2rem;
    border-bottom: 4px solid #e60012;
    background: url("/image/common/daytime.jpg") right center no-repeat;
    background-size: 160px 90px;
}

aside.bottom section.contact .phone-container dl.nighttime dt {
    padding: 3rem 2rem;
    border-bottom: 4px solid #e60012;
    background: url("/image/common/nighttime.png") right center no-repeat #ecf1f5;
    background-size: 160px 90px;
}

aside.bottom section.contact .phone-container dd {
    padding: 2rem;
}

aside.bottom section.contact .phone-container p {
    margin-bottom: 2rem;
}

aside.bottom section.contact a.detail {
    margin: 0;
    border: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

aside.bottom section.contact .contact-container {
    max-width: 700px;
    margin: auto;
    padding: 6rem 0;
    text-align: center;
}

aside.bottom section.contact .contact-container ul li {
    margin-bottom: 1rem;
}

aside.bottom section.contact .contact-container h3 {
    margin-bottom: 3rem;
    font-size: 2rem;
}

aside.bottom section.contact .contact-container span.title {
    display: inline-block;
    width: 280px;
    margin-bottom: 1rem;
    padding: 0.5rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    background: #fff;
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    aside.bottom section.contact .phone-container {
        display: flex;
        justify-content: space-between;
    }

    aside.bottom section.contact .phone-container dl {
        width: 49.5%;
    }

    aside.bottom section.contact .contact-container ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
}

@media screen and (max-width: 895px) {
    aside.bottom section.contact .header {
        height: 26vw;
        min-height: 170px;
        background: none;
    }

    main.top aside.bottom section.contact .header {
        height: 32vw;
        min-height: 170px;
        background: url("/image/common/contact2.jpg") right center no-repeat;
        background-size: cover;
    }

    aside.bottom section.contact .inner {
        margin-top: -120px;
    }
}

@media screen and (max-width: 767px) {
    aside.bottom section.contact .contact-container {
        padding: 4rem 0;
    }

    aside.bottom section.contact .contact-container h3 {
        margin-bottom: 2rem;
    }

    aside.bottom section.contact .contact-container span.title {
        width: 100%;
        border: 1px solid #000;
        background: none;
    }
}

@media screen and (max-width: 479px) {
    aside.bottom section.contact .phone-container dl.daytime dt {
        background: radial-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0) 70%), url("/image/common/daytime.jpg") right center no-repeat;
        background-size: auto 90px, 160px 90px;
    }

    aside.bottom section.contact .phone-container dl.nighttime dt {
        background: radial-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0) 70%), url("/image/common/nighttime.png") right center no-repeat #ecf1f5;
        background-size: auto 90px, 160px 90px;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
事故報告連絡先
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
section.guide .phone-container {
    overflow: hidden;
    width: 100%;
    margin: 6rem 0;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    background: #fff;
}

section.guide .phone-container h3 {
    padding: 1rem 2rem;
    background: #e60012;
    color: #fff;
}

section.guide .phone-container .phone-inner {
    padding: 2rem;
}

footer .phone-container .phone-inner {
    padding: 0rem !important;
}

section.guide .phone-container ul {
    display: flex;
    text-align: center;
    justify-content: space-around;
}

section.guide .phone-container ul li {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

section.guide .phone-container ul li:nth-of-type(2n+1) {
    width: 47%;
}

section.guide .phone-container a.office {
    width: 100%;
    max-width: 280px;
    color: #fff;
}

@media screen and (min-width: 1112px) {

    section.guide .phone-container span.daytime,
    section.guide .phone-container span.nighttime {
        margin-right: 2rem;
    }
}

@media screen and (max-width: 1111px) {
    section.guide .phone-container ul li {
        flex-wrap: wrap;
    }

    section.guide .phone-container span.daytime,
    section.guide .phone-container span.nighttime {
        margin-bottom: 1.5rem;
    }

    section.guide .phone-container span.daytime br,
    section.guide .phone-container span.nighttime br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    section.guide .phone-container {
        margin: 4rem 0;
    }

    article.home section.guide .phone-container ul {
        display: block;
    }

    article.home section.guide .phone-container ul li {
        display: block;
    }

    article.home section.guide .phone-container ul li:nth-of-type(2n+1) {
        width: 100%;
    }

    article.home section.guide .phone-container ul li.line {
        margin: 2rem 0;
        border: none;
        border-top: 1px solid #000;
    }

    article.home section.guide .phone-container a.office {
        max-width: none;
    }
}

@media screen and (max-width: 567px) {
    section.guide .phone-container span.daytime {
        padding-left: 8vw;
    }

    section.guide .phone-container span.daytime::before {
        width: 7vw;
        height: 7vw;
        background-size: 7vw 7vw;
    }

    section.guide .phone-container span.nighttime {
        padding-left: 7vw;
    }

    section.guide .phone-container span.nighttime::before {
        width: 6vw;
        height: 6vw;
        background-size: 6vw 6vw;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
事故報告連絡先（フッター）
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
footer section.guide .phone-container {
    margin: 0;
    border-radius: 0;
}

footer section.guide .phone-container h3 {
    padding: 0.5rem 1.5rem;
    font-size: 1.5rem;
}

footer section.guide .phone-container a.office {
    padding: 0.8rem 5%;
}

@media screen and (min-width: 768px) {
    footer section.guide .phone-container {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    footer section.guide .phone-container a.phone {
        font-size: 3.8vw;
    }

    footer section.guide .phone-container a.phone::before {
        width: 6vw;
        height: 4vw;
        background-size: 6vw auto;
    }

    footer section.guide .phone-container a.phone small {
        margin-right: -0.3vw;
        font-size: 0.8rem;
        letter-spacing: 0.3vw;
    }
}

@media screen and (max-width: 567px) {
    footer section.guide .phone-container .phone-inner {
        padding: 0px;
    }

    footer section.guide .phone-container span.daytime {
        font-size: 3.2vw;
    }

    footer section.guide .phone-container span.nighttime {
        font-size: 3.2vw;
    }
}

@media screen and (max-width: 479px) {
    footer section.guide .phone-container a.office {
        font-size: 3.5vw;
    }

    footer section.guide .phone-container a.office::before {
        margin-right: 5%;
        vertical-align: -5px;
    }

    footer section.guide .phone-container a.office::after {
        margin-left: 5%;
        vertical-align: -4px;
    }

    footer section.guide .phone-container a.phone::after {
        margin-left: 3%;
    }
}


/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ホーム
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.home ul.slide {
    opacity: 0;
    position: relative;
    height: 38vw;
}

.ls-thumbnail-hover {
    display: none !important;
}

article.home ul.slide.pc {
    display: block;
    z-index: 0;
    overflow: hidden;

    opacity: 1;
}

@media screen and (max-width:895px) {
    article.home ul.slide.pc {
        display: none;
    }
}

article.home ul.slide.phone {
    display: none;
}

@media screen and (max-width:895px) {
    article.home ul.slide.phone {
        display: block;
    }
}

article.home ul.slide li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

article.home section.header h1.slogan {
    font-weight: normal;
}

article.home section.header2 h1.slogan {
    width: 100%;
    color: #fff;
    text-align: center;
}

article.home section.header h1.slogan span {
    display: block;
    margin-top: 1rem;
    font-weight: bold;
    font-size: 2rem;
    font-family: Roboto, "Roboto", "Noto Sans JP", "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, arial, sans-serif;
}

article.home dl.attention {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: -12rem 0 15rem;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    background: #fff;
}

article.home dl.attention dt {
    display: inline-block;
    padding: 1.5rem;
    background: #e60012;
    color: #fff;
    font-weight: bold;
}

article.home dl.attention dt::before {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 1rem;
    background: url("/image/common/icon/attention1.png") center center no-repeat;
    background-size: 20px 20px;
    vertical-align: -4px;
    content: "";
}

article.home dl.attention dd {
    flex: 1;
}

article.home dl.attention dd a {
    display: block;
    padding: 1.5rem;
}

article.home h2 {
    color: #111;
}

article.home section.introduction ul {
    margin-top: 6rem;
}

article.home section.introduction ul li {
    position: relative;
    margin-bottom: 2rem;
    border-radius: 5px;
    transition: 0.5s;
}

article.home section.introduction ul li:hover {
    opacity: 0.7;
}

article.home section.introduction ul li a {
    display: block;
    height: 100%;
}

article.home section.introduction ul li a:hover {
    opacity: 1;
}

article.home section.introduction ul li/*:nth-of-type(-n+5)*/ h3  {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 1.5rem 4rem 1.5rem 2rem;
    background: rgba(255, 255, 255, 0.8);
    color: #00359e;
    font-weight: bold;
    font-size: 1.8rem;
}

article.home section.introduction ul li/*:nth-of-type(-n+5)*/ h3::after {
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url("/image/common/icon/navigation1.png") center center no-repeat;
    background-size: 16px 16px;
    content: "";
}

#page-id-5046>main>article>section.introduction>div>ul>li.service>a>h3::after {   /*id-8から変更*/
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url("/image/common/icon/navigation9.png") center center no-repeat;
    background-size: 16px 16px;
    content: "";
}

#page-id-5046>main>article>section.introduction>div>ul>li.jikoboservice>a>h3::after{     /*id-8から変更*/
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url("/image/common/icon/navigation9.png") center center no-repeat;
    background-size: 16px 16px;
    content: "";
}
article.home section.introduction ul li.jikoboservice h3{
    font-size: 1.5rem;
    padding: 7px 40px 7px 20px;
}

article.home section.introduction ul li.gaiyou {
    height: 255px;
    background: url("/image/home/gaiyou.jpg") center center no-repeat;
    background-size: cover;
}

article.home section.introduction ul li.keiyaku {
    height: 255px;
    background: url("/image/home/keiyaku.jpg") left center no-repeat;
    background-size: cover;
}

article.home section.introduction ul li.okitara {
    height: 255px;
    background: url("/image/home/okitara.jpg") right center no-repeat;
    background-size: cover;
}

article.home section.introduction ul li.service {
    height: 200px;
    /*	border: 1px solid #d6d6d6;*/
    background: url("/image/home/jikobo.png") center center no-repeat;
    background-size: cover; 
}

article.home section.introduction ul li.pamphlet2 {
    height: 200px;
    background: url("/image/home/pamphlet2.png") right center no-repeat;
    background-size: cover;
}

article.home section.introduction ul li.jikoboservice {
    height: 200px;
    background: url("/image/home/jikoboservice.png") right center no-repeat;
    background-size: cover;
}

@media screen and (max-width:640px) {
    article.home section.introduction ul li.service {
        background: radial-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0) 70%), url("/image/home/service.jpg") center left no-repeat;
        background-size: cover;
    }
}

article.home section.introduction ul li.service a,article.home section.introduction ul li.jikoboservice a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

article.home section.introduction ul li.service h3,article.home section.introduction ul li.jikoboservice h3 {
    color: #5E8234;
}

article.home section.introduction ul li.service a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

article.home section.introduction ul li.service h3 {
    color: #5E8234;
}

article.home section.introduction ul li.movie {
    height: 200px;
    background: url("/image/home/movie.jpg") left center no-repeat #f1f1f1;
    background-size: auto 200px;
}

article.home section.introduction ul li.movie a {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

article.home section.introduction ul li.movie h3 {
    position: relative;
    margin-right: 3rem;
    font-size: 1.2rem;
    text-align: center;
}

article.home section.introduction ul li.movie h3::before {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto 0.5rem;
    background: url("/image/common/icon/movie.png") center center no-repeat;
    background-size: 32px 32px;
    content: "";
}

article.home section.introduction ul li.movie h3 span {
    display: block;
}

article.home section.introduction ul li.movie h3 span:nth-of-type(n+2) {
    font-weight: 300;
    font-size: 2.4rem;
    font-family: Roboto, "Roboto", "Noto Sans JP", "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, arial, sans-serif;
    line-height: 1.2;
}

article.home section.introduction ul li.movie h3 span:nth-of-type(2) {
    color: #e60012;
}



@media screen and (min-width: 895px) {
    /*
▼スライダー機能導入により非表示
article.home ul.slide {
	min-height: 500px;
}

article.home section.header1 {
	background: url("/image/home/header1.jpg") 80% center no-repeat;
	background-size: cover;
}

article.home section.header2 {
	background: url("/image/home/header2-1.jpg") center center no-repeat;
	background-size: cover;
}
▲スライダー機能導入により非表示
*/

    article.home section.header .inner {
        max-width: 1920px;
        height: 38vw;
        min-height: 500px;
    }

    article.home dl.attention {
        display: flex;
    }

    article.home section.guide .post-container {
        display: flex;
    }

    article.home section.guide .post-container article.main {
        margin-right: 4rem;
        flex: 1;
    }

    article.home section.guide .post-container aside {
        width: 340px;
        flex: none;
    }

    article.home section.introduction ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    article.home section.introduction ul li {
        width: 33%;
        max-width: 340px;
    }

    /*article.home section.introduction ul li.service {
        width: 66.5%;
        max-width: 690px;
    }*/

    article.home section.introduction ul li.service h3 br {
        display: none;
    }
}

@media screen and (min-width: 480px) and (max-width: 895px) {
    article.home section.introduction ul li.movie h3 {
        text-align: left;
    }

    article.home section.introduction ul li.movie h3::before {
        position: absolute;
        bottom: 0;
        left: -12vw;
        width: 10vw;
        height: 11vw;
        background-size: 10vw auto;
    }

    article.home section.introduction ul li.movie h3 span:nth-of-type(1) {
        display: block;
        margin-bottom: 1rem;
        font-size: 2.5vw;
    }

    article.home section.introduction ul li.movie h3 span:nth-of-type(n+2) {
        display: inline;
        font-size: 5vw;
    }

    article.home section.introduction ul li.movie h3 span:nth-of-type(2) {
        margin-right: 1rem;
    }

    article.home section.introduction ul li.movie h3 br {
        display: none;
    }

    article.home section.introduction ul li.service h3 br {
        display: none;
    }
}

@media screen and (max-width: 895px) {
    article.home ul.slide {
        height: 128vw;
    }

    article.home section.header .inner {
        height: 43vw;
        text-align: center;
        justify-content: center;
    }
    article.home section.header10{
        height: 128vw;
        background:url("/image/home/header10.jpg") center center no-repeat;
        background-size:cover;
    }
    article.home section.header9{
        height: 128vw;
        background:url("/image/home/header9.jpg") center center no-repeat;
        background-size:cover;
    }
    article.home section.header1 .header1-1 {
        height: 43vw;
        background: url("/image/home/header1-1.jpg") center center no-repeat;
        background-size: cover;
    }

    article.home section.header1 .header1-2 {
        height: 43vw;
        background: url("/image/home/header1-2.jpg") center center no-repeat;
        background-size: cover;
    }

    article.home section.header1-3 {
        height: 128vw;
        background: url("/image/home/header1-3.png") center center no-repeat;
        background-size: cover;
    }

    article.home section.header2 .inner {
        height: 128vw;
    }

    article.home section.header2 {
        height: 128vw;
        background: url("/image/home/header2-1.png") center center no-repeat;
        background-size: cover;
    }

/*    article.home section.header3 {
        height: 128vw;
        background: url("/image/home/header3-1.jpg") center center no-repeat;
        background-size: cover;
    }*/

    /*20220408　中交協伊藤追加　スライダー画像4枚目追加　ここから*/

    article.home section.header4 {
        height: 128vw;
        background: url("/image/home/header4-1.png") center center no-repeat;
        background-size: cover;
    }

    article.home section.header4 .inner .link-button {
        width: 300px;
        position: absolute;
        top: 82%;
        left: 75%;
        -ms-transform: translate(-82%, -75%);
        -webkit-transform: translate(-82%, -75%);
        transform: translate(-82%, -75%);
        /*以下装飾*/
        margin: 0;
        /*余計な隙間を除く*/
        font-size: 32px;
        /*文字サイズ*/
        padding: 8px;
        /*文字と線の間の余白*/
        color: white;
        /*文字色*/
        text-decoration: none;
        /*下線を表示させない*/
        background: #DA1725;
        border: 1px solid #DA1725;
        border-radius: 20px;
        box-sizing: border-box;
    }

    /*20220408　中交協伊藤追加　ここまで*/

    /*20230928 中交協嶋谷　スライダー画像追加*/
    article.home section.header5 {
        height: 128vw;
        background: url("/image/home/header5.png") center center no-repeat;
        background-size: cover;
    }
    /*嶋谷　ここまで*/
    
    /*20231129 嶋谷追加
    article.home section.header6{
        height: 128vw;
        background:url("/image/home/header6.png") center center no-repeat;
        background-size:cover;
    }*/
    article.home section.header9 {
        height: 128vw;
        background: url("/image/home/header9.jpg") center center no-repeat;
        background-size: cover;
    }
    article.home section.header8 {
        height: 128vw;
        background: url("/image/home/header8.png") center center no-repeat;
        background-size: cover;
    }
  
    article.home dl.attention {
        margin: -2rem 0 4rem;
        padding: 0 0 0.5rem 2rem;
    }

    article.home dl.attention dt {
        padding-bottom: 0;
        border-top: 5px solid #e60012;
        background: #fff;
        color: #e60012;
    }

    article.home dl.attention dt::before {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 1rem;
        background: url("/image/common/icon/attention2.png") center center no-repeat;
        background-size: 20px 20px;
        vertical-align: -4px;
        content: "";
    }

    article.home section.introduction ul {
        margin-top: 4rem;
    }
}

/*20230313　中交協伊藤追加　スライダー画像4枚目のタブレット表示位置調整　ここから*/

/* 766px〜1000pxのスタイル */
@media (min-width: 766px) and (max-width: 1000px) {
    article.home section.header4 .inner .link-button {
        width: 500px;
        position: absolute;
        top: 80%;
        left: 68%;
        -ms-transform: translate(-80%, -68%);
        -webkit-transform: translate(-80%, -68%);
        transform: translate(-80%, -68%);
        font-size: 48px;
    }
}

/*20230313　中交協伊藤追加　ここまで*/

@media screen and (max-width: 479px) {
    article.home section.header h1.slogan span {
        font-size: 4vw;
    }
}

/*article.home section.introduction>div>ul>li.service>a>h3 {
    font-size: 26px;
}*/

@media screen and (max-width: 479px) {
    article.home section.introduction>div>ul>li.service>a>h3 {
        font-size: 18px;
    }

}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
組合について
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.gaiyou section.header {
    position: relative;
}

article.gaiyou section.header h1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    padding: 1.5rem 2rem;
    background: #00359e;
    color: #fff;
    font-size: 2rem;
}

@media screen and (max-width: 660px) {
    article.gaiyou section.header h1 {
        width: auto;
    }
}

article.gaiyou section.header h1>span {
    display: block;
    max-width: 500px;
    margin-left: auto;
}

article.gaiyou section.header .inner {
    width: 100%;
}

article.gaiyou section.header p.slogan {
    color: #111111;
}

article.gaiyou section.header #name-pc {
    display: block;
    text-align: right;
}

article.gaiyou section.header #name-sp {
    display: none;
    margin: 15px 0px 20px;
}

@media screen and (max-width:767px) {
    article.gaiyou section.header #name-pc {
        display: none;
    }

    article.gaiyou section.header #name-sp {
        display: block;
    }
}

article.gaiyou section.header .director {
    margin-top: 5%;
    text-align: left;
}

article.gaiyou section.header .director span {
    display: block;
    margin-bottom: 1rem;
    font-weight: bold;
    font-size: 1.2em;
}

article.gaiyou section.introduction p {
    margin-bottom: 3rem;
    line-height: 1.8;
}

article.gaiyou section.introduction .stance {
    overflow: hidden;
    margin: 8rem 0;
    border-radius: 5px;
    box-shadow: 0 0 0 5px #00359e inset;
}

article.gaiyou section.introduction .stance h2 {
    margin-bottom: 0;
    padding: 1rem 2rem;
    background: #00359e;
    color: #fff;
    font-size: 2.4rem;
}

article.gaiyou section.introduction .stance ol {
    margin-left: 20px;
    padding: 3rem 4rem;
    font-weight: bold;
    line-height: 2;
}

article.gaiyou section.introduction .stance ol li::before {
    display: inline-block;
    width: 20px;
    margin-left: -20px;
}

article.gaiyou section.summary .container {
    margin-bottom: 8rem;
    padding-top: 8rem;
    border-top: 1px solid #d6d6d6;
}

article.gaiyou section.summary .text p {
    margin-bottom: 3rem;
}

article.gaiyou section.summary .image div {
    display: flex;
    margin-top: 1%;
    justify-content: space-between;
    align-items: flex-start;
}

article.gaiyou section.summary ol {
    margin-left: 20px;
}

article.gaiyou section.summary ol li::before {
    display: inline-block;
    width: 20px;
    margin-left: -20px;
}

article.gaiyou section.summary ol ul {
    margin: 5px 0;
}

@media screen and (min-width: 768px) {
    article.gaiyou section.header {
        display: flex;
        height: 40vw;
        min-height: 500px;
        background: url("/image/gaiyou/header.jpg") 70% center no-repeat;
        background-size: cover;
    }

    article.gaiyou section.header .text {
        width: 520px;
        height: auto;
        /*	margin-left: auto; */
        padding-top: 8rem;
    }

    article.gaiyou section.introduction p {
        text-align: justify;
        text-justify: inter-ideograph;
    }

    article.gaiyou section.introduction p.gaiyo-message {
        font-size: 18px;
        margin-bottom: 1em;
    }

    article.gaiyou section.summary .container {
        display: flex;
    }

    article.gaiyou section.summary .image {
        flex: none;
    }

    article.gaiyou section.summary .text {
        margin-right: 7%;
    }
}

@media screen and (max-width: 767px) {
    article.gaiyou section.header .header1 {
        display: flex;
        height: 72vw;
        background: url("/image/gaiyou/header1.jpg") center center no-repeat;
        background-size: cover;
    }

    article.gaiyou section.header .inner {
        width: 100%;
        margin: -4rem auto 0 0;
        padding-right: 0;
        background: #fff;
    }

    article.gaiyou section.header .text {
        width: 100%;
        padding-top: 3rem;
    }

    article.gaiyou section.introduction p br {
        display: none;
    }

    article.gaiyou section.introduction .stance {
        margin: 4rem 0;
    }

    article.gaiyou section.introduction .stance ol {
        padding: 2rem;
    }

    article.gaiyou section.summary .container {
        margin-bottom: 4rem;
        padding-top: 4rem;
    }

    article.gaiyou section.summary .image img {
        width: 100%;
    }

    article.gaiyou section.summary .image div img {
        width: 50%;
    }

    article.gaiyou section.summary .image div img:first-of-type {
        width: 49%;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
共済商品のご案内
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.keiyaku section.header .header {
    height: 48vw;
    background: url("/image/keiyaku/header.jpg") right center no-repeat;
    background-size: cover;
}

article.keiyaku section.header h1 {
    padding: 2rem;
    background: #00359e;
    color: #fff;
}

article.keiyaku ul.product>li {
    border-bottom: 1px solid #d6d6d6;
}

article.keiyaku ul.product li .product-inner {
    padding: 8rem 0;
}

article.keiyaku ul.product li img {
    display: block;
    max-width: 880px;
    flex: none;
}

article.keiyaku ul.product li .text {
    position: relative;
    z-index: 1;
}

article.keiyaku ul.product li:nth-last-of-type(n+3) .text {
    max-width: 600px;
    margin-top: 6rem;
    padding: 6rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    background: #fff;
    flex: none;
}

article.keiyaku ul.product li h2 span {
    font-size: 1.6rem;
}

article.keiyaku ul.product li h3 {
    margin: 8rem 0 4rem;
    padding: 1rem 2rem;
    border-radius: 5px;
    background: #00359e;
    color: #fff;
}

article.keiyaku ul.product li .text table {
    margin-top: 6rem;
    flex: none;
}

article.keiyaku ul.product li table ol {
    margin-left: 2rem;
}

article.keiyaku ul.product li table ol li::before {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0.5rem 0 -2rem;
    border: 1px solid #111;
    border-radius: 50%;
    font-size: 1.1rem;
    line-height: 1.5rem;
    text-align: center;
    vertical-align: 1px;
    content: counter(number);
}

article.keiyaku ul.product li ul.link {
    margin-top: 6rem;
}

article.keiyaku ul.product li a.external img {
    display: block;
    margin-bottom: 1rem;
}

article.keiyaku ul.product li a.button-link {
    display: inline-block;
    background: #00359e;
    color: #fff;
    padding: 20px 50px;
    margin-top: 5rem;
    border-radius: 10px;
    letter-spacing: 2px;
}

@media screen and (min-width: 768px) {
    article.keiyaku section.header {
        display: flex;
        background: #00359e;
        align-items: center;
        flex-flow: row-reverse;
    }

    article.keiyaku section.header .header {
        width: 50%;
        height: 240px;
    }

    article.keiyaku section.header h1 {
        width: 50%;
        max-width: 540px;
        margin-left: auto;
    }

    article.keiyaku ul.product li#keiyaku05 .container {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    article.keiyaku ul.product li#keiyaku05 .text {
        margin-right: 7%;
    }
}

@media screen and (min-width: 1112px) {
    article.keiyaku ul.product li .container {
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    article.keiyaku ul.product li:nth-of-type(1) .container,
    article.keiyaku ul.product li:nth-of-type(3) .container {
        margin-left: -370px;
    }

    article.keiyaku ul.product li:nth-of-type(2) .container,
    article.keiyaku ul.product li:nth-of-type(4) .container {
        margin-right: -370px;
        flex-flow: row-reverse;
    }

    article.keiyaku ul.product li:nth-of-type(1) .text,
    article.keiyaku ul.product li:nth-of-type(3) .text {
        margin-left: -7rem;
    }

    article.keiyaku ul.product li:nth-of-type(2) .text,
    article.keiyaku ul.product li:nth-of-type(4) .text {
        margin-right: -7rem;
    }
}

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

    article.keiyaku ul.product li:nth-of-type(1) img,
    article.keiyaku ul.product li:nth-of-type(3) img {
        width: calc(100% + 20px);
        margin-left: -2rem;
    }

    article.keiyaku ul.product li:nth-of-type(2) img,
    article.keiyaku ul.product li:nth-of-type(4) img {
        width: calc(100% + 20px);
        margin: 0 -2rem 0 auto;
    }

    article.keiyaku ul.product li:nth-of-type(1) .text,
    article.keiyaku ul.product li:nth-of-type(3) .text {
        margin: -4rem -2rem 0 auto;
    }

    article.keiyaku ul.product li:nth-of-type(2) .text,
    article.keiyaku ul.product li:nth-of-type(4) .text {
        margin: -4rem auto 0 -2rem;
    }
}

@media screen and (max-width: 767px) {
    article.keiyaku section.header h1 {
        width: calc(100% - 20px);
        margin-top: -4rem;
    }

    article.keiyaku section.product ul.anchor li {
        width: 100%;
    }

    article.keiyaku ul.product li .product-inner {
        padding: 4rem 0;
    }

    article.keiyaku ul.product li h3 {
        margin: 4rem 0 2rem;
    }

    article.keiyaku ul.product li#keiyaku05 .text {
        margin-bottom: 3rem;
    }

    article.keiyaku ul.product li:nth-last-of-type(n+3) .text {
        padding: 3rem 2rem;
    }

    article.keiyaku ul.product li .text table {
        margin-top: 3rem;
    }

    article.keiyaku ul.product li ul.link {
        margin-top: 3rem;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
よくあるご質問
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.qa a {
    color: #0068b7;
}

article.qa section.header .header {
    height: 48vw;
    background: url("/image/qa/header.jpg") center 30% no-repeat;
    background-size: cover;
}

article.qa section.header h1 {
    padding: 2rem;
    background: #00359e;
    color: #fff;
}

article.qa section.qa {
    counter-reset: number;
}

article.qa section.qa h2 {
    padding-top: 8rem;
}

article.qa section.qa hr {
    display: none;
    margin: 0 auto;
    width: calc(100% - 8rem);
}

article.qa section.qa dl.qa>dt {
    position: relative;
    margin-top: 4rem;
    padding: 4rem 10rem 4rem 11rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    font-weight: bold;
    font-size: 2.4rem;
    cursor: pointer;
    transition: 0.5s;
}

article.qa section.qa dl.qa {
    counter-reset: number;
}

article.qa section.qa dl.qa>dt::before {
    display: block;
    position: absolute;
    top: 38px;
    left: 0;
    width: 100px;
    color: #00359e;
    font-size: 3rem;
    font-family: Roboto, "Roboto", "Noto Sans JP", "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, arial, sans-serif;
    text-align: right;
    content: "" counter(number, decimal) ".";
    counter-increment: number;
}

article.qa section.qa dl.qa>dt:after {
    position: absolute;
    top: 4rem;
    right: 4rem;
    color: #00359e;
    content: "＋";
}

article.qa section.qa dl.qa>dt.open {
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

article.qa section.qa dl.qa>dt.open:after {
    content: "－";
}

article.qa section.qa dl.qa>dt:hover {
    opacity: 0.7;
}

article.qa section.qa dl.qa>dd {
    display: none;
    position: relative;
    padding: 4rem 4rem 4rem 11rem;
    border: 1px solid #d6d6d6;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

article.qa section.qa dl.qa>dd::before {
    display: block;
    color: #e60012;
    font-weight: bold;
    font-size: 3rem;
    content: "";
}

article.qa section.qa dl.qa>dd>ol {
    margin: 30px 0 30px 20px;
    font-weight: bold;
}

article.qa section.qa dl.qa>dd>ol li::before {
    display: inline-block;
    width: 20px;
    margin-left: -20px;
}

article.qa section.qa dl.qa>dd h3 {
    margin: 6rem 0 3rem;
    border-bottom: 2px solid #d6d6d6;
    font-size: 2rem;
}

article.qa section.qa dl.qa>dd h3 span {
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 2px solid #00359e;
}

article.qa section.qa dl.qa>dd table {
    margin-top: 2rem;
}

article.qa section.qa dl.qa>dd p+table {
    margin-top: 3rem;
}

article.qa section.qa dl.qa>dd table.table th {
    width: 20%;
}

article.qa section.qa dl.qa>dd table.table td {
    width: 40%;
}

article.qa section.qa dl.qa>dd table ol {
    margin-left: 30px;
}

article.qa section.qa dl.qa>dd table ol li::before {
    display: inline-block;
    width: 40px;
    margin-left: -40px;
    content: "（" counter(number) "）";
}

article.qa section.qa dl.qa>dd p.annotation {
    margin-bottom: 4rem;
}

article.qa section.qa dl.answer {
    counter-reset: number;
}

article.qa section.qa dl.answer>dt {
    margin: 6rem 0 3rem;
    border-bottom: 2px solid #d6d6d6;
    font-weight: bold;
    font-size: 2rem;
}

article.qa section.qa dl.answer>dt span {
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 2px solid #00359e;
}

article.qa section.qa dl.answer>dt span::before {
    display: inline-block;
    width: 25px;
    content: counter(number) ".";
    counter-increment: number;
}

article.qa section.qa dl.answer>dt span.kujo::before {
    content: none;
}

article.qa section.qa dl.answer dd img {
    display: block;
    margin: 4rem auto 0;
}

article.qa section.qa dl.answer-inner {
    margin: 30px 0 0 20px;
}

article.qa section.qa dl.answer-inner dt {
    position: relative;
    font-weight: bold;
}

article.qa section.qa dl.answer-inner dt::before {
    position: absolute;
    top: 11px;
    left: 4px;
    width: 6px;
    height: 6px;
    margin-left: -20px;
    border-radius: 50%;
    background: #00359e;
    content: "";
}

@media screen and (min-width: 640px) {
    article.qa section.qa dl.qa>dd table th {
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    article.qa section.header {
        display: flex;
        background: #00359e;
        align-items: center;
        flex-flow: row-reverse;
    }

    article.qa section.header .header {
        width: 50%;
        height: 240px;
    }

    article.qa section.header h1 {
        width: 50%;
        max-width: 540px;
        margin-left: auto;
    }

    article.qa section.qa dl.qa>dd::before {
        position: absolute;
        top: 32px;
        left: 0;
        width: 100px;
        text-align: right;
    }
}

@media screen and (max-width: 767px) {
    article.qa section.header h1 {
        width: calc(100% - 20px);
        margin-top: -4rem;
    }

    article.qa section.qa h2 {
        padding-top: 4rem;
    }

    article.qa section.qa ul.anchor li {
        width: 100%;
    }

    article.qa section.qa hr {
        width: calc(100% - 4rem);
    }

    article.qa section.qa dl.qa>dt {
        margin-top: 2rem;
        padding: 2rem 5rem 2rem 8rem;
        font-size: 1.8rem;
    }

    article.qa section.qa dl.qa>dt::before {
        top: 18px;
        width: 70px;
        font-size: 2.4rem;
    }

    article.qa section.qa dl.qa>dt:after {
        top: 2rem;
        right: 2rem;
    }

    article.qa section.qa dl.qa>dd {
        padding: 0 2rem 2rem 2rem;
    }

    article.qa section.qa dl.qa>dd::before {
        width: 70px;
    }

    article.qa section.qa dl.qa>dd h3 {
        margin: 3rem 0 2rem;
    }

    article.qa section.qa dl.qa>dd p.annotation {
        margin-bottom: 2rem;
    }

    article.qa section.qa dl.answer>dt {
        margin: 3rem 0 2rem;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
事故が起きたら
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.okitara section.header .header {
    height: 48vw;
    background: url("/image/okitara/header.jpg") right 30% no-repeat;
    background-size: cover;
}

article.okitara section.header h1 {
    padding: 2rem;
    background: #00359e;
    color: #fff;
}

article.okitara section.step ul.step {
    counter-reset: number;
}

article.okitara section.step ul.step li {
    display: flex;
    position: relative;
    margin-bottom: 5rem;
    padding: 4rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    justify-content: space-between;
    align-items: flex-start;
}

article.okitara section.step div.download-file {
    padding: 4rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}

article.okitara section.step div.download-file img {
    margin: 0px 0px 10px;
}

article.okitara section.step div.download-file p span {
    display: inline-block;
    margin-right: 20px;
}

article.okitara section.step ul.step li:nth-last-of-type(n+2)::after {
    position: absolute;
    right: 0;
    bottom: -41px;
    left: 0;
    width: 0;
    height: 0;
    margin: auto;
    border-top: 30px solid #7f9ace;
    border-right: 45px solid transparent;
    border-left: 45px solid transparent;
    content: "";
}

article.okitara section.step ul.step li h3 {
    margin-bottom: 3rem;
}

article.okitara section.step ul.step li h3 span {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border: 1px solid #00359e;
    border-radius: 50%;
    color: #00359e;
    text-align: center;
}

article.okitara section.step ul.step li h3 span::before {
    display: block;
    position: absolute;
    top: 15px;
    right: 0;
    left: 0;
    margin: auto;
    font-size: 1.6rem;
    content: "STEP";
}

article.okitara section.step ul.step li h3 span::after {
    display: block;
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    margin: auto;
    font-size: 4rem;
    font-family: Roboto, "Roboto", "Noto Sans JP", "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, arial, sans-serif;
    content: counter(number, decimal-leading-zero);
    counter-increment: number;
}

article.okitara section.step ul.step li img {
    width: 100%;
}

@media screen and (min-width: 768px) {
    article.okitara section.header {
        display: flex;
        background: #00359e;
        align-items: center;
        flex-flow: row-reverse;
    }

    article.okitara section.header .header {
        width: 50%;
        height: 240px;
    }

    article.okitara section.header h1 {
        width: 50%;
        max-width: 540px;
        margin-left: auto;
    }

    article.okitara section.step ul.step li .text {
        margin-right: 4rem;
    }

    article.okitara section.step ul.step li h3 {
        display: flex;
        position: relative;
        height: 100px;
        padding-left: 120px;
        align-items: center;
    }

    article.okitara section.step ul.step li h3 span {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
    }

    article.okitara section.step ul.step li img {
        width: 320px;
        flex: none;
    }
}

@media screen and (max-width: 767px) {
    article.okitara section.header h1 {
        width: calc(100% - 20px);
        margin-top: -4rem;
    }

    article.okitara section.step ul.step li {
        padding: 2rem;
        flex-wrap: wrap;
    }

    article.okitara section.step ul.step li .text {
        margin: 0 auto 3rem;
    }

    article.okitara section.step ul.step li h3 {
        text-align: center;
    }

    article.okitara section.step ul.step li h3 span {
        position: relative;
        margin-bottom: 2rem;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
事故防⽌への取り組み
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.service {
    padding-bottom: 0px;
}

article.service section.header {
    display: flex;
    position: relative;
}

section.header+section.service {
    padding-top: 0px;
}

article.service section.header .slogan {
    font-family: "Noto Sans JP", Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, arial, sans-serif;
    color: #6CA644;
}

article.service section.header h1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    padding: 1.5rem 2rem;
    background: url("/image/service/service-title-back.png");
    color: #fff;
    font-size: 2rem;
}

article.service section.header h1>span {
    display: block;
    max-width: 500px;
    margin-left: auto;
}

article.service section.header .inner {
    width: 100%;
    flex-wrap: wrap;
}

article.service section.header .text {
    width: auto;
    height: auto;
    color: #fff;
    margin: 300px auto;
    text-align: center;
}

article.service.jikoboshi section.header .text {
    margin: 0px auto;
}

@media screen and (max-width:767px) {
    article.service section.header .text {
        margin: 0px auto;
    }
}

article.service section.header .text p.slogan {
    margin-bottom: 5rem;
}

article.service section.header .text p.slogan br {
    display: none;
}

@media screen and (max-width:1200px) {
    article.service section.header .text p.slogan br {
        display: block;
    }
}

article.service ul.anchor {
    position: relative;
    z-index: 1;
}

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

article.service section.service {
    background: url("/image/service/back.gif");
}

article.service section.service .inner {
    background: transparent;
    padding-bottom: 8rem;
    padding-top: 8rem;
}

/*　20220418　中交協伊藤追加　運行管理者等　一般講習（貨物限定）のタイトル調節　*/
article.service section.service .inner #service05 .service-title .title-unkou-ippan-2 {
    margin: 1.5rem 0;
}

article.service section.service .pc-box {
    display: block;
    text-align: center;
    position: relative;
}

@media screen and (max-width:1070px) {
    article.service section.service .pc-box {
        display: none;
    }
}

article.service section.service .tablet-box {
    display: none;
    text-align: center;
    width: 600px;
    margin: 0px auto;
    position: relative;
}

@media screen and (max-width:1070px) {
    article.service section.service .tablet-box {
        display: block;
    }
}

article.service section.service .phone-box {
    display: none;
    text-align: center;
}

@media screen and (max-width:767px) {
    article.service section.service .tablet-box {
        display: none;
    }

    article.service section.service .phone-box {
        display: block;
    }
}

article.service section.service #service-m01 {
    background-image: url(/image/service/service01-h.png);
    display: block;
    width: 515px;
    height: 390px;
    float: left;
    opacity: 1;
}

article.service section.service #service-m01 img {
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

@media screen and (max-width:1070px) {
    article.service section.service #service-m01 {
        background-image: url(/image/service/service01-t-h.png);
        width: 300px;
        height: 227px;
    }

    article.service section.service #service-m01 img {
        -webkit-transition: opacity 1s ease-out;
        -moz-transition: opacity 1s ease-out;
        -ms-transition: opacity 1s ease-out;
        transition: opacity 1s ease-out;
    }
}

article.service section.service #service-m01:hover img {
    opacity: 0;
}

@media screen and (max-width:1070px) {
    article.service section.service #service-m01:hover img {
        opacity: 0;
    }
}

article.service section.service #service-m02 {
    background-image: url(/image/service/service02-h.png);
    display: block;
    width: 515px;
    height: 390px;
    float: left;
    opacity: 1;
}

article.service section.service #service-m02 img {
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

@media screen and (max-width:1070px) {
    article.service section.service #service-m02 {
        background-image: url(/image/service/service02-t-h.png);
        width: 300px;
        height: 227px;
    }

    article.service section.service #service-m02 img {
        -webkit-transition: opacity 1s ease-out;
        -moz-transition: opacity 1s ease-out;
        -ms-transition: opacity 1s ease-out;
        transition: opacity 1s ease-out;
    }
}

article.service section.service #service-m02:hover img {
    opacity: 0;
}

@media screen and (max-width:1070px) {
    article.service section.service #service-m02:hover img {
        opacity: 0;
    }
}

article.service section.service #service-m03 {
    background-image: url(/image/service/service03-h.png);
    display: block;
    width: 515px;
    height: 390px;
    float: left;
    opacity: 1;
}

article.service section.service #service-m03 img {
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

@media screen and (max-width:1070px) {
    article.service section.service #service-m03 {
        background-image: url(/image/service/service03-t-h.png);
        width: 300px;
        height: 227px;
    }

    article.service section.service #service-m03 img {
        -webkit-transition: opacity 1s ease-out;
        -moz-transition: opacity 1s ease-out;
        -ms-transition: opacity 1s ease-out;
        transition: opacity 1s ease-out;
    }
}

article.service section.service #service-m03:hover img {
    opacity: 0;
}

@media screen and (max-width:1070px) {
    article.service section.service #service-m03:hover img {
        opacity: 0;
    }
}

article.service section.service #service-m04 {
    background-image: url(/image/service/service04-h.png);
    display: block;
    width: 515px;
    height: 390px;
    float: left;
    opacity: 1;
}

article.service section.service #service-m04 img {
    display: block;
    float: left;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -ms-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

@media screen and (max-width:1070px) {
    article.service section.service #service-m04 {
        background-image: url(/image/service/service04-t-h.png);
        width: 300px;
        height: 227px;
    }

    article.service section.service #service-m04 img {
        background-image: url(/image/service/service04-t-h.png);
        -webkit-transition: opacity 1s ease-out;
        -moz-transition: opacity 1s ease-out;
        -ms-transition: opacity 1s ease-out;
        transition: opacity 1s ease-out;
    }
}

article.service section.service #service-m04:hover img {
    opacity: 0;
}

@media screen and (max-width:1070px) {
    article.service section.service #service-m04:hover img {
        opacity: 0;
    }
}

article.service section.service ul li {
    background: #fff;
    margin-bottom: 80px;
    padding: 30px 80px 45px 50px;
    border-radius: 20px;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
}

/* 20220304 中交協_伊藤追加（背景画像変更）*/
/*article.service.tekisei section.service ul li#service02 {
	background-image: url(/image/service/note-tokubetutekisei.png);
}*/
article.service.tekisei section.service ul li#service02 {
    background-image: url(/image/service/note-tokubetutekisei.png);
    padding-bottom: 90px;
}

article.service.tekisei section.service ul li#service03 {
    background-image: url(/image/service/note-ippantekisei.png);
    padding-bottom: 90px;
}

article.service.kosyu section.service ul li#service02 {
    background-image: url(/image/service/note-tokubetsushido.png);
    padding-bottom: 65px;
}

article.service.kosyu section.service ul li#service03 {
    background-image: url(/image/service/note-ippankosyu.png);
    padding-bottom: 30px;
}

article.service.kosyu section.service ul li#service07 {             /*中交協嶋谷追加_一般講習背景修正*/
    background-image: url(/image/service/note-ippankosyu.png);
    padding-bottom: 30px;
}
article.service.kosyu section.service ul li#service04 {
    background-image: url(/image/service/note-kobetsukosyu.png);
    padding-bottom: 15px;
}

article.service.kosyu section.service ul li#service05 {
    background-image: url(/image/service/note-kanrikosyu.png);
    padding-bottom: 65px;
}


article.service.hojo section.service ul li#service02 {
    background-image: url(/image/service/note-tekiseishindanjushin.png);
    padding-bottom: 25px;
}

/* 20230401　中交協伊藤　背景変更　ここから */

article.service.hojo section.service ul li#service03 {
    background-image: url(/image/service/note-ippankosyu.png);
    padding-bottom: 140px;
}

/* ここまで */

article.service.hojo section.service ul li#service04 {
    background-image: url(/image/service/note-jikoboshikiki.png);
    padding-bottom: 70px;
}

article.service.hojo section.service ul li#service05 {
    background-image: url(/image/service/note-untenkiroku.png);
    padding-bottom: 25px;
}

article.service.hojo section.service ul li#service10 {   /*グリーン経営認証*/
    background-image: url(/image/service/note-tekiseishindanjushin.png);
    padding-bottom: 40px;
}

article.service.sonota section.service ul li#service02 {
    background-image: url(/image/service/note-commentary.png);
    padding-bottom: 70px;
}

article.service.sonota section.service ul li#service03 {
    background-image: url(/image/service/note-hyosyo.png);
    padding-bottom: 65px;
}

article.service.sonota section.service ul li#service04 {
    background-image: url(/image/service/note-goods.png);
    padding-bottom: 90px;
}

article.service.sonota section.service ul li#service05 {
    background-image: url(/image/service/note-dvd.png);
    padding-bottom: 70px;
}


article.service.sonota section.service ul li#service06 {
    background-image: url(/image/service/note-kobetsujigyosyo.png);
    padding-bottom: 55px;
}

@media screen and (max-width:1150px) {
    article.service section.service ul li {
        padding: 30px;
        background-image: none !important;
    }
}

article.service section.service ul li h3 {
    margin: 6rem 0 4rem;
    padding: 1rem 2rem;
    border-radius: 5px;
    background: #00359e;
    color: #fff;
}

article.service section.service ul li .container h3:first-of-type {
    margin-top: 0;
}

article.service section.service ul li .image {
    text-align: center;
}

article.service section.service ul li .image figcaption {
    margin-top: 1rem;
    font-size: 1.4rem;
}

article.service section.service ul li img {
    flex: none;
}

@media screen and (min-width: 640px) {
    article.service section.service ul li .image {
        display: flex;
        justify-content: center;
        flex: none;
    }

    article.service section.service ul li .image figure:nth-of-type(n+2) {
        margin-left: 2rem;
    }
}

article.service section.service ul li .text {
    width: 100%;
}

@media screen and (min-width: 768px) {
    article.service section.header {
        height: 40vw;
        min-height: 760px;
        background: url("/image/service/header.jpg") center center no-repeat;
        background-size: cover;
        background-position: 20% center;
    }

    article.service.tekisei section.header {
        background: url("/image/service/tekisei-header.jpg") center center no-repeat;
        background-size: cover;
        background-position: 0% center;
    }

    article.service.kosyu section.header {
        background: url("/image/service/kosyu-header.jpg") center center no-repeat;
        background-size: cover;
        background-position: 0% center;
    }

    article.service.hojo section.header {
        background: url("/image/service/hojo-header.jpg") center center no-repeat;
        background-size: cover;
        background-position: 0% center;
    }

    article.service.sonota section.header {
        background: url("/image/service/sonota-header.jpg") center center no-repeat;
        background-size: cover;
        background-position: 0% center;
    }

    article.service ul.anchor {
        margin: -27rem 0 10%;
        border: none;
    }

    article.service section.service ul li .container {
        display: flex;
        align-items: flex-start;
    }

    article.service section.service ul li .text {
        margin-right: 7%;
    }
}

@media screen and (max-width: 1111px) {
    article.service section.service ul li#service01 .container {
        display: block;
    }

    article.service section.service ul li#service01 .text {
        margin-bottom: 3rem;
    }
}

@media screen and (max-width: 767px) {
    article.service section.header {
        height: 144vw;
        background: url("/image/service/header1.jpg") center center no-repeat;
        background-size: cover;
    }

    article.service.tekisei section.header {
        background: url("/image/service/tekisei-header1.jpg") center center no-repeat;
        background-size: cover;
    }

    article.service.kosyu section.header {
        background: url("/image/service/kosyu-header1.jpg") center center no-repeat;
        background-size: cover;
    }

    article.service.hojo section.header {
        background: url("/image/service/hojo-header1.jpg") center center no-repeat;
        background-size: cover;
    }

    article.service.sonota section.header {
        background: url("/image/service/sonota-header1.jpg") center center no-repeat;
        background-size: cover;
    }

    article.service ul.anchor {
        margin: -4rem 0 0;
    }

    article.service section.service ul li h3 {
        margin: 3rem 0 2rem;
    }

    article.service section.service ul li .text {
        margin-bottom: 3rem;
    }

  /*  article.service section.service ul li .text+img {
        width: 100%;
    }*/


}

@media screen and (max-width: 639px) {
    article.service section.service ul li .image figure {
        margin-bottom: 3rem;
    }
}

article.service section.service ul li .bar-contact {
    margin-top: 50px;
}

@media screen and (max-width: 479px) {
    article.service ul.anchor li {
        width: 100%;
    }
}

/* 事故防止共通 */
article.service .service-title img {
    margin: 3rem 0;
}

article.service section.header .service-title img {
    margin: 3rem auto;
}

article.service section.header .text table#link-title {
    width: 100%;
    border: 0px;
}

article.service section.header .text table#link-title tr td {
    border: 0px;
    height: 200px;
}

@media screen and (max-width: 1200px) {
    article.service section.header .text table#link-title tr td {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    article.service section.header .text table#link-title tr td {
        height: auto;
    }
}

article.service section.header .text table#link-title a {
    color: #6CA644;
    display: inline-block;
    font-size: 26px;
    margin: 0px;
    position: relative;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
}

article.service section.header .text table#link-title a:after {
    position: absolute;
    content: "";
    width: 250px;
    height: 92px;
    top: 0px;
    right: -200px;
    background: url(/image/service/line.png);
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    article.service section.header .text table#link-title a:after {
        display: none;
    }
}

article.service section.header .text table#link-title a span {
    display: block;
    font-size: 18px;
    font-weight: 100;
}

article.service section.service ul li#service01 {
    padding: 0px;
    border: 0px;
}

article.service section.service h2 {
    display: block;
    padding: 10px 20px;
    background: url(/image/service/service-title-back.png);
    border-radius: 10px;
    color: #fff;
    line-height: 1.6;
}

article.service .jikoboshi-title {
    position: relative;
    color: #548235;
    border-bottom: 5px dotted #70AD47;
    font-size: 44px;
    font-weight: bold;
    display: inline-block;
    padding: 10px 20px 10px 80px;
}

article.service .jikoboshi-title:before {
    position: absolute;
    content: "";
    width: 62px;
    height: 50px;
    top: 22px;
    left: 0px;
    background: url(/image/service/clover.png);
    background-repeat: no-repeat;
}

@media screen and (max-width:767px) {
    article.service .jikoboshi-title {
        font-size: 30px;
    }

    article.service .jikoboshi-title:before {
        top: 10px;
    }
}

article.service .download {
    border: 5px dotted #BDD7EE;
    padding: 10px;
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
}

article.service .download a {
    color: #5B9BD5;
    font-weight: bold;
}

article.service .download img {
    margin-bottom: 5px;
}

@media screen and (max-width:767px) {
    article.service .download img {
        display: block;
    }
}

article.service .download-orange {
    border: 5px dotted #F8CBAD;
    padding: 10px;
    border-radius: 10px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
}

article.service .download-orange a {
    color: #ED7D31;
    font-weight: bold;
}

article.service .download-orange a:hover {
    color: #d5702b;
}

article.service .download-orange img {
    margin-bottom: 5px;
}

@media screen and (max-width:767px) {
    article.service .download-orange img {
        display: block;
    }
}

article.service a {
    color: #0068b7;
}

article.service section.service ul li h3 {
    background: #30a039;
}

article.service section .service-title .pc-title {
    display: block;
}

@media screen and (max-width:1150px) {
    article.service section .service-title .pc-title {
        display: none;
    }
}

article.service section .service-title .sp-title {
    display: none;
}

@media screen and (max-width:1150px) {
    article.service section .service-title .sp-title {
        display: block;
    }
}

article.service section.service ul li .service-img {
    max-width: 450px;
}

article.service section.service ul li .service-img2 {
    max-width: 450px;
    margin-right: 50px;
}
@media screen and (max-width:991px) {
    article.service section.service ul li .service-img {
        max-width: 300px;
    }

    article.service section.service ul li .service-img2 {
        max-width: 210px;
        margin: 0 55px;
    }
}
@media screen and (max-width:390px) {
    article.service section.service ul li .service-img2{
        margin:0 30px;
    }
}


/*header>div.header-bar-outer>div>nav>ul.navigation2>li:nth-child(4)>a:after {
    background: #83C937;
}

header>div.header-bar-outer>div>nav>ul.navigation2>li:nth-child(4)>a:hover {
    color: #83C937;
    transition: 0.5s;
}

header>div.header-bar-outer>div>nav>ul.navigation2>li:nth-child(4)>a.current {
    color: #83C937;
}

header>div.header-bar-outer>div>nav>ul.navigation2>li:nth-child(4)>a.current:after {
    background: #83C937;
}

header>div.header-bar-outer>div>nav>ul.navigation2>li:nth-child(4)>div {
    background: rgba(131, 201, 55, 0.9);
}*/


/* 事故防止の取り組み */
article.service.jikoboshi section.header .text {
    margin-bottom: 0px;
}

article.service.jikoboshi section.header .text p.slogan {
    font-size: 3rem;
}

/* 適性診断 */
article.service.tekisei section.service .red-strong {
    color: red;
    display: inline-block;
    position: relative;
    padding: 0px 25px;
}

/* 適性診断 */
article.service.tekisei section.service #tokubetu-tekisei-img {
    display: block;
}

@media screen and (max-width:1150px) {
    article.service.tekisei section.service #tokubetu-tekisei-img {
        display: none;
    }
}

article.service.tekisei section.service #tokubetu-tekisei {
    display: none;
}

@media screen and (max-width:1150px) {
    article.service.tekisei section.service #tokubetu-tekisei {
        display: block;
    }
}

article.service.tekisei section.service .red-strong:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 35px;
    background: url("/image/service/red-left.png");
    top: 6px;
    left: 0px;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    article.service.tekisei section.service .red-strong:before {
        top: 6px;
    }
}

article.service.tekisei section.service .red-strong:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 35px;
    background: url("/image/service/red-right.png");
    top: 6px;
    right: 0px;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
    article.service.tekisei section.service .red-strong:after {
        top: 6px;
    }
}

article.service.tekisei section.service #tokubetsu-tekisei {
    margin-top: 30px;
}

article.service.tekisei section.service #tokubetsu-tekisei,
article.service.tekisei section.service #tokubetsu-tekisei tr td {
    border: 0px;
}

article.service.tekisei section.service #tokubetsu-tekisei tr td:first-child {
    font-weight: bold;
}

article.service.tekisei section.service #tokubetsu-tekisei tr td {
    padding: 0.5rem 10px;
}

@media screen and (max-width: 767px) {
    article.service.tekisei section.service img#tekisei-tokubetsu-contact {
        margin-bottom: 0px;
    }
}

article.service.tekisei section.service .tekisei-table-title {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0px;
    display: block;
    padding-top: 20px;
    clear: both;
}

article.service.tekisei section.service table.tekisei-table {
    width: 50%;
    border: 1px solid #FFC000;
    float: left;
}

@media screen and (max-width: 767px) {
    article.service.tekisei section.service table.tekisei-table {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
}

article.service.tekisei section.service table.tekisei-table tr th,
article.service.tekisei section.service table.tekisei-table tr td {
    border: 1px solid #FFC000;
    text-align: center;
    vertical-align: middle;
    padding: 1rem;
}

article.service.tekisei section.service table.tekisei-table tr th {
    background: #FFC000;
    color: #fff;
    width: 120px;
}

@media screen and (max-width: 767px) {
    article.service.tekisei section.service table.tekisei-table tr th {
        width: 100%;
    }
}

article.service.tekisei section.service table.tekisei-table span {
    font-size: 13px;
    display: block;
}

article.service.tekisei section.service h2.double-line span {
    font-size: 26px;
    display: inline-block
}

/* 講習 */
article.service.kosyu section.header .text table#link-title tr td {
    height: 130px;
}

@media screen and (max-width: 767px) {
    article.service.kosyu section.header .text table#link-title tr td {
        height: auto;
    }
}

article.service.kosyu section.header .text table#link-title tr:nth-child(2) td div {
    margin-right: 20%;
}

article.service.kosyu section.header .text table#link-title tr:nth-child(3) td div {
    margin-right: 40%;
}

article.service.kosyu section.header .text table#link-title tr:nth-child(4) td div {
    margin-right: 60%;
}

@media screen and (max-width:1200px) {
    article.service.kosyu section.header .text table#link-title tr td div {
        margin-right: 0px !important;
    }
}
.kumiai {
    margin: 7px 0px;
}
.ingai{
    margin: 0px;
}
/* 補助事業 */
article.service.hojo section.header .text table#link-title tr td {
    height: 100px;
}

@media screen and (max-width: 767px) {
    article.service.hojo section.header .text table#link-title tr td {
        height: auto;
    }
}

article.service.hojo section.header .text table#link-title tr:nth-child(2) td div {
    margin-right: 20%;
}

article.service.hojo section.header .text table#link-title tr:nth-child(3) td div {
    margin-right: 40%;
}

article.service.hojo section.header .text table#link-title tr:nth-child(4) td div {
    margin-right: 60%;
}

article.service.hojo section.header .text table#link-title tr:nth-child(5) td div {
    margin-right: 80%;
}

@media screen and (max-width:1200px) {
    article.service.hojo section.header .text table#link-title tr td div {
        margin-right: 0px !important;
    }
}


/* その他事故防止事業 */
article.service.sonota section.header .text table#link-title tr td {
    height: 100px;
}

@media screen and (max-width: 767px) {
    article.service.sonota section.header .text table#link-title tr td {
        height: auto;
    }
}

article.service.sonota section.header .text table#link-title tr:nth-child(2) td div {
    margin-right: 16%;
}

article.service.sonota section.header .text table#link-title tr:nth-child(3) td div {
    margin-right: 32%;
}

article.service.sonota section.header .text table#link-title tr:nth-child(4) td div {
    margin-right: 48%;
}

article.service.sonota section.header .text table#link-title tr:nth-child(5) td div {
    margin-right: 64%;
}

article.service.sonota section.header .text table#link-title tr:nth-child(6) td div {
    margin-right: 80%;
}

@media screen and (max-width:1200px) {
    article.service.sonota section.header .text table#link-title tr td div {
        margin-right: 0px !important;
    }
}

article.service.sonota section.service ul li a.dvd-link {
    display: inline-block;
    background: #30a039;
    color: #fff;
    padding: 20px 50px;
    margin-top: 5rem;
    border-radius: 10px;
    letter-spacing: 2px;
}



/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
損保代理店
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.sonpo section.header {
    background: #cfdeef;
}

article.sonpo section.header .inner {
    height: 30vw;
    min-height: 120px;
    max-height: 240px;
}

article.sonpo h2 {
    margin-top: 8rem;
}

article.sonpo section.introduction .description h2 {
    margin-top: 0;
}

article.sonpo section.introduction ul.list {
    padding: 4rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
}

article.sonpo section.office h3 {
    margin: 8rem 0 4rem;
    padding: 1rem 2rem;
    border-radius: 5px;
    background: #00359e;
    color: #fff;
}

article.sonpo section.office p.date {
    text-align: right;
}

@media screen and (min-width: 768px) {
    article.sonpo section.introduction ul.navigation li {
        width: 32.5%;
    }
}

@media screen and (max-width: 767px) {
    article.sonpo h2 {
        margin-top: 4rem;
    }

    article.sonpo section.office h3 {
        margin: 3rem 0 2rem;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
事務所
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.renraku section.header {
    background: #cfdeef;
    opacity: 0.8;
}

article.renraku section.header .inner {
    height: 30vw;
    min-height: 120px;
    max-height: 240px;
}

article.renraku {
    padding-bottom: 0;
}

article.renraku section.office h2 {
    margin-top: 8rem;
}

article.renraku section.office h3 {
    margin: 8rem 0 4rem;
    padding: 1rem 2rem;
    border-radius: 5px;
    background: #00359e;
    color: #fff;
}

article.renraku section.office section {
    display: none;
}

article.renraku section.office section.selected {
    display: block;
}

article.renraku section.office section .inner {
    padding-bottom: 4rem;
}

body.aichi {
    background: url("/image/renraku/aichi.jpg") center top no-repeat fixed;
    background-size: cover;
}

body.fukui {
    background: url("/image/renraku/fukui.jpg") center top no-repeat fixed;
    background-size: cover;
}

body.ishikawa {
    background: url("/image/renraku/ishikawa.jpg") center top no-repeat fixed;
    background-size: cover;
}

body.toyama {
    background: url("/image/renraku/toyama.jpg") center top no-repeat fixed;
    background-size: cover;
}

body.shizuoka {
    background: url("/image/renraku/shizuoka.jpg") center top no-repeat fixed;
    background-size: cover;
}

body.gifu {
    background: url("/image/renraku/gifu.jpg") center top no-repeat fixed;
    background-size: cover;
}

@media screen and (max-width: 767px) {
    article.renraku section.office h2 {
        margin-top: 4rem;
    }

    article.renraku section.office h3 {
        margin: 3rem 0 2rem;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
事故防止DVD無料貸出サービス
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.dvd {
    padding-bottom: 0px;
}

article.dvd section.header {
    display: flex;
    position: relative;
}

section.header+section.dvd {
    padding-top: 0px;
}

article.dvd section.dvd {
    background: url("/image/service/back.gif");
}

article.dvd section.dvd .inner {
    background: #fff;
    padding-bottom: 8rem;
    padding-top: 8rem;
}

article.dvd section.dvd a.button-link {
    display: inline-block;
    background: #7cbf33;
    color: #fff;
    padding: 20px 50px;
    margin: 3rem 10px 1rem 0px;
    border-radius: 10px;
    letter-spacing: 2px;
    width: 280px;
    text-align: center;
}

article.dvd a {
    color: #0068b7;
}

article.dvd section.header .header {
    height: auto;
}

article.dvd section.header h1 {
    padding: 2rem;
    background: #7cbf33;
    color: #fff;
}

article.dvd section.dvd {
    counter-reset: number;
}

article.dvd section.dvd ul.anchor {
    border-color: #7cbf33;
}

article.dvd section.dvd ul.anchor li a {
    color: #5c8c29;
}

article.dvd section.dvd ul.anchor li a::before {
    background: url("/image/common/icon/navigation4.png") center center no-repeat;
    background-size: 16px 16px;
}

article.dvd section.dvd h2 {
    padding-top: 8rem;
    color: #7cbf33;
}

article.dvd section.dvd h2:first-child {
    padding-top: 0rem;
}

article.dvd section.dvd hr {
    display: none;
    margin: 0 auto;
    width: calc(100% - 8rem);
}

article.dvd section.dvd dl.dvd>dt {
    position: relative;
    margin-top: 4rem;
    padding: 4rem 10rem 4rem 6rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    font-weight: bold;
    font-size: 2.4rem;
    cursor: pointer;
    transition: 0.5s;
    text-indent: -1.5em;
}

article.dvd section.dvd dl.dvd {
    counter-reset: number;
}


article.dvd section.dvd dl.dvd>dt:after {
    position: absolute;
    top: 4rem;
    right: 4rem;
    color: #7cbf33;
    content: "＋";
}

article.dvd section.dvd dl.dvd>dt.open {
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

article.dvd section.dvd dl.dvd>dt.open:after {
    content: "－";
}

article.dvd section.dvd dl.dvd>dt:hover {
    opacity: 0.7;
}

article.dvd section.dvd dl.dvd>dd {
    display: none;
    position: relative;
    padding: 4rem 4rem 4rem 11rem;
    border: 1px solid #d6d6d6;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

article.dvd section.dvd dl.dvd>dd::before {
    display: block;
    color: #e60012;
    font-weight: bold;
    font-size: 3rem;
    content: "";
}

article.dvd section.dvd dl.dvd>dd>ol {
    margin: 30px 0 30px 20px;
    font-weight: bold;
}

article.dvd section.dvd dl.dvd>dd>ol li::before {
    display: inline-block;
    width: 20px;
    margin-left: -20px;
}

article.dvd section.dvd dl.dvd>dd h3 {
    margin: 6rem 0 3rem;
    border-bottom: 2px solid #d6d6d6;
    font-size: 2rem;
}

article.dvd section.dvd dl.dvd>dd h3 span {
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 2px solid #7cbf33;
}

article.dvd section.dvd dl.dvd>dd table {
    margin-top: 2rem;
}

article.dvd section.dvd dl.dvd>dd p+table {
    margin-top: 3rem;
}

article.dvd section.dvd dl.dvd>dd table.table th {
    width: 20%;
}

article.dvd section.dvd dl.dvd>dd table.table td {
    width: 40%;
}

article.dvd section.dvd dl.dvd>dd table ol {
    margin-left: 30px;
}

article.dvd section.dvd dl.dvd>dd table ol li::before {
    display: inline-block;
    width: 40px;
    margin-left: -40px;
    content: "（" counter(number) "）";
}

article.dvd section.dvd dl.dvd>dd p.annotation {
    margin-bottom: 4rem;
}

article.dvd section.dvd dl dd span.time {
    display: inline-block;
    margin: 0px 10px 10px 0px;
    padding: 2px 10px;
    background: #666;
    color: #fff;
}

article.dvd section.dvd dl dd span.drama {
    display: inline-block;
    margin: 0px 10px 10px 0px;
    padding: 2px 10px;
    background: #7cbf33;
    color: #fff;
}

article.dvd section.dvd dl dd img {
    display: block;
    margin: 4rem 0px 0px;
}


article.dvd section.dvd dl.answer {
    counter-reset: number;
}

article.dvd section.dvd dl.answer>dt {
    margin: 6rem 0 3rem;
    border-bottom: 2px solid #d6d6d6;
    font-weight: bold;
    font-size: 2rem;
}

article.dvd section.dvd dl.answer>dt span {
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 2px solid #7cbf33;
}

article.dvd section.dvd dl.answer>dt span::before {
    display: inline-block;
    width: 25px;
    content: counter(number) ".";
    counter-increment: number;
}



article.dvd section.dvd dl.answer-inner {
    margin: 30px 0 0 20px;
}

article.dvd section.dvd dl.answer-inner dt {
    position: relative;
    font-weight: bold;
}

article.dvd section.dvd dl.answer-inner dt::before {
    position: absolute;
    top: 11px;
    left: 4px;
    width: 6px;
    height: 6px;
    margin-left: -20px;
    border-radius: 50%;
    background: #7cbf33;
    content: "";
}

@media screen and (min-width: 640px) {
    article.dvd section.dvd dl.dvd>dd table th {
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    article.dvd section.header {
        background: #7cbf33;
        align-items: center;
        flex-flow: row-reverse;
    }

    article.dvd section.header .header {
        width: 50%;
        height: 240px;
    }

    article.dvd section.header h1 {
        width: 50%;
        max-width: 540px;
        margin-left: auto;
    }

    article.dvd section.dvd dl.dvd>dd::before {
        position: absolute;
        top: 32px;
        left: 0;
        width: 100px;
        text-align: right;
    }
}

@media screen and (max-width: 767px) {
    article.dvd section.header h1 {
        width: 100%;
    }

    article.dvd section.dvd h2 {
        padding-top: 4rem;
    }

    article.dvd section.dvd ul.anchor li {
        width: 100%;
    }

    article.dvd section.dvd hr {
        width: calc(100% - 4rem);
    }

    article.dvd section.dvd dl.dvd>dt {
        margin-top: 2rem;
        padding: 2rem 5rem 2rem 5rem;
        font-size: 1.8rem;
    }

    article.dvd section.dvd dl.dvd>dt::before {
        top: 18px;
        width: 70px;
        font-size: 2.4rem;
    }

    article.dvd section.dvd dl.dvd>dt:after {
        top: 2rem;
        right: 2rem;
    }

    article.dvd section.dvd dl.dvd>dd {
        padding: 2rem 2rem 2rem 2rem;
    }

    article.dvd section.dvd dl.dvd>dd::before {
        width: 70px;
    }

    article.dvd section.dvd dl.dvd>dd h3 {
        margin: 3rem 0 2rem;
    }

    article.dvd section.dvd dl.dvd>dd p.annotation {
        margin-bottom: 2rem;
    }

    article.dvd section.dvd dl.answer>dt {
        margin: 3rem 0 2rem;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
お問い合わせ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.contact section.header {
    background: #cfdeef;
}

article.contact section.header .inner {
    height: 30vw;
    min-height: 120px;
    max-height: 240px;
}

article.contact section.form .inner {
    max-width: 800px;
}

article.contact section.form table th {
    min-width: 250px;
}

article.contact section.form .required {
    display: inline-block;
    margin-left: 1rem;
    padding: 0.2rem 1rem;
    border-radius: 5px;
    background: #e60012;
    color: #fff;
    font-size: 1.2rem;
}

article.contact section.form .required::after {
    vertical-align: 2px;
    content: "必須";
}

article.contact section.form input[type="radio"] {
    margin-right: 0.5rem;
}

article.contact section.form input[type="text"],
article.contact section.form input[type="email"],
textarea {
    width: 100%;
}

article.contact section.form input[name="postcode"] {
    width: auto;
}

article.contact section.form input[type="submit"] {
    display: table;
    margin: 5rem auto 0;
    padding: 1rem 4rem;
}

article.contact section.form .wpcf7 {
    margin-top: 5rem;
}

article.contact section.form span.wpcf7-radio span.wpcf7-list-item {
    margin: 0 2rem 0 0.5rem;
}

article.contact section.form span.wpcf7-not-valid-tip {
    margin-top: 0.5rem;
    color: #e60012;
}

article.contact section.form .wpcf7 .ajax-loader {
    display: block !important;
    margin: 2rem auto 0 !important;
}

article.contact section.form .wpcf7-response-output {
    margin: 0 0 1rem !important;
    padding: 0 !important;
    border: none !important;
    color: #00359e;
    text-align: center;
}

@media screen and (min-width: 640px) {
    article.contact section.form .required {
        float: right;
    }
}

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

    article.contact section.form table th,
    article.contact section.form table td {
        padding: 2rem 1rem;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
新着情報
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.mce-content-body h3,
.post-container article.main h3 {
    padding: 1rem 2rem;
    border-radius: 5px;
    background: #00359e;
    color: #fff;
}

.post-container article.main ul.post {
    margin: 3rem 0;
    border-top: 1px solid #d6d6d6;
}

.post-container article.main ul.post li {
    border-bottom: 1px solid #d6d6d6;
}

.post-container article.main ul.post li a {
    display: block;
    padding: 2rem 0;
}

.post-container article.main .category {
    display: inline-block;
    vertical-align: top;
}

.post-container article.main .category span {
    display: inline-block;
    width: 120px;
    margin-left: 1rem;
    padding: 0.2rem;
    border-radius: 2px;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    vertical-align: 1px;
}

.post-container article.main .category span.event {
    background: #ffc000;
}

.post-container article.main .category span.member {
    background: #00359e;
}

.post-container article.main .category span.information {
    background: #00b0f0;
}

.post-container article.main .category span.attention {
    background: #e60012;
}

/* 20221024　中交協　伊藤　追加 */
.post-container article.main .category span.sdgs-news {
    background: #00BFA5;
}

.post-container article.main h4 {
    margin-top: 1.5rem;
    font-weight: normal;
}

@media screen and (max-width: 767px) {
    .post-container article.main ul.post {
        margin: 2rem 0;
    }
}

@media screen and (max-width: 479px) {
    .post-container article.main .category {
        width: 120px;
    }

    .post-container article.main .category span:nth-of-type(n+2) {
        margin-top: 0.5rem;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ピックアップ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.post-container .pickup {
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.post-container .pickup h3 {
    padding: 1rem 2rem;
    background: #00359e;
    color: #fff;
}

.post-container .pickup .pickup-outer {
    padding: 2rem;
}

.post-container .pickup .pickup-inner {
    display: flex;
    margin-top: 1.5rem;
    align-items: flex-start;
}

.post-container .pickup img {
    width: 120px;
    margin-right: 2rem;
    flex: none;
}

.post-container .pickup p {
    font-size: 1.4rem;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
投稿
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.post section.header {
    background: #cfdeef;
}

article.post section.header .inner {
    height: 30vw;
    min-height: 120px;
    max-height: 240px;
}

article.post .post-container {
    padding-top: 8rem;
}

article.post article.main section.post {
    overflow: hidden;
    padding: 2rem 0;
}

.mce-content-body h3,
article.post article.main section.post h3 {
    margin: 6rem 0 4rem;
}

article.post article.main section.post time {
    font-size: 1.5rem;
}

article.post article.main section.post h4 {
    margin-bottom: 3rem;
    font-weight: bold;
    font-size: 3rem;
}

.mce-content-body p,
article.post article.main section.post p {
    margin-bottom: 1rem;
}

.mce-content-body img,
article.post article.main section.post img {
    display: block;
    margin: 2rem auto;
}

.mce-content-body ul,
article.post article.main section.post ul {
    margin-bottom: 2rem;
    line-height: 2;
}

.mce-content-body ul li,
article.post article.main section.post ul li {
    position: relative;
    padding-left: 2rem;
}

.mce-content-body ul li::before,
article.post article.main section.post ul li::before {
    position: absolute;
    top: 14px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00359e;
    content: "";
}

article.post section.pagination {
    margin: 5rem 0;
    text-align: center;
}

article.post section.pagination>a {
    display: inline-block;
    margin: 0 1rem;
    padding: 1rem 4rem;
    border-radius: 5px;
    background: #00359e;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

article.post section.pagination ul {
    display: flex;
    border: none;
    color: #d6d6d6;
    line-height: 4rem;
}

article.post section.pagination ul li {
    width: 40px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    border-left: 1px solid #d6d6d6;
}

article.post section.pagination ul li:first-of-type {
    border-radius: 5px 0 0 5px;
}

article.post section.pagination ul li:last-of-type {
    border-right: 1px solid #d6d6d6;
    border-radius: 0 5px 5px 0;
}

article.post section.pagination ul li.navigation {
    font-size: 3rem;
    line-height: 3.3rem;
}

article.post section.pagination ul li.current {
    background: #00359e;
    color: #fff;
}

article.post section.pagination ul li a {
    display: block;
    color: #00359e;
}

article.post aside .container {
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

article.post aside section h3 {
    padding: 1rem 2rem;
    background: #00359e;
    color: #fff;
}

article.post aside section ul {
    padding: 0 1.5rem;
}

article.post aside section ul li:nth-of-type(n+2) {
    border-top: 1px solid #d6d6d6;
}

article.post aside section ul li a {
    display: block;
    padding: 1.5rem 0;
    line-height: 1.5;
}

article.post aside section.entry time {
    display: block;
    font-size: 1.4rem;
}

article.post aside section.entry h4 {
    margin-top: 0.5rem;
    font-weight: normal;
}

article.post aside section.archive ul.year span {
    display: block;
    padding: 1.5rem 0;
    border-bottom: 1px solid #d6d6d6;
    cursor: pointer;
    transition: 0.5s;
}

article.post aside section.archive ul.year span:hover {
    opacity: 0.7;
}

@media screen and (min-width: 768px) {
    article.post .post-container {
        display: flex;
        justify-content: space-between;
    }

    article.post article.main {
        margin-right: 4rem;
        flex: 1;
    }

    article.post aside {
        width: 340px;
        flex: none;
    }
}

@media screen and (max-width: 767px) {
    article.post .post-container {
        padding-top: 4rem;
    }

    .mce-content-body h3,
    article.post article.main section.post h3 {
        margin: 3rem 0 2rem;
    }

    article.post article.main section.post h4 {
        margin-bottom: 2rem;
        font-size: 2.2rem;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
404 Not Found
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article section.notfound .inner {
    padding: 5rem 20px;
    text-align: center;
}

article section.notfound a {
    display: inline-block;
    margin-top: 3rem;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
WordPress
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.wp-caption {
    margin: 10px;
    padding-top: 4px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: #f3f3f3;
    text-align: center;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 0 4px 5px;
    font-size: 11px;
    line-height: 17px;
}



/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
ページ全体
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
main .default-page a,
main .gaiyou a,
main .keiyaku a,
main .service a,
main .okitara a,
main .qa a {
    color: #0068b7;
}

main .default-page a:hover,
main .default-page a,
main .default-page a,
main article.post a,
main .gaiyou a:hover,
main .gaiyou a:focus,
main .gaiyou a:active,
main .keiyaku a:hover,
main .keiyaku a:focus,
main .keiyaku a:active,
main .service a:hover,
main .service a:focus,
main .service a:active,
main .okitara a:hover,
main .okitara a:focus,
main .okitara a:active,
main .qa a:hover,
main .qa a:focus,
main .qa a:active,
main article.post a:hover,
main article.post a:focus,
main article.post a:active {
    color: #0068b7;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
デフォルト固定ページ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.default-page section.header,article.jibai section.header {
    background: #cfdeef;
    margin-bottom: 8rem;
}

article.default-page section.header .inner ,article.jibai section.header .inner{
    height: 30vw;
    min-height: 120px;
    max-height: 240px;
}

article.default-page p {
    margin-bottom: 3rem;
}

article.default-page h2 {
    margin-top: 8rem;
    clear: both;
}

article.default-page h3 ,article.jikobo-goods h3{
    margin: 8rem 0 4rem;
    padding: 1rem 2rem;
    border-radius: 5px;
    background: #00359e;
    color: #fff;
    clear: both;
}

article.default-page h4,article.jikobo-goods h4 {
    clear: both;
}

article.default-page table {
    margin-top: 4rem;
    margin-bottom: 1rem;
}

article.default-page .container .text {
    width: 70%;
    margin-right: 7%;
}

article.default-page .container {
    display: flex;
    align-items: flex-start;
}

@media screen and (max-width: 767px) {
    article.default-page section.header {
        margin-bottom: 4rem;
    }

    article.default-page h2 {
        margin-top: 6rem;
    }

    article.default-page h3 {
        margin: 6rem 0 2rem;
    }

    article.default-page .container {
        display: block;
        align-items: flex-start;
    }

    article.default-page .container .text {
        width: 100%;
        margin-right: 0%;
    }

    article.default-page .container .text+img {
        width: 100%;
    }
}

article.default-page img:after {
    content: "";
    display: block;
    clear: both;
}

article.default-page img.alignleft,.poster img{
    margin-right: 20px;
    margin-bottom: 20px;
}

@media screen and (max-width:767px) {
    article.default-page img.alignleft {
        margin: 10px auto;
        float: none;
        display: block;
    }

    .poster img{
        margin: 10px 8px; 
    }

    .poster{
        text-align: center;
    }
}

article.default-page img.alignright {
    margin-left: 20px;
    margin-bottom: 20px;
}

@media screen and (max-width:767px) {
    article.default-page img.alignright {
        margin: 10px auto;
        float: none;
        display: block;
    }
}

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

    article.default-page table th,
    article.default-page table td {
        width: 100% !important;
        height: auto !important;
    }
}

article.default-page ol li {
    text-indent: -0.8em;
    padding-left: 1em;
    margin: 10px 0px;
}

article.default-page ul.navigation {
    margin-top: 80px;
}

article.default-page ul {
    margin-bottom: 3rem;
}

article.default-page ul li {
    position: relative;
    padding-left: 2rem;
}

article.default-page ul li::before {
    position: absolute;
    top: 10px;
    left: 4px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00359e;
    content: "";
}

article.default-page ul.navigation li::before {
    display: none;
}

article.default-page ul.navigation.sonpo li {
    width: 32.5%;
}

article.default-page h4 {
    margin-bottom: 1.5rem;
    font-size: 1.2em;
}

article.default-page blockquote {
    background: #e6eef6;
    padding: 20px 30px 1px;
    border-radius: 10px;
}

/* デフォルトページ共通（ファイルアイコン表示） */
/*
article.default-page a[target="_blank"] {
	background: url(./img/icon-outlink.png) no-repeat 100% 50%;
	padding-right: 17px;
	margin-right: 5px;
	display:inline-block !important;

}
article.default-page a[href$=".pdf"] {
	background: url(./img/icon-pdf.png) no-repeat 100% 50%!important;
	padding-right: 25px !important;
	display:inline-block !important;
}
article.default-page a[href$=".doc"] {
	background: url(./img/icon-word.png) no-repeat 100% 50%!important;
	padding-right: 25px !important;
	display:inline-block !important;
}
article.default-page a[href$=".docx"] {
	background: url(./img/icon-word.png) no-repeat 100% 50%!important;
	padding-right: 25px !important;
	display:inline-block !important;
}
article.default-page a[href$=".xls"] {
	background: url(./img/icon-excel.png) no-repeat 100% 50%!important;
	padding-right: 25px !important;
	display:inline-block !important;
}
article.default-page a[href$=".xlsx"] {
	background: url(./img/icon-excel.png) no-repeat 100% 50%!important;
	padding-right: 25px !important;
	display:inline-block !important;
}
article.default-page a[href$=".ppt"] {
	background: url(./img/icon-powerpoint.png) no-repeat 100% 50%!important;
	padding-right: 25px !important;
	display:inline-block !important;
}
article.default-page a[href$=".pptx"] {
	background: url(./img/icon-powerpoint.png) no-repeat 100% 50%!important;
	padding-right: 25px !important;
	display:inline-block !important;
}
article.default-page a.non-icon {
	background: none !important;
}
*/


/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
組合員専用サイト
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.default-page>div.inner.kumiai>p>a {
    display: none;
}

#page-id-802 article input,
#page-id-1109 article input,
#page-id-828 article input,
#page-id-1188 article input {
    border: 1px solid silver;
    padding: 11px;
    border-radius: 5px;
    display: block;
    margin-right: 10px;
}

#page-id-802 .blue-button,
#page-id-4333 .blue-button,
#page-id-4330 .blue-button {
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #0068b7;
    width: 32%;
    height: 80px;
    display: flex;
    float: left;
    margin: 5px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

@media screen and (max-width:895px) {
    #page-id-802 .blue-button,
    #page-id-4333 .blue-button,
    #page-id-4330 .blue-button {
        width: 100%;
        margin: 10px 0px;
        float: none;
    }
}


@media screen and (max-width:895px) {
    #page-id-802 .blue-button {
        width: 100%;
        margin: 10px 0px;
        float: none;
    }
}
#page-id-802 .e-button,
#page-id-4326 .e-button {
    border-radius: 5px;
    border: 1px solid #0c8366;
    width: 32.2%;
    height: 80px;
    display: inline-block;
    margin: 0px 5px;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #0C8366;
    line-height: 80px;
}

#page-id-4326 .pin-button {
    border-radius: 5px;
    border: 1px solid #ff0e93;
    width: 18.98%;
    margin: 0px 5px;
    text-align: center;
    color: #ff0e93;
}

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

    #page-id-802 .e-button,
    #page-id-4326 .e-button,
    #page-id-4326 .pin-button {
        width: 100%;
        margin: 10px 0px;
        float: none;
    }
}
/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
SDGs
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#page-id-302 article p {
    line-height: 2.0;
}

@media screen and (max-width:767px) {
    #page-id-302 article br {
        display: none;
    }
}

#page-id-302 .blue-button {
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #0068b7
}



/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
協同組合の仕組み、組織、加入と手続き、組合員特典、組合員専用サイト
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#page-id-235 article h2,
#page-id-220 article h2,
#page-id-251 article h2,
#page-id-260 article h2,
#page-id-802 article h2,
#page-id-4326 article h2,
#page-id-4330 article h2
 {
    border-bottom: 1px solid #00359e;
    padding-bottom: 10px;
}


/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
全国の交通共済
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#page-id-245 table tr td p {
    margin-bottom: 0px;
}

@media screen and (max-width:844px) {
    #page-id-245 #image-map {
        display: none;
    }

    #page-id-245 table td {
        border-bottom: 0px;
    }

    #page-id-245 table tr td:last-child {
        border-bottom: 1px solid #d6d6d6;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
危険予知トレーニング
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#page-id-828 .wp-caption {
    width: 50% !important;
    border: 0px;
    background-color: transparent;
    margin: 0px 0px 20px 0px;
}

@media screen and (max-width:767px) {
    #page-id-828 .wp-caption {
        width: 100% !important;
    }
}

#page-id-828 div.wide .wp-caption {
    width: 247px !important;
    margin: 20px;
}

#page-id-828 .wp-caption p.wp-caption-text {
    font-size: 13px;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
書類ダウンロード
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#page-id-722 article table tr td:first-child {
    width: 60%;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
自賠責共済代理店一覧
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
@media screen and (max-width:767px) {
    #page-id-727 table td {
        border-bottom: 0px;
        text-align: left;
    }

    #page-id-727 table tr td:last-child {
        border-bottom: 1px solid #d6d6d6;
        ;
    }
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
事業所一覧
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
@media screen and (max-width:767px) {
    #page-id-23 table td {
        border-bottom: 0px;
        text-align: left;
    }

    #page-id-23 table tr td:last-child {
        border-bottom: 1px solid #d6d6d6;
        ;
    }
}


/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
リンク一覧
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
@media screen and (max-width:895px) {
    #page-id-290 table {
        width: 100% !important;
    }

}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
求人情報
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#page-id-120 a.recruit-button {
    display: block;
    margin: 50px auto;
    width: 280px;
    background: #00359e;
    color: #fff;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    font-size: 20px;
    letter-spacing: 5px;
    font-size: 36px;
}

#page-id-120 a.recruit-button span {
    display: block;
    border-top: 1px solid #6a8fd9;
    padding-top: 10px;
    font-size: 15px;
    margin-top: 15px;
    letter-spacing: 1px;
}


/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
お問い合わせ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#page-id-27 article span.required {
    display: none;
}
/*
#page-id-27 article a {
    color: #0068b7;
}

#page-id-27 article a:hover,
#page-id-27 article a:focus,
#page-id-27 article a:active {
    color: #0068b7;
}*/
.privacy {
    background-color: #0068b7;
    color: #ffffff;
    padding: 5px 15px;
    margin: 5px;

}

.privacy:hover,
.privacy :focus,
.privacy:active {
    background-color: #0068b7;
    color: #ffffff;
    padding: 5px 15px;
    margin: 5px;
}

.tel{
    color: #0068b7;
}

.tel:hover,
.tel:focus,
.tel:active {
    color: #0068b7;
}

.kojin{
    margin: 15px 0px 10px 0px;
}

.kojin2{
    margin-bottom: 2rem;
    font-size: smaller;
}
.mwform-checkbox-field-text{
    font-size: large;
}

@media screen and (max-width:415px){
.kojin2{
    margin-bottom: 2rem;
    font-size: 11px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
中公協NEWS
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
#page-id-1109 h2.top-img a img {
    border: 1px solid #ddd;
    box-sizing: content-box;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
フェードイン処理
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.fadein {
    opacity: 0;
    transform: translate(0, 100px);
    transition: all 1s;
}

.fadein.active {
    opacity: 1;
    transform: translate(0, 0);
}

/* 危険予知トレーニング */

#page-id-828 :target::before {
    display: none;
}








#page-id-1434 article.service section.service #service-m01 img {
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -ms-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

#page-id-1434 article.service section.service #service-m01:hover img {
    opacity: 0;
}

/* 20201113 追加修正（トップページ事故防止バナー、連絡先一覧、コメンタリー運転の推進）*/

/* 事故防止バナー */
a.jiko-boshi {
    display: block;
    margin-top: 2rem;
    padding: 4rem;
    border: 2px solid #92D050;
    background: #92D050;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    padding-right: 3em;
}

a.jiko-boshi::after {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    margin-left: 1rem;
    background: url("/image/common/icon/jiko-boshi-arrow.png") center center no-repeat;
    background-size: 36px;
    vertical-align: -1px;
    content: "";
    top: 46px;
    right: 20px;
}

a.jiko-boshi span {
    text-align: left;
    display: inline-block;
}

@media screen and (max-width:894px) {
    a.jiko-boshi {
        padding: 1rem;
    }

    a.jiko-boshi::after {
        top: 20px;
    }
}

/*　20220421　中交協伊藤追加　バナーボタン追加　運行管理者申込ボタン　*/
a.unkou-ippan {
    display: block;
    margin-top: 2rem;
    padding: 4rem;
    border: 2px solid #FFA500;
    background: #FFA500;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 2rem;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    position: relative;
    padding-right: 3em;
}

a.unkou-ippan::after {
    position: absolute;
    display: block;
    width: 36px;
    height: 36px;
    margin-left: 1rem;
    background: url("/image/common/icon/unkou-ippan-arrow.png") center center no-repeat;
    background-size: 36px;
    vertical-align: -1px;
    content: "";
    top: 63px;
    right: 20px;
}

a.unkou-ippan span {
    text-align: left;
    display: inline-block;
}

@media screen and (max-width:894px) {
    a.unkou-ippan {
        padding: 1rem;
    }

    a.unkou-ippan::after {
        top: 33px;
    }
}

/*　20220421　中交協伊藤追加　ここまで　*/

/* 連絡先カラー変更 */
header ul.navigation1 li.phone {
    background: #00b0f0;/*#FF9933*/
}

header ul.navigation1 li.phone a::before {
    margin-left: -0.5rem;
}

@media screen and (max-width:894px) {
    header ul.navigation1 li.phone a::before {
        margin: 0 auto 0.5rem;
    }
}

/* その他事故防止事業 テキスト追加、並び順対応 */
#page-id-419 #service02 .add-box {
    background: #FFF2CC;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 20px;
    border-radius: 20px;
}

#page-id-419 #service02 .add-box .text {
    margin: 0px;
    color: #0070C0;
    font-size: 1.07em;
}

#page-id-419 #service02 .add-box .text p {
    margin-bottom: 0.5em;
}

#page-id-419 #service02 .add-box .text p.add-title {
    font-size: 1.5em;
}

#page-id-419 #service02 .container a {
    display: block;
}

#page-id-419 #service02 .add-link {
    display: none;
}

#page-id-419 article.service.sonota section.service ul li#service02 {
    padding-bottom: 50px;
}

@media screen and (max-width:767px) {
    #page-id-419 #service02 .add-box {
        padding: 10px;
    }

    #page-id-419 #service02 .add-box .text {
        font-size: 1em;
    }

    #page-id-419 #service02 .add-link {
        display: block;
    }

    #page-id-419 #service02 .add-link img {
        max-width: 275px;
    }

    #page-id-419 #service02 .container a {
        display: none;
    }
}


/* 20210203 追加修正（組合員専用ページ Youtubeボタン追加）*/

#page-id-802 #button-kumiai-youtube {
    border: 1px solid #92D050;
    background-color: #92D050;
    color:white;
}

#page-id-802 #button-kokyoren-youtube,
#page-id-4330 #button-kokyoren-youtube {
    border: 1px solid #00359e;
    background-color: #00359e;
    color:white;
}


/* 20210203 お客様依頼CSS追加（YouTube埋め込み動画レスポンシブ対応） */

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

.yt iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* 20210208 追加修正（ヘッダーYoutubeボタン追加、電話窓口追加）*/

header ul.navigation1 li.youtube a::before {
    display: block;
    margin: 0 auto 0.5rem;
}

header ul.navigation1 li.youtube {
    background: #FF0000;
}

header ul.navigation1 li.youtube a{
    font-size: 1.6rem;
}

header ul.navigation1 li.youtube a::before {
    display: inline-block;
    width: 23px;
    height: 23px;
    margin-right: 1rem;
    background: url("/image/common/icon/youtube.png") center center no-repeat;
    background-size: 23px 23px;
    vertical-align: -10px;
    content: "";
}

header ul.navigation1 li a {
    padding: 1.5rem 0rem;
    font-size: 1.4rem;
}

@media screen and (max-width: 895px) {
    header ul.navigation1 li.be a::before {
        display: block;
        margin: 0 auto 0.5rem;
    }

    header ul.navigation2 {
        display: none;
    }
}
/*
header ul.navigation1 {
    max-width: 700px;
}*/

header ul.navigation1 li {
    margin: 0px 4px;
}

@media screen and (max-width:1040px) {
    header ul.navigation1 {
        max-width: 640px;
    }

    header ul.navigation1 li {
        margin: 0px 0px;
    }
}

@media screen and (max-width:895px) {
    aside.bottom section.contact .contact-container ul li.contact-tel {
        padding: 1.5rem;
        border: 1px solid #d6d6d6;
        border-radius: 5px;
        background: #fff;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    aside.bottom section.contact .contact-container ul li.contact-tel span,
    aside.bottom section.contact .contact-container ul li.contact-tel a {
        border: 0px;
        padding: 0px;
    }

    aside.bottom section.contact .contact-container ul li.contact-tel a:after {
        display: none;
    }
}

@media screen and (max-width:991px) {
    header ul.navigation1 li a {
        font-size: 1.2rem
    }

    header ul.navigation1 {
        max-width: 560px;
    }
}

/* 20210309 中交協_伊藤追加（バナー「健康経営優良法人」追加に伴うSDGsロゴのmargin調整）*/

.banner>.yuryo {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}

/* 20210324 補助事業 SAS追加 */
article.service.hojo section.service ul li#service06 {
    background-image: url(/image/service/note-sas.png);
    padding-bottom: 60px;
}


/* 20210818 連絡先（名古屋全体）追加 */
article.renraku #jiko-renraku h3 {
    margin: 4rem 0 2rem;
    background: #ff0000;
    padding: 2rem;
}

article.renraku #jiko-renraku h3 span {
    font-size: 16px;
    color: yellow;
    font-weight: normal;
    padding-left: 20px;
    display: inline-block;
}

@media screen and (max-width:767px) {
    article.renraku #jiko-renraku h3 span {
        font-size: 14px;
        padding-left: 0px;
    }
}

article.renraku #jiko-renraku table tr td {
    vertical-align: middle;
}

article.renraku #jiko-renraku table tr>td:nth-child(2) {
    width: 38%;
}

@media screen and (max-width:767px) {
    article.renraku #jiko-renraku table tr>td:nth-child(2) {
        width: 100%;
    }
}

article.renraku #jiko-renraku table tr td a.size-20 {
    font-size: 20px;
}

article.renraku #jiko-renraku table tr td a.right-fax {
    margin-right: 0.4em;
}

article.renraku #jiko-renraku table tr td span.tel-text {
    display: block;
    text-indent: 10rem;
    font-size: 12px;
    margin: 5px 0px;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
SDGsへの取り組み
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*　トップ　*/
article.sdgs-torikumi {
    text-align: center;
}

article.sdgs-torikumi .card-wrap ,article.jikobo-goods .card-wrap {
    display: flex;
    flex-wrap: wrap;
}

article.sdgs-torikumi .card-item ,article.jikobo-goods .card-item {
    flex-direction: column;
    padding: 20px 30px 20px 30px;
    width: 32%;
    background-color: #fff;
    border: solid 1px #00359e;
    border-radius: 10px;
}

article.jikobo-goods .card-item{
    width: 36%;
}

article.sdgs-torikumi .card-item:not(:nth-child(3n+3)) ,article.jikobo-goods .card-item:not(:nth-child(3n+3)){
    margin-right: 2%;
}

article.sdgs-torikumi .card-item:nth-child(n+4),article.jikobo-goods .card-item:nth-child(n+4) {
    margin-top: 30px;
}

article.sdgs-torikumi .card-item-text,article.jikobo-goods .card-item-text,article.jikobo-goods .card-item-text {
    border-top: solid 1px #00359e;
    margin-top: 15px;
    padding-top: 15px;
}

article.sdgs-torikumi .naiyou,article.jikobo-goods .naiyou {
    text-align: left;
}

article.sdgs-torikumi .card-item-btn a ,article.jikobo-goods .card-item-btn a{
    display: block;
    position: relative;
    margin-top: auto;
    padding: 0.5em;
    text-align: center;
    color: #0068b7;
    border: 1px solid #0068b7;
    border-radius: 30px;
}

article.sdgs-torikumi .card-wrap .card-item img ,article.jikobo-goods .card-wrap .card-item img{
    max-height: 140px;
    padding-bottom: 1rem;
}

article.sdgs-torikumi .sdgs-file ,article.jikobo-goods .sdgs-file{
    max-width: fit-content;
    margin: 0 auto 15px auto;
    padding: 0.7em;
    text-align: center;
    color: #00359e;
    border: 1px solid #00359e;
    border-radius: 10px;
}

article.sdgs-torikumi .sdgs-file a,article.jikobo-goods .sdgs-file a  {
    max-width: fit-content;
}

#goods{
    text-align: center;
}

article.jikobo-goods .card-item-btn{
    margin: 2rem 0;
}


@media not all and (min-width: 768px) {
    article.sdgs-torikumi .card-item,article.jikobo-goods .card-item  {
        width: 100%;
    }

    article.sdgs-torikumi .card-item:not(:nth-child(3n+3)),article.jikobo-goods .card-item:not(:nth-child(3n+3)) {
        margin-right: 0;
    }

    article.sdgs-torikumi .card-item:nth-child(n+2),article.jikobo-goods .card-item:nth-child(n+2) {
        margin-top: 30px;
    }
}

/*　エコドライブ推進活動　*/
article.sdgs-eko-drive {
    text-align: center;
}

article.sdgs-eko-drive .card-wrap {
    display: flex;
    flex-wrap: wrap;
}

article.sdgs-eko-drive .card-item {
    flex-direction: column;
    padding: 10px 30px 10px 30px;
    width: 32%;
    background-color: #fff;
    border: solid 1px #038C3E;
    border-radius: 10px;
}

article.sdgs-eko-drive .card-item:not(:nth-child(3n+3)) {
    margin-right: 2%;
}

article.sdgs-eko-drive .card-item:nth-child(n+4) {
    margin-top: 30px;
}

article.sdgs-eko-drive .card-item-text {
    border-top: solid 1px #038C3E;
    border-bottom: solid 1px #038C3E;
    margin-top: 15px;
    padding: 15px;
}

article.sdgs-eko-drive .eko-drive-tag {
    display: inline-block;
    margin: 0 .1em .6em 0;
    padding: .6em;
    line-height: 1;
    color: #fff;
    text-decoration: none;
    background-color: #04D939;
    border-radius: 2em 0 0 2em;
}

article.sdgs-eko-drive .eko-drive-tag:before {
    content: '●';
    margin-right: .5em;
    color: #fff;
}

article.sdgs-eko-drive .card-item-btn a {
    display: block;
    position: relative;
    margin-top: 10px;
    padding: 0.5em;
    text-align: center;
    color: #04D939;
    border: 1px solid #04D939;
    border-radius: 30px;
}

article.sdgs-eko-drive .card-wrap .card-item img {
    max-height: 250px;
}

article.sdgs-eko-drive .pamphlet {
    max-width: fit-content;
    margin: 0 auto 15px auto;
    padding: 0.7em;
    text-align: center;
    color: #038C3E;
    border: 1px solid #038C3E;
    border-radius: 10px;
}

article.sdgs-eko-drive .banner-interview-pc {
    /* パソコンで見たときは画像が表示される */
    display: block;
    margin-top: 7rem;
}

article.sdgs-eko-drive .banner-interview-sp {
    display: none;
}

@media screen and (max-width: 767px) {
    article.sdgs-eko-drive .banner-interview-sp {
        display: block;
        margin-top: 5rem;
    }

    article.sdgs-eko-drive .banner-interview-pc {
        display: none;
    }
}

@media not all and (min-width: 768px) {
    article.sdgs-eko-drive .card-item {
        width: 100%;
    }

    article.sdgs-eko-drive .card-item:not(:nth-child(3n+3)) {
        margin-right: 0;
    }

    article.sdgs-eko-drive .card-item:nth-child(n+2) {
        margin-top: 30px;
    }
}

/* 20211021 中交協_伊藤追加（「SDGsへの取り組み」の各取り組みページ）*/
@media screen and (min-width: 960px) {
    article.sdgs .effort {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 20px;
    }

    article.sdgs .effort .text {
        width: 60%;
        padding-right: 20px;
    }

    article.sdgs .effort .image {
        width: 40%;
    }
}

article.sdgs .effort .image .image-text {
    margin-top: -25px;
    text-align: center;
    font-size: 13px;
}


/* 20211021 中交協_伊藤追加（「SDGsへの取り組み＞パートナーシップの強化」テーブル設定）*/
article.sdgs .effort th {
    background-color: #043464;
    color: white;
}

article.sdgs .effort table tr td:nth-of-type(1) {
    background-color: #cfdeef;
}


/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
運送事業者紹介運動　20220512　中交協_伊藤追加
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*　header　
article#page-id-introduction section.header .header {
    height: 48vw;
    background: url("/wp-content/uploads/2022/05/handshake.jpg") center 30% no-repeat;
    background-size: cover;
}

article#page-id-introduction section.header .title {
    background: #faca7b;
}

article#page-id-introduction section.header .title .sub {
    display: block;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

article#page-id-introduction section.header .title .main {
    display: block;
    color: #ee7d50;
    font-size: 23px;
    font-weight: 900;
    text-shadow: 4px 4px 2px #ffffff,
        -4px 4px 2px #ffffff,
        4px -4px 2px #ffffff,
        -4px -4px 2px #ffffff,
        4px 0px 2px #ffffff,
        0px 4px 2px #ffffff,
        -4px 0px 2px #ffffff,
        0px -4px 2px #ffffff;
    letter-spacing: 0.2em;
}

@media screen and (max-width: 767px) {
    article#page-id-introduction section.header .title {
        text-align: center;
    }
}

@media screen and (min-width: 768px) {
    article#page-id-introduction section.header {
        display: flex;
        background: #faca7b;
        align-items: center;
        flex-flow: row-reverse;
    }

    article#page-id-introduction section.header .header {
        width: 50%;
        height: 300px;
    }

    article#page-id-introduction section.header h1 {
        width: 50%;
        max-width: 540px;
        margin-left: auto;
    }

    article#page-id-introduction section.header .title .sub {
        font-size: 32px;
    }

    article#page-id-introduction section.header .title .main {
        padding-top: 50px;
        font-size: 32px;
    }
}

/*　message　
article#page-id-introduction .message p {
    padding: 15px 0 15px 0;
    margin-bottom: 70px;
    background: #ee7d50;
    text-align: center;
    color: #ffffff;
    font-size: 24px;
    font-weight: 900;
}

@media screen and (min-width: 768px) {
    article#page-id-introduction .message p {
        font-size: 32px;
    }
}

/* description 
article#page-id-introduction section.description {
    position: relative;
    text-align: center;
}

article#page-id-introduction section.description .border {
    max-width: 700px;
    margin: auto;
    padding: 15px 0 15px 0;
    border: 5px solid #faca7b;
    border-radius: 30px;
}

article#page-id-introduction section.description p {
    font-size: 21px;
}

@media screen and (min-width: 768px) {
    article#page-id-introduction section.description p {
        font-size: 30px;
    }
}

article#page-id-introduction section.description .triangle {
    position: relative;
    height: 12.5vh;
}

article#page-id-introduction section.description .triangle::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 30px 30px 0 30px;
    border-color: #faca7b transparent transparent transparent;
    left: 50%;
    transform: translateX(-50%) translateY(150%);
}

@media screen and (min-width: 768px) {
    article#page-id-introduction section.description .triangle {
        height: 20vh;
    }

    article#page-id-introduction section.description .triangle::before {
        border-width: 50px 50px 0 50px;
        transform: translateX(-50%) translateY(130%);
    }
}

@media screen and (min-width: 1600px) {
    article#page-id-introduction section.description .triangle {
        height: 17vh;
    }
}

/*　sakura　
@media screen and (min-width: 1000px) {
    article#page-id-introduction section.description .sakura-1 {
        background: url("/wp-content/uploads/2022/05/sakura-1.png") no-repeat;
        position: absolute;
        width: 200px;
        height: 800px;
        top: 5%;
        right: 5%;
    }

    article#page-id-introduction section.description .sakura-2 {
        background: url("/wp-content/uploads/2022/05/sakura-2.png") no-repeat;
        position: absolute;
        width: 200px;
        height: 800px;
        top: 5%;
        left: 5%;
    }

    article#page-id-introduction section.description .sakura-3 {
        background: url("/wp-content/uploads/2022/05/sakura-3.png") no-repeat;
        position: absolute;
        width: 150px;
        height: 150px;
        top: 50%;
        right: 15%;
    }
}

/*　truck　
article#page-id-introduction section.description .truck {
    position: relative;
}

article#page-id-introduction section.description .truck .button {
    position: absolute;
    top: 47%;
    left: 10%;
    padding: 10px 15px 10px 15px;
    background: #ee7d50;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    border-radius: 20px;
}

@media screen and (min-width: 768px) {
    article#page-id-introduction section.description .truck .button {
        left: 20%;
        font-size: 40px;
    }
}

@media screen and (min-width: 1600px) {
    article#page-id-introduction section.description .truck .button {
        left: 25%;
    }
}

/*　20220512 中交協_伊藤追加ここまで　*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
コンテナ内のYouTube埋め込み動画レスポンシブ対応　20230118　中交協_伊藤追加
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

@media screen and (max-width: 480px) {
    .container-yt {
        width: 100%;
        aspect-ratio: 16 / 9;
    }

    .container-yt iframe {
        width: 100%;
        height: 100%;
    }
}

/*　20230118 中交協_伊藤追加ここまで　*/


/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
交通共済のご案内ダウンロード　flexbox　20230401　中交協_伊藤追加
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

.pamphlet-box-main {
    display: flex;
}

p.pamphlet-text {
    text-align: center;
    font-weight: bold;
    margin: 10px auto;
}

div.link-right {
    text-align: right;
    margin-top: 17px;
}

a.pamphlet-download {
    display: inline;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    margin-right: 10px;
    padding: 1rem 2rem;
    font-weight: bold;
    border: 2px solid #27acd9;
    background: #27acd9;
    color: #fff;
    transition: 0.5s;
}

a.pamphlet-download:hover {
    color: #27acd9;
    background: #fff;
}

/* 766px〜1000pxのスタイル */
@media (min-width: 766px) and (max-width: 1000px) {
    div.link-right {
        text-align: center;
        margin: 10px auto;
    }

    a.pamphlet-download {
        margin: auto;
    }
}

/* スクリーンサイズが767px以下の場合に適用 */
@media (max-width: 767px) {
    .pamphlet-box-main {
        flex-direction: column;
    }

    div.link-right {
        text-align: center;
        margin: 10px auto;
    }

    a.pamphlet-download {
        margin: auto;
    }
}

/*　20230401 中交協_伊藤追加ここまで　*/
/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
組合専用サイト内eラーニング　20230906　中交協_加藤追加
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/


#page-id-802 #button-kumiai-elearning {
    border: 1px solid #ff0e93;
    background-color: #ff0e93;   /*組合員限定ボタンと同色→#92D050 */
    color:white;
}
#page-id-802 .pink-button,
#page-id-4326 .pink-button {
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #0068b7;
    height: 80px;
    line-height: 80px;
    display: flex;
    margin: 0px 5px 10px 5px;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 32%;
}
/*#page-id-802 .pink-button {
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #0068b7;
    width: 32%;
    height: 80px;  
    display: flex;
    margin: 0px 5px 10px 5px;
    justify-content: center;
    align-items: center;
    text-align: center;
}*/

#page-id-802 .benkyo{     /*icon*/
    width: 12%;
    vertical-align: middle;
    margin:0px 5px 0px 0px;
}
#page-id-4326 .button-kumiai {
    padding: 10px 20px;
    border-radius: 5px;
    height: 80px;
    line-height: 80px;
    display: flex;
    margin: 0px 5px 10px 5px;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.e-shadow.green .button-kumiai {
    margin: 0 10px 10px 5px;
}

.button-kumiai#elearning {
    border: 1px solid #0c8366;
    background-color: #0c8366;
    color: #FFFFFF;
    font-size: x-large;
}

.button-kumiai#delearning {
    border: 1px solid #ff0e93;
    background-color: #ff0e93;
    color: #ffffff;
    width: 50%;
}

.button-kumiai#delearning-2 {
    border: 1px solid #ff0e93;
    color: #ff0e93;
    width: 50%;
}
#page-id-802 #button-kumiai-elearning,
#page-id-4326 #elarening {
    border: 1px solid #0C8366;
    background-color: #0C8366;
    /*組合員限定ボタンと同色→#92D050*/
    color: white;
}

#page-id-802 #button-kumiai-delearning,
#page-id-4326 #delarning {
    border: 1px solid #ff0e93;
    background-color: #ff0e93;
    /*組合員限定ボタンと同色→#92D050 */
    color: white;
}

@media screen and (max-width:895px) {
    #page-id-802 .benkyo {
        width:5%;
        vertical-align: middle;
        margin:0px 5px 0px 0px;
    }
}

@media screen and (max-width:767px) {
    #page-id-802 .benkyo {
        width:10%;
        vertical-align: middle;
        margin:0px 5px 0px 0px;
    }
}

@media screen and (max-width:895px) {
    #page-id-802 .pink-button,
    #page-id-4326 .pink-button {
        width: 100%;
        margin: 10px 0px;
        float: none;
    }
}

#page-id-802 .doga {                     /*中交共＿嶋谷　組合員限定videoアイコン追加*/
    width: 12%;
    vertical-align: middle;
    margin:0px 5px 0px 0px;
}
@media screen and (max-width:895px) {
    #page-id-802 .doga {
        width:5%;
        vertical-align: middle;
        margin:0px 5px 0px 0px;
    }
}

@media screen and (max-width:767px) {
    #page-id-802 .doga {
        width:10%;
        vertical-align: middle;
        margin:0px 5px 0px 0px;
    }
}

/*ここまで　0907 中交共　嶋谷追加 pink-button*/

#page-id-802 .green-button {    
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #0068b7;
    width: 32%;
    height: 80px;
    display: flex;
    float: left;    
    margin: 0px 5px 40px 5px;
    justify-content: center;
    align-items: center;
    text-align:center;
}

@media screen and (max-width:895px) {
    #page-id-802 .green-button {
        width: 100%;
        margin: 10px 0px;
        float: none;
    }
}

/*　20230906 中交協_加藤追加ここまで　*/

/*20231107 中交協嶋谷＿紹介運動ページ変更*/
.description{
    max-width: 1080px;
    margin: auto;
    padding: 0 20px;
}

.siriai{
    margin: 30px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

.siriai span{
    font-size: 35px;
    font-weight: bold;
    white-space: nowrap;
}

.zehi{
    font-size: 50px;
    color: #f92168;
    font-weight: bold;
    margin: 1rem 0rem;
    text-align: center;
    white-space: nowrap;
}

.teiann{
    font-size: 30px;
    border-bottom: 5px solid #fef200;
    padding: 0.5rem 0rem;
    margin:2rem 7rem;
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
}

.introduction-page h3{
    background-color: #00359e;
    padding: 10px 30px;
    color: white;
    margin: 40px auto;
    border-radius: 5px;
    text-align: left;
}

.introduction-page h4{
    border-left: 15px solid #00359e;
    padding: 5px 0px 5px 15px;
    font-size:23px;
    color: #00359e;
    text-align: left;
}

.jimusyo{
    margin: 15px 30px;
    font-size: 20px;
    text-align: left;
}

.jimusyo .button{
    color: #00359e;
    font-weight: bold;
    border-bottom:1px solid #00359e;
    padding: 0 5px;
}
.cp_hr01 {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #00359e;
    margin:0.2rem 1rem;
}

@media screen and (max-width:820px) {
    .siriai{
        margin: 30px 0;
    }
    .siriai span{
        font-size: 30px;
    }
    .teiann{
        margin:2rem 0;
        font-size: 26px;
    }


}


@media screen and (max-width:430px) {
    .cp_hr01{
        width: auto;
    }

    .siriai{
        font-size: 12px;
        font-weight: bold;
        margin: 30px 0px;
        white-space: nowrap;
    }    

.siriai span{
    font-size: 14px;
    font-weight: bold;
}

    .zehi{
        font-size: 23px;
        white-space: nowrap;
        }

    .teiann{
        font-size: 12px;
        margin: 1.5rem 0rem;
        }

    .jimusyo{
        margin: 20px;
        width: auto;
        font-size: small;
    }

    .introduction-page h4{
        width: auto;
        margin: 10px;
        border-left: 10px solid #00359e;
        font-size: medium;
    }

    .introduction-page h3{
        width: auto;
        margin: 20px 0px;
        padding: 8px 20px;
    }
}

input.pass{
    margin-top: 20px;
}

.custom-password-message{
    color: red;
}


/*故障時搬送特約　20231213中交協嶋谷*/
td.jogen {
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}


p.annotation2 {
    display: block;
    margin: 4rem 0 8rem 2rem;
}

p.annotation2::before {
    display: inline-block;
    width: 2rem;
    margin-left: -2rem;
    font-size: 1.4rem;
    content: "※";
}
@media screen and (min-width:1000px){
    td.line{
        white-space: nowrap;
    }
}
@media screen and (min-width:768px){
    td.line{
    border-right: none;
    }
    td.yonsyu{
        border-right: none;
    }
}    

td.yonsyu {
    vertical-align: middle;
}

li#tokuyaku::before{
    counter-increment: number 2;
}

@media screen and (max-width:767px) {
    td.jogen{
        border-top: none;
        text-align: left;
        padding: 0px 30px 10px;
}
    td.line{
        border-bottom: none;
    }
    td.yonsyu{
        border-bottom: none;
    }
    table th{
        width: 100%;
    }
    br.display_hidden{
        display: none;
    }
}

    /*ロードサービス受付センター 20240109中交協　嶋谷*/
    .road{
        display: flex;
        justify-content: center;
    }

    #service{
        background-color: #FF0000;
        color: #ffffff;
        font-weight: bolder;
        padding: 10px 20px;
        border-radius: 5px 5px 0 0;
        text-align: center;
        margin: 0;
        font-size: large;
        letter-spacing: 1px;
    }

    .iza{
        height: 150px;
        background-color: #ffffff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
    }
    p#mata{
        text-align: center;
        font-weight: bolder;
        line-height: 150px;
        font-size: x-large;
        padding: 0 4rem;
    }
    .iza.tel {
        text-align: center;
    }

    #jrs-box {
        align-items: center;
        display: flex;
        height: 100px;
        padding: 15px;
    }

    #jrs-box p {
        font-size: xx-large;
        font-weight: bolder;
        margin: 0;
    }
    #jrs-box img{
        margin: 0 20px 0 0;
    }

    a#contact{
        color:black;
    }

    .new h3{
        margin: 8rem 0 4rem;
        padding: 1rem 2rem;
        border-radius: 5px;
        background: #00359e;
        color: #fff;
    }

    @media screen and (max-width:895px) {
        .road{
            display: block;
        }
        #jrs-box {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100px;
        }
        p#mata {
            text-align: center;
            font-weight: bolder;
            font-size: larger;
            margin: 15px;
            line-height: 1.6;
    }
        .iza{
            margin: 0;
        }

        a#contact{
            font-size: xxx-large;
        }
    }

    @media screen and (max-width:450px) {
        a#contact{
            font-size: 30px;
            text-wrap: nowrap;
        }
    }
    @media screen and (max-width:375px){
        a#contact{
            font-size:24px;
        }
        
    }

    /**ロードサービス受付センター電話番号　ここまで　中交協嶋谷**/

    /*新ロードサービスページ　中交協嶋谷*/
    .a-box {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: space-between;
    }

    .b-box_a,.b-box_b,.b-box_c,.b-box_d {
        width: 48%;
        border: 1px solid #d6d6d6;
        border-radius: 5px;
        padding: 2rem 2rem 2rem 2rem;
    }

    .b-box_a{
        background-image: url("/wp-content/uploads/2024/03/24時間営業.png" );
        background-repeat: no-repeat;
    }

    .b-box_b{
        background-image: url("/wp-content/uploads/2024/03/レッカー.png"); 
        background-repeat: no-repeat;
        background-position: left bottom;
    }

    .b-box_c{
        background-image: url("/wp-content/uploads/2024/03/クルマの鍵.png"); 
        background-repeat: no-repeat;
    }

    .b-box_d{
        background-image: url("/wp-content/uploads/2024/03/タクシー.png"); 
        background-repeat: no-repeat;
    }


    .m-box {
        border: 1px solid #d6d6d6;
        border-radius: 5px;
        padding: 0rem 6rem 8rem;
    }

    h2#r-title {
        margin: 5rem 0;
        text-align: center;
    }

    #melit h3{
        width: 145px;
        height: 145px;
        border-radius: 50%;
        line-height: 145px;
        text-align: center;
       flex-shrink: 0;
       margin: 0 3rem 0 0;
       padding: 0;
    }

    #melit p{
        margin: 0rem;
        vertical-align: middle;
        display: table-cell;
    }

    .melit1{
        display:table;
        margin: 8rem 0rem;
    }

    .toku-attention {
        border: 1px solid #D6D6D6;
        border-radius: 5px;
        padding: 2rem;
    }

    .roadservice a.tel{
        color: #000;
        margin: 0 0 0 5rem;
        text-wrap: nowrap;
    }

    article.default-page .roadservice ul li::before{
        background: #000;
    }

    p.title {
        font-size: large;
        margin-top: 1rem;
    }

    @media screen and (max-width:820px) {
        .m-box{
            padding: 0 2rem 8rem;
        }

        .b-box_a,.b-box_c,.b-box_d{
            background-position: left bottom;
            background-size: 65%;
        }
    }

    @media screen and (max-width:430px) {
        .melit1{
            display: inline;
        }

       #melit h3{
        padding: 1rem 2rem;
        border-radius: 5px;
        background: #00359e;
        color: #fff;
        clear: both;
        width: 100%;
        height: 48px;
        line-height: 25px;
        text-align: left;
        margin: 6rem 0 2rem;
        }
    
        .b-box_a,.b-box_b,.b-box_c,.b-box_d{
            width: 100%;
            background-position: left bottom;
        }

        .m-box{
            padding: 0 1.57rem 3rem;
            margin: 6rem 0;
        }
        
        .b-box_a{
            background-size: 60%;
        }


        .b-box_c,.b-box_d{
            background-size: 65%;
        }
    }
/*新ロードサービスページ　ここまで　20240213中交協嶋谷*/

 /*補助事業ページ　血圧計導入　中交協20240319嶋谷*/

        h1.hojo_h1{
            font-size: 4.2rem;
            color: #6dba2a;
            padding: 1rem 1rem 3rem;
        }

        h1.hojo_h1 span{
            font-size: 3.6rem;
            color: #FF0000;
        }

        article.service.hojo section.service ul li#service08 {
            background-image: url(/image/service/note-sas.png);
            padding-bottom: 85px;
        }

        article.service.kosyu section.service ul li#service07 {
            background-image: url(/image/service/note-sas.png);
            padding-bottom: 35px;
        }

        .kosyu ul li::before{
            display: none;
        }


       .new::before{
            content: "NEW";
            background-color: red;
            color: #fff;
            padding: 0.5rem;
            font-size: 18px;
            vertical-align: middle;
        }
        
        h2.new{
                width: calc(100% + 120px);
                margin-left: -60px;
                margin-right: -60px;
        }
        
        @media screen and (max-width:430px) {
        h2.new {
            width: calc(100%);
            margin-left: 0px;
            margin-right: 0px;
        }
    }

    .movielist{
        display: flex;
        width: fit-content;
        transition: transform 0.3s ease;
        transform: translateX(0);
        flex-wrap: wrap;
     }

     /*交協連コンテンツ 20240507中交協嶋谷*/

        .movielist{
            display: flex;
            width: fit-content;
            transition: transform 0.3s ease;
            transform: translateX(0);
            flex-wrap: wrap;
         }
    
         .movielist li{
            width: 205px;
         }
    
         .movielist li::before{
            display: none;
         }
    
         .loadbtn,.loadbtn2,.backbtn,.backbtn2{
            margin: auto;
            text-align: center;
            background: #ffffff;
            border: 2px solid #898989;
            padding: 1.5rem 1rem;
            font-weight: bold;
            color: #898989;
            width: 30%;
            border-radius: 5px;
            box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.3);
         }
    
         .loadbtn:hover,.loadbtn2:hover,.backbtn:hover,.backbtn2:hover{
            color:#c1bebe;
            border: 2px solid #89898940;
            box-shadow:none;
         }
         
         .item p{
            color: #000;
            height: 110px;
            margin: 1rem 0 !important;
         }
    
    
         .hidden{
            display: none;
         }
    
         .movielist img{
            display: inline-block;
         }
    
         @media screen and (max-width: 480px) {
            .movielist a{
                display: inline-flex;
            }
    
            .movielist li p{
                max-width: 50%;
                margin: 0 0 0 1rem;
            }
    
            .movielist img{
                max-width: 50%;
                margin: 1.3rem 1rem;
            }
    
            .movielist li{
                width: auto;
            }
    
            article.kokyorenmovie ul li{
                padding: 0px 0px 10px 0px;
            }
    
            .loadbtn,.loadbtn2,.backbtn,.backbtn2{
                width:100%;
            }
        }

        #qa-road{
            font-weight: normal;
            margin: 0;
        }
    
        #qa-road li{
            padding: 1rem 0;
        }
        
    .jibai ul.anchor {
        margin: 6rem 0rem;
    }

    .jibai table{
        margin-top: 5rem;
    }

    /*eラーニング更新　20240723中交協嶋谷*/

.tab-label {
    width: 49%;
    height: 60px;
    line-height: 60px;
    font-size: x-large;
    background-color: #0C8366;
    color: #ffffff;
    display: inline-block;
    border-radius: 7px 7px 0 0;
    text-align: center;
    box-shadow: 2px -1px 4px 2px rgba(0, 0, 0, 0.3);
}

.tab-label:hover {
    opacity: 0.7;
    transition: 0.5s;
}


#dtab {
    background-color: #ff0e93;
    margin-left: 1.6%;
}

.tab-box input {
    /*ラジオボタン*/
    display: none !important;
}

#tab-e:checked~#tab-e-content,
#tab-d:checked~#tab-d-content {
    display: block;
}

.e-shadow {
    border-radius: 0 0 5px 5px;
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.3);
    padding: 60px 30px;
}

.e-shadow.green {
    border-top: 3px solid #0C8366;
}

.e-shadow.pink {
    border-top: 3px solid #ff0e93;
}

.tab-content {
    display: none;
}

.e-shadow .kumiaiset {
    display: flex;
}

/*法定12項目　動画配信サービス　嶋谷*/

li.item.hotei{
    width: 24%;
    padding: 2rem;
    border-radius: 5px;
    border: 1px solid #c0c0c0;
    margin: 5px;
    /* height: 370px; */
 }

 ul.movielist.hotei{
    padding-top: 5rem;
 }

 #kumiaiset-hotei{
    display: flex;
 }

#kumiaiset-hotei .blue-button{
    width: 33%;
 }
   /*法定12項目動画ページ*/
   .hotei-button{
    width: 100%;
    height: auto;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #0068b7;
    display: flex;
    /* float: left; */
    margin: 5px 0;
    justify-content: center;
    align-items: center;
    text-align: center;
}

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

    .movielist.hotei a{
        display: block;
    }

    .movielist.hotei img{
        max-width: 93%;
        width: 100%;
        margin: 10px;
    }

    .movielist.hotei li p{
        max-width: 100%;
        margin: 0.75rem 0 0;
    }

    li.item.hotei{
        width: 100%;
        padding: 1.5rem;
    }
}


@media screen and (max-width: 820px) {
    #kumiaiset-hotei .blue-button{
        width: 100%;
    }

    #kumiaiset-hotei{
         display: flex;
         flex-direction: column;
    }
}

/* 注意事項の枠デザイン */

.video-notice-box {
    background-color: #fff5f5;
    border: 1px solid #ffcdd2;
    padding: 12px 18px; /* 全体の余白をスリムに */
    border-radius: 8px;
    color: #d32f2f;
    margin-bottom: 30px;
    line-height: 1.4;
}

.notice-title {
    margin: 0 0 4px 0 !important; /* タイトル下の隙間を最小限に */
    font-weight: bold;
    font-size: 1.05em;
    color: #d32f2f;
}

.notice-text {
    margin: 0 !important; /* 文章同士の隙間をゼロに */
    padding: 2px 0 !important; /* ほんの少しだけ行間を調整 */
    font-size: 0.95em;
    color: #d32f2f;
    text-indent: -1em; /* 2行目になった時に文字を揃えるおまじない */
    padding-left: 1em !important;
}


/*組合員専用ページ　嶋谷*/
.kumiai-container {
    margin: 0 auto;
    display: flex;
    padding: 0 30px;
    max-width: 900px;
}

.kumiai-container .kumiai-item {
    margin: 10px;
    padding: 15px 10px;
    border-radius: 5px;
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;

}

.kumiai-container .n01 {
    background-color: #0c8366;
}

.kumiai-container .n02{
    background-color: #6dba2a;
}

.kumiai-container .n01:hover,
.kumiai-container .n02:hover,
.kumiai-container .n03:hover {
    opacity: 0.7;
    transition: 0.5s;
}

.kumiai-container .n03 {
    background-color: #00359e;
    width: 50%;
}

.kumiai-container .n01 p:hover,
.kumiai-container .n02 p:hover,
.kumiai-container .n03 p:hover {
    opacity: 1;
}

p.kumiai-p {
    text-align: center;
    color: #ffffff;
    margin-bottom: 0 !important;
}

.set {
    width: 50%;
}

p.kumiai-p.blue {
    display: grid;
    place-items: center center;
    height: 100%;
    font-size: 28px;
}

#page-id-4326 .pin-button p {
    display: grid;
    place-items: center center;
    height: 100%;
}

#page-id-4326 .child {
    display: flex;
    height: 80px;
}

@media screen and (max-width: 1024px) {
    li.item.hotei{
        width: 23.9%;
    }
}

@media screen and (max-width: 895px) {
    #dtab {
        margin-left: 1.5%;
    }

    .e-shadow .kumiaiset {
        display: block;
    }

    .button-kumiai#delearning,
    .button-kumiai#delearning-2 {
        width: 100%;
        margin:0px 0 10px 0;
    }

    #page-id-4326 .child {
        display: grid;
        height: fit-content;
    }

    #page-id-4326 .pin-button {
        height: 80px;
    }

    .button-kumiai#elearning {
        margin: 0 0 10px 0;
    }

    li.item.hotei{
        width: 31.9%;
    }
}

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

    /*スマホ　e-ラーニングページ 嶋谷*/
    #dtab {
        margin-left: 1.0%;
    }
}

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

    /*スマホ　組合専用ページ1 嶋谷*/
    .kumiai-container .n03,
    .set {
        width: 100%;
    }

    .kumiai-container .kumiai-item {
        margin: 10px 0;
    }

    p.kumiai-p.blue {
        font-size: 16px;
    }

    .kumiai-container {
        padding: 0;
        display: block;
    }

    /*e-ラーニングページ*/
    #dtab {
        margin-left: 0.9%;
    }

     /*法定12項目動画*/
    li.item.hotei{
        width: 100%;
        padding: 15px;
        height: auto;
    }

}

.blue-button.nolink:hover{
    opacity: 1.0;
}

/*組合員専用ページ戻るボタン　嶋谷*/
.kumiaiback {
    text-align: center;
    margin-top: 5rem;
}

.kumiaiback .kumibtn {
    border: 1px solid #dfdfdf;
    padding: 1em 4rem;
    background-color: #dfdfdf;
    color: #333;
    display: inline-block;  
}

.kumiaiback .kumibtn:hover {
    color: #333;
}

span.dli-chevron-left {
    display: inline-block;
    vertical-align: middle;
    color: #333;
    line-height: 1;
    width: 1em;
    height: 1em;
    border: 0.13em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(25%) rotate(-135deg);
    margin-right: 1rem;
}

.chukyokocon {
    overflow: hidden;
}

/*紹介キャンペーンボタン追加　嶋谷*/
a.campaign {
    display: block;
    margin-top: 2rem;
    padding: 2rem;
    border: 2px solid #e60012;
    border-radius: 5px;
    color: #e60012;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
}

a.campaign::before {
    display: inline-block;
    width: 28px;
    height: 32px;
    margin-right: 1rem;
    background: url("/image/common/icon/hand.png") center center no-repeat;
    background-size: 28px 32px;
    vertical-align: -10px;
    content: "";
}

a.campaign::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 1rem;
    background: url("/image/common/icon/navigation5.png") center center no-repeat;
    background-size: 16px 16px;
    vertical-align: -1px;
    content: "";
}

/*交協連作製コンテンツ過去の記事 嶋谷*/

.anchor2_child::before{
    display: none;
    padding-left: 0;
}

.anchor2_child{
    display: flex;
    text-decoration: none;
    line-height: 60px;
    outline: none;
    color: #00359E;
    background-color: #fff;
    position: relative;
    border: 1px solid #00359e;
    transition: color 0.5s ease;
    margin-bottom: 3rem;
    padding-left: 0!important;
}

.anchor2{
    margin-top: 8rem;
}

.anchor2_child a{
    display: inline-block;
    width: 100%;
    height: 100%;
    opacity: 1.0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #00359E 50%);
    background-position: 0 0;
    background-size: 200% auto;
    transition: .4s;
    padding-left: 2rem;
}

.anchor2_child a:hover{
    color: #FFFFFF!important;
    opacity: 1.0;
    background-position: -100% 0;
}

.anchor2_child:hover::after{
    transform: scale(1,1);
}

/*トップページボタンアニメーション　嶋谷*/
  
  .unkou-ippan:before{
    position: absolute;
    content: '';
    top: -2px;
    left: -100%;
    width: 100%;
    height: 103%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-45deg);
    animation: unkou-ippan 2.0s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
  }
  a.member{
    animation: member 1800ms ease infinite;; 
  }

  /*アニメーション*/
  
  @-webkit-keyframes unkou-ippan{
   0% {
    left: -100%;
    }
    25% {
    left: 100%;
    }
    100% {
    left: 150%;
    }
}

 @-webkit-keyframes member {
    0%  { transform: scale(1); }
    15% { transform: scale(1.1); }
    30% { transform: scale(1); }
    45% { transform: scale(1.1); }
    70% { transform: scale(1); }
  }

  /*中交協コンテンツ編集　20250901中交協嶋谷*/
.chukokyo-list{
    overflow: hidden;
}

 /*事故処理ページ　時間外連絡先変更　画像削除　20250901嶋谷*/

    .kyukyu span{
        color: #000;
        letter-spacing: 0.3rem;
    }

    .kyukyu p.calltime{
        display: inline-block;
        margin-right: 3rem;
        margin-bottom: 0;
    }

    p.calltime:last-child{
        margin-right: 0;
    }

    .kyukyu{
        text-align: center;
    }

    span.kyukyuh{
        background-color: #e3561d;
        color: #FFFFFF;
        padding: 0.5rem 9rem;
        font-size: larger;
        font-weight: bold;
        border-radius: 1rem;
        white-space: nowrap;
    }

    .kyukyu p{
        font-weight: bold;
        letter-spacing: 0.3rem;
    }

    .kyukyu a.phone small{
        margin-right: -0.6rem;
        letter-spacing: 0.25rem;
    }

    .kyukyu div{
        margin: 3rem 0;
    }

@media screen and (max-width:1020px) {
    .kyukyu a.phone small {
    margin-right: -0.6rem;
    letter-spacing: 0.5rem;
    
} 
}   
    /*スマホver*/
@media screen and (max-width: 480px) {
    span.kyukyuh{
        padding: 0.5rem 2rem;
        font-size: 16px;
        display: inline-block;
        max-width: 100%;
        letter-spacing: 0;
        box-sizing: border-box;
    }

    .kyukyu a.phone small{
        margin-right: -0.8rem;
        letter-spacing: 0.1rem;
    }

    .kyukyu p.calltime{
        margin: 0;
    }

}

  /*事故防止トップページ　案　2025.05.21嶋谷*/

  ul.jikobo-tori-list{
    display: flex;
    margin-top: 7rem;
  }

  .jikobo-title{
    position: relative;  
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 60vh;
    background: url(/image/service/24703338_l.jpg) no-repeat center 88% / cover;
  }

  
.black-back {
  position: absolute;           /* 親（.jikobo-title）の上にかぶせる */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5); /* 半透明の黒背景 */
  display: flex;
  justify-content: center;      /* 横中央 */
  align-items: center;          /* 縦中央 */
}

  .jikobo-tori-list li{
    display: block;
    padding: 38px 44px 48px;
    margin: 3rem;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    transition: .5s ease;
}

.jikobo-tori-list li:hover , a.jikobtn[href]:not([href=""]):hover{
    transform: translateY(4px);
    border-bottom-width: 2px;
}

  .jikobo-tori-list h3{
    text-align: center;
    margin: 1rem 0;
  }

  .jikobo-tori h2{
    text-align: center;
    padding: 4rem;
    margin: 0;
    color: #FFFFFF;
    font-size: 3vw;
  }

  .jikobo-sub{
    font-size: 0.6em;
    display: flex;
   justify-content: center;
   align-items: center;
   margin-top: 1rem;
  }

  .jikobo-sub::before,.jikobo-sub::after{
    content: '';
    width: 70px;
    height: 3px;
    background-color: #FFFFFF;
  }

  .jikobo-sub::before{
    margin-right: 2rem;
  }

  .jikobo-sub::after{
    margin-left: 2rem;
  }


  section.tekiseishin {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    padding: 5rem;
    margin-bottom: 10rem;
    background-color: #FFFFFF;
  }


  /*事故防止への取り組み　共通*/
  .page-title{
    /*background-image: url(/image/service/chunosuke.jpg);*/
    padding: 10rem 0;
    margin-bottom: 10rem;
    background-color: #ffffff;
  }

  .page-title h2{
     color: #000;
    padding: 1rem 0;    
    /*text-align: center;*/
    max-width: 1080px;
    margin: auto;
    font-size: 5rem;
    font-family: 'BIZ UDPゴシック', sans-serif;
    font-weight: 900;
    /*background: rgba(255, 255, 255, 0.85);*/
    padding: 1rem 2rem;
    text-shadow: 0 6px 4px rgba(0, 0, 0, 0.25);
  }

  .text-img{
    display: flex;
    align-items: flex-start;
    margin-top: 2rem;
    justify-content: space-between;
  }
    img.service-img{
    margin-top: 2rem;
  }
  .tekishin-text{
    margin-right: 5rem;
    width: 590px;
  }

 .tekishin-text p{
     margin-top: 1rem;
  }

  .tekishin-btn p {
    padding: 0.5rem 0;
    font-size: 2rem;
  }

  article.tekishin,article.hojo2,article.kosyu,article.sonohoka,article.dvd2,article.jikobo-goods{
    background-color: aliceblue;
  }

a.jikobtn {
    display: block;
    position: relative;
    margin-top: auto;
    padding: 0.5em;
    text-align: center;
    border: 1px solid ;
    border-radius: 30px;
    font-weight: bolder;
    transition: .5s ease;
}

a.jikobtn.calendar{
    border-color:#0068b7;
    background: #0068b7;
    color: #ffffff; 
}

a.jikobtn.calendar::before{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 0.5rem;
    background: url(/image/common/icon/calendar_icon.png) center center no-repeat;
    background-size: 20px 20px;
    vertical-align: -3px;
    content: "";
}

 /*iconつけたくなった場合、"none"のクラス名変更後(HTMLも変更)background-image:url(/image/....)に変更する。[date-icon="none"]は表示したくないもの共通とする。嶋谷*/
.jikobtn.calendar[data-icon="none"]::before {   
    display: none;
}

a.jikobtn.calendar[data-icon="hojo"]::before,a.jikobtn.application[data-icon="hojo"]::before{
    background: url(/image/common/icon/syorui_icon.png) center center no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 0.5rem;
    background-size: 20px 20px;
    vertical-align: -3px;
    content: "";
}

a.jikobtn.application {
    background: #4d8fac;
    border-color: #4d8fac;
    color: #ffffff;
}

a.jikobtn.application[data-icon="moushikomi"]::before ,a.jikobtn.annai-pdf[data-icon="moushikomi"]::before{
    background: url(/image/common/icon/pc_icon.png) center center no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 0.5rem;
    background-size: 20px 20px;
    vertical-align: -3px;
    content: "";
}

.tekiseishin h3{
    font-size: 4.4rem;
    color: #0068b7;
}

#goods h3{
    font-size: 2.4rem;
}

.br-sp{
    display: none;
}

  /*適性診断ページ*/
    #teki02 .text-img{
    margin-bottom: 5rem;
}

  #teki02 .service-img{
    margin-top: -4rem;
  }


  #teki02 .tekishin-text{
    margin-top: 1rem;
}

  .shindan-list{
    padding: 2rem 0 0 0;
  }

  .tekishin-btn{
    padding: 2rem 0;
  }

  ol.tokushin{
    margin-left: 12.5rem;
    padding-bottom: 4rem;
  }
  .shindan-list li{
    margin-top: 1rem;
  }
 .shindan-list li::before { 
    content: counter(number);
    counter-increment: number;
    border-radius: 50%;
    border: 1px solid #000;
    width: 20px;
    height: 20px;
    position: absolute;
    line-height: 20px;
    display: block;
    text-align: center;
  }

  .shindan-list li span{
    padding: 0 3rem;
  }

  #teki-under{
    padding: 0;
    text-decoration: underline;
  }

  .tokushin li::before{
    content: "("counter(number) ") ";
  }

 .shindan-list li:nth-child(3) span {
    padding: 0 1.5rem 0 3rem;
 }

 #teki01 .jikobo-container a{
    opacity: 1.0;
 }

/*講習会ページ*/
section#unkou01 {
    margin-top: 9rem;
}

span.kokudo {
    color: #00B894;
}

p.subtitle {
    font-size: 2.5rem;
    color: #0068b7;
}

#unkou05 a:hover{
    opacity: 1.0;
}

.kosyu .anchor,.hojo2 .anchor,.sonohoka .anchor,.tekishin .anchor {
    display: flex;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    flex-wrap: wrap;
    border: none;
    margin-bottom: 8rem;
}

#jakki{
    font-size: 3.9rem;
}

/*その他事故防止事業*/
#sonota05 .tekishin-text{
    width: auto;
}




/*吹き出し 前頁共通*/

.jikobo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  text-align: center;
}

.btn.ren {
  position: relative;
  display: inline-block;
  padding: 30px;
  margin: 0;
  font-size: 23px;
  background: #FFFFFF;
  border-radius: 1rem;
  overflow: visible;
  z-index: 2;
}

/* 背景：ずらし表示 */
.btn.ren .bg-inner {
  position: absolute;
  top: 8px;
  right: 8px;
  bottom: -6px;
  left: -6px;
  background: #94d1ff;
  border-radius: 0.8rem;
  z-index: 1;
  pointer-events: none;
}

/* テキスト：最前面 */
.btn.ren a {
  position: relative;
  z-index: 4;
  text-decoration: none;
  color: inherit;
}

/* 疑似枠線（最前面に表示） */
.btn.ren::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1rem;
  box-shadow: 0 0 0 2px #333;
  z-index: 3;
  pointer-events: none;
}

/* 吹き出しの矢印：外側の線 */
.btn.ren .arrow-border {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  border: solid transparent;
  border-left-color: #333;
  border-width: 20px;
  margin-top: -20px;
  z-index: 2;
  pointer-events: none;
}

/* 吹き出しの矢印：内側の白 */
.btn.ren .arrow-bg {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  width: 0;
  height: 0;
  border: solid transparent;
  border-left-color: #FFFFFF;
  border-width: 17px;
  margin-top: -17px;
  z-index: 3;
  pointer-events: none;
}

/*その他事故防止事業ページ*/

#sonota01 a{
    color:#0068b7;
}

.sonota-p {
    margin-top: 4rem;
    padding: 2rem;
    border-radius: 1rem;
    background-color: antiquewhite;
}

.sonota-p h4{
    font-size: 2rem;
}

/*ipad*/
@media screen and (max-width: 1024px) {
    .jikobo-tori-list li{
        padding: 0.8rem 0.8rem 1rem;
        margin: 1.5rem;
    }

    ul.jikobo-tori-list{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    .jikobo-title{
        height: 40vh;
    }

    .jikobo-tori h2{
        font-size: 5vw;
    }
    }

/*スマホver*/
@media screen and (max-width: 480px) {

    .page-title h2{
        font-size: 3.9rem;
    }

    ul.jikobo-tori-list{
        display: block;
    }

    .jikobo-tori-list li{
        padding: 3.5rem;
    }

    section.tekiseishin{
        padding: 3rem;
    }

    .text-img{
        display: block;
    }

    .tekishin-text{
        width: 100%;
    }

    .tekiseishin h3{
        font-size: 3.2rem;
    }

    p.subtitle{
        font-size: 1.9rem;
    }

    .tekishin-btn p{
        font-size: 1.6rem;
    }

    .btn.ren .arrow-bg{
        transform: translate(-50%,55%) rotate(90deg);
        top: 97.5%;
        left: 50%;
    }
    #teki01 .arrow-bg{
        top:98.5%
    }
    #teki01 .arrow-border{
        top: 95%;
    }

    .btn.ren .arrow-border {
        top: 93%;
        left: 50%;
        margin-top: -16px;
        transform: translate(-50%, 55%) rotate(90deg);
    }

    .btn.ren .bg-inner {
    top: -9px;
    right: 8px;
    bottom: 3px;
    left: -8px;
    }

    .btn.ren{
        font-size: 16px;
        padding: 2rem;
    }

    .jikobo-container{
        display: block;
        margin-top: 5rem;
    }

    ol.tokushin{
        margin: 0;
    }

    .br-sp{
        display:block ;
    }

    #teki02 .service-img{
        margin-top: 0rem;
    }

    .kosyu .anchor li, .hojo2 .anchor li{
        width: 100%;
    }

    #jakki{
        font-size: 2.9rem;
    }

    .service-img{
        max-width: 75%;
    }

   .cen-service-img{
        text-align: center;
    }

    .jikobo-sub::before,.jikobo-sub::after{
        width:40px;
    }

    .jikobo-tori h2{
        padding: 0;
        font-size: 7vw;
    }

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




/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
事故防止DVD無料貸出サービス
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
article.dvd2 {
    padding-bottom: 10rem;
}

article.dvd2 section.header {
    display: flex;
    position: relative;
}

section.header+section.dvd2 {
    padding-top: 0px;
}

/*article.dvd2 section.dvd2 {
    background: url("/image/service/back.gif");
}*/

article.dvd2 section.dvd2 .inner {
    background: #fff;
    padding-bottom: 8rem;
    padding-top: 8rem;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

article.dvd2 section.dvd2 a.button-link {
    display: inline-block;
    background: #00359e;
    color: #fff;
    padding: 20px 50px;
    margin: 3rem 10px 1rem 0px;
    border-radius: 10px;
    letter-spacing: 2px;
    width: 280px;
    text-align: center;
}

article.dvd2 a {
    color: #00359e;
}

article.dvd2 section.header .header {
    height: auto;
}

article.dvd2 section.header h1 {
    padding: 2rem;
    background: #00359e;
    color: #fff;
}

article.dvd2 section.dvd2 {
    counter-reset: number;
}

/*article.dvd2 section.dvd2 ul.anchor {
    border-color: #7cbf33;
}*/

/*article.dvd2 section.dvd2 ul.anchor li a {
    color: #0068b7;
}*/

/*article.dvd2 section.dvd2 ul.anchor li a::before {
    background: url("/image/common/icon/navigation4.png") center center no-repeat;
    background-size: 16px 16px;
}*/

article.dvd2 section.dvd2 h2 {
    padding-top: 8rem;
    color: #00359e;
}

article.dvd2 section.dvd2 h2:first-child {
    padding-top: 0rem;
}

article.dvd2 section.dvd2 hr {
    display: none;
    margin: 0 auto;
    width: calc(100% - 8rem);
}

article.dvd2 section.dvd2 dl.dvd2>dt {
    position: relative;
    margin-top: 4rem;
    padding: 4rem 10rem 4rem 6rem;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    font-weight: bold;
    font-size: 2.4rem;
    cursor: pointer;
    transition: 0.5s;
    text-indent: -1.5em;
}

article.dvd2 section.dvd2 dl.dvd2 {
    counter-reset: number;
}


article.dvd2 section.dvd2 dl.dvd2>dt:after {
    position: absolute;
    top: 4rem;
    right: 4rem;
    color: #00359e;
    content: "＋";
}

article.dvd2 section.dvd2 dl.dvd2>dt.open {
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}

article.dvd2 section.dvd2 dl.dvd2>dt.open:after {
    content: "－";
}

article.dvd2 section.dvd2 dl.dvd2>dt:hover {
    opacity: 0.7;
}

article.dvd2 section.dvd2 dl.dvd2>dd {
    display: none;
    position: relative;
    padding: 4rem 4rem 4rem 11rem;
    border: 1px solid #d6d6d6;
    border-top: none;
    border-radius: 0 0 5px 5px;
}

article.dvd2 section.dvd2 dl.dvd2>dd::before {
    display: block;
    color: #e60012;
    font-weight: bold;
    font-size: 3rem;
    content: "";
}

article.dvd2 section.dvd2 dl.dvd2>dd>ol {
    margin: 30px 0 30px 20px;
    font-weight: bold;
}

article.dvd2 section.dvd2 dl.dvd2>dd>ol li::before {
    display: inline-block;
    width: 20px;
    margin-left: -20px;
}

article.dvd2 section.dvd2 dl.dvd2>dd h3 {
    margin: 6rem 0 3rem;
    border-bottom: 2px solid #d6d6d6;
    font-size: 2rem;
}

article.dvd2 section.dvd2 dl.dvd2>dd h3 span {
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 2px solid #7cbf33;
}

article.dvd2 section.dvd2 dl.dvd2>dd table {
    margin-top: 2rem;
}

article.dvd2 section.dvd2 dl.dvd2>dd p+table {
    margin-top: 3rem;
}

article.dvd2 section.dvd2 dl.dvd2>dd table.table th {
    width: 20%;
}

article.dvd2 section.dvd2 dl.dvd2>dd table.table td {
    width: 40%;
}

article.dvd2 section.dvd2 dl.dvd2>dd table ol {
    margin-left: 30px;
}

article.dvd2 section.dvd2 dl.dvd2>dd table ol li::before {
    display: inline-block;
    width: 40px;
    margin-left: -40px;
    content: "（" counter(number) "）";
}

article.dvd2 section.dvd2 dl.dvd2>dd p.annotation {
    margin-bottom: 4rem;
}

article.dvd2 section.dvd2 dl dd span.time {
    display: inline-block;
    margin: 0px 10px 10px 0px;
    padding: 2px 10px;
    background: #666;
    color: #fff;
}

article.dvd2 section.dvd2 dl dd span.drama {
    display: inline-block;
    margin: 0px 10px 10px 0px;
    padding: 2px 10px;
    background: #7cbf33;
    color: #fff;
}

article.dvd2 section.dvd2 dl dd img {
    display: block;
    margin: 4rem 0px 0px;
}


article.dvd2 section.dvd2 dl.answer {
    counter-reset: number;
}

article.dvd2 section.dvd2 dl.answer>dt {
    margin: 6rem 0 3rem;
    border-bottom: 2px solid #d6d6d6;
    font-weight: bold;
    font-size: 2rem;
}

article.dvd2 section.dvd2 dl.answer>dt span {
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 2px solid #7cbf33;
}

article.dvd2 section.dvd2 dl.answer>dt span::before {
    display: inline-block;
    width: 25px;
    content: counter(number) ".";
    counter-increment: number;
}



article.dvd2 section.dvd2 dl.answer-inner {
    margin: 30px 0 0 20px;
}

article.dvd2 section.dvd2 dl.answer-inner dt {
    position: relative;
    font-weight: bold;
}

article.dvd2 section.dvd2 dl.answer-inner dt::before {
    position: absolute;
    top: 11px;
    left: 4px;
    width: 6px;
    height: 6px;
    margin-left: -20px;
    border-radius: 50%;
    background: #7cbf33;
    content: "";
}

.dvd2-p{
    margin-bottom: 5rem;
}

@media screen and (min-width: 640px) {
    article.dvd2 section.dvd2 dl.dvd2>dd table th {
        width: 50%;
    }
}

@media screen and (min-width: 768px) {
    article.dvd2 section.header {
        background: #7cbf33;
        align-items: center;
        flex-flow: row-reverse;
    }

    article.dvd2 section.header .header {
        width: 50%;
        height: 240px;
    }

    article.dvd2 section.header h1 {
        width: 50%;
        max-width: 540px;
        margin-left: auto;
    }

    article.dvd2 section.dvd2 dl.dvd2>dd::before {
        position: absolute;
        top: 32px;
        left: 0;
        width: 100px;
        text-align: right;
    }
}

@media screen and (max-width: 767px) {
    article.dvd2 section.header h1 {
        width: 100%;
    }

    article.dvd2 section.dvd2 h2 {
        padding-top: 4rem;
    }

    article.dvd2 section.dvd2 ul.anchor li {
        width: 100%;
    }

    article.dvd2 section.dvd2 hr {
        width: calc(100% - 4rem);
    }

    article.dvd2 section.dvd2 dl.dvd2>dt {
        margin-top: 2rem;
        padding: 2rem 5rem 2rem 5rem;
        font-size: 1.8rem;
    }

    article.dvd2 section.dvd2 dl.dvd2>dt::before {
        top: 18px;
        width: 70px;
        font-size: 2.4rem;
    }

    article.dvd2 section.dvd2 dl.dvd2>dt:after {
        top: 2rem;
        right: 2rem;
    }

    article.dvd2 section.dvd2 dl.dvd2>dd {
        padding: 2rem 2rem 2rem 2rem;
    }

    article.dvd2 section.dvd2 dl.dvd2>dd::before {
        width: 70px;
    }

    article.dvd2 section.dvd2 dl.dvd2>dd h3 {
        margin: 3rem 0 2rem;
    }

    article.dvd2 section.dvd2 dl.dvd2>dd p.annotation {
        margin-bottom: 2rem;
    }

    article.dvd2 section.dvd2 dl.answer>dt {
        margin: 3rem 0 2rem;
    }
}
/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
協同組合と会社の相違ページ　加藤
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/


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

.soui-table th,
.soui-table td{
display: table-cell !important;
}

.soui-table tr{
display: table-row !important;
}

}

.soui-table{
width:100%;
border-collapse:collapse;
table-layout:fixed;
}

.soui-table td{
padding:12px;
word-break:break-word;
}

.soui-table td:nth-child(1){
width:25% !important;
}

.soui-table td:nth-child(2){
width:37.5% !important;
}

.soui-table td:nth-child(3){
width:37.5% !important;
}

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

.soui-table td{
padding:14px 10px;
font-size:14px;
}

}
/* 表のヘッダー行 */
.soui-table tr:first-child td{
background:#e2ebf5;
}

/* 左の項目列 */
.soui-table td:first-child{
background:#f5f5f5;
}

.soui-table td{
text-align:center;
vertical-align:middle;
}
/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
自賠責代理店ページ修正 加藤
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

.jibai-table{
width:100%;
border-collapse:collapse;
word-break:break-word;
}

.jibai-table td{
padding:12px;
line-height:1.6;
}

.agent-name td{
background:#eee;
text-align:center;
font-weight:bold;
}

.agent-info td{
text-align:left;
}

.tantou td{
background:#00339a;
color:#fff;
text-align:center;
font-weight:bold;
}

.jibai-table td[colspan="3"]{
text-align:center;
font-weight:bold;
}


/* スマホ */
@media screen and (max-width:767px){

    .jibai-table{
border:none;
}

.jibai-table tr{
display:block;
margin-bottom:12px;
background:#fff;
border-radius:8px;
box-shadow:0 1px 3px rgba(0,0,0,0.08);
overflow:hidden;
border:none !important;
}


.jibai-table td{
display:block;
width:100%;
border:none;
}

.jibai-table td:nth-child(1){
background:#eee;
text-align:center;
font-weight:bold;
padding:10px;
}

.tantou td{
background:#00339a !important;
color:#fff;
}

.jibai-table td:nth-child(2){
text-align:left;
padding:8px 10px 2px;
}

.jibai-table td:nth-child(3){
text-align:left;
padding:0 10px 10px;
}

.jibai-table td:nth-child(3)::before{
content:"TEL ";
font-weight:bold;
}

.tantou td{
text-align:center !important;
}

}
/* PCでは改行させない */
.tantou br{
display:none;
}


/* スマホでは改行させる */
@media screen and (max-width:767px){
.tantou br{
display:block;
}
}

/* 改行させない */
.nowrap{
white-space:nowrap;
}

/* .jibai-table,
.jibai-table tr,
.jibai-table td{
border:none !important;
} */

 /* PC */
 @media screen and (min-width:768px){

.jibai-table td{
padding:20px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+
 年表テーブル　加藤
+--+--+--+--+--+--+--+--+--+--+--+--+*/

.history-table{
width:100%;
border-collapse:collapse;
table-layout:fixed;
}

.history-table td{
padding:16px 12px;
vertical-align:middle;
}

/* 年 */
.history-table .year{
background:#e2ebf5;
text-align:center;
width:120px;
vertical-align:middle;
}

/* 西暦と和暦を縦並び＋中央 */
.year-inner{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
height:100%;
}

/* spanの強制inlineを解除 */
.year span{
display:block;
line-height:1.2;
}

/* 月 */
.month{
background:#ededed;
text-align:center;
width:10%;
}

/* 内容 */
.history{
text-align:left;
width:76%;
}

/* 西暦 */
.seireki{
display:block;
font-weight:bold;
font-size:16px;
line-height:1.1;
}

/* 和暦 */
.wareki{
display:block;
font-size:12px;
color:#666;
margin-top:2px;
line-height:1.1;
}

/* スマホ */
@media screen and (max-width: 768px){

.history-table td{
padding:8px 10px;
}

.history-table .year{
padding:10px 10px;
}

.month{
padding:6px 10px;
}

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

.history-table .year{
font-weight:bold;
border-top:2px solid #c8d6e8;
}

}

/*+--+--+--+--+--+--+--+--+--+--+--+--+
組合員専用ページ内　定款・規程集ダウンロード　加藤
+--+--+--+--+--+--+--+--+--+--+--+--+*/

.regulation-list {
    padding: 0 24px;
}

.regulation-list .pdf-list li {
    border-bottom: 1px solid #f3f3f3;
    padding: 14px 0;
}

.regulation-list .pdf-list a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: #333;
    font-size: 16px;
    line-height: 1.7;
    transition: opacity 0.2s ease;
    padding: 2px 0;
}

.regulation-list .pdf-list a:hover {
    opacity: 0.5;
}

.regulation-list .pdf-list {
    list-style: none !important;
}

.regulation-list .pdf-list li::before {
    content: none !important;
}

.regulation-list .date {
    text-align: right;
    margin-bottom: 20px;
    font-size: 13px;
    color: #777;
}

.regulation-list .pdf-list img {
    width: 14px;
    opacity: 0.6;
}

.regulation-list .pdf-list li:last-child {
    border-bottom: none;
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+
組合員専用ページ内　中交協News　加藤
+--+--+--+--+--+--+--+--+--+--+--+--+*/

/* PC */
.news-list {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

/* タブレット */
@media screen and (max-width: 1024px) {
  .news-list {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* スマホ */
@media screen and (max-width: 767px) {
  .news-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}

.news-list a {
  display: block;
  float: none;
}

.news-list img {
  width: 100%;
  height: auto;
  display: block;
  float: none;
  margin: 0;
}