/* Theme Name: takakou */

@charset "UTF-8";

.wpcf7-textarea {
    text-align: left!important;
}

@media screen and (max-width: 479px) {
    body {
        margin     : 0px;
        width      : 100%;
        font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    }

    .container {
        height  : 300px;
        width   : 100%;
        overflow: hidden;
    }

    .container2 {
        height       : 300px;
        width        : 100%;
        overflow     : hidden;
        margin-bottom: 20%;
    }

    .container5 {
        height  : 500px;
        width   : 100%;
        overflow: hidden;
    }

    img {
        -o-object-fit: contain;
        object-fit   : contain;
    }

    h1 {
        font-family: Gill Sans, sans-serif;
        font-weight: 500;
    }

    h4 {
        color: #00397A;
    }

    p {
        font-family: Noto Sans JP, sans-serif;
        color      : #00397A;
        line-height: 1.5em;
        font-size  : 7px;
    }

    #header {
        width  : 94%;
        height : 20%;
        padding: 3%;
    }

    #header img {
        width        : 25%;
        height       : 10%;
        float        : left;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #header #menu-btn-check {
        margin-left: 87%;
        display    : none;
    }

    #header .menu-btn {
        position        : fixed;
        top             : 3%;
        right           : 3%;
        display         : flex;
        height          : 40px;
        width           : 40px;
        justify-content : center;
        align-items     : center;
        z-index         : 90;
        background-color: gray;
    }

    #header .menu-btn span,
    #header .menu-btn span:before,
    #header .menu-btn span:after {
        content         : "";
        display         : block;
        height          : 3px;
        width           : 25px;
        border-radius   : 3px;
        background-color: #ffffff;
        position        : absolute;
    }

    #header .menu-btn span:before {
        bottom: 8px;
    }

    #header .menu-btn span:after {
        top: 8px;
    }

    #header .menu-content {
        width           : 100%;
        height          : 100%;
        position        : fixed;
        top             : 0;
        left            : 100%;
        z-index         : 80;
        background-color: #3584bb;
        transition      : all 0.5s;
    }

    #header .menu-content ul {
        padding: 70px 10px 0;
    }

    #header .menu-content ul li {
        border-bottom: solid 1px #ffffff;
        list-style   : none;
    }

    #header .menu-content ul li a {
        display        : block;
        width          : 100%;
        font-size      : 15px;
        box-sizing     : border-box;
        color          : #ffffff;
        text-decoration: none;
        padding        : 9px 15px 10px 0;
        position       : relative;
    }

    #header .menu-content ul li a::before {
        content     : "";
        width       : 7px;
        height      : 7px;
        border-top  : solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        transform   : rotate(45deg);
        position    : absolute;
        right       : 11px;
        top         : 16px;
    }

    #header #menu-btn-check:checked~.menu-content {
        left: 0;
        /*メニューを画面内へ*/
    }

    #footer {
        width           : 100%;
        padding         : 10% 0;
        background-color: #00397A;
        color           : white;
       
    }

    #footer ul li {
        font-size: 10px;
    }

    #footer ul li a {
      font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
    }

    #footer .menu {
        margin    : 0 5%;
        text-align: center;
    }

    #footer .menu ul {
        margin     : 0;
        padding    : 0%;
        display    : flex;
        list-style : none;
        line-height: 2em;
        font-size  : 12px;
        font-weight: bold;
    }

    #footer .menu ul li {
        margin-left: 5%;
        font-size  : 9px;
    }

    #footer .information {
        display: flex;
        width  : 90%;
        margin : 0 5%;
    }

    #footer .information ul {
        list-style: none;
        padding   : 0;
    }

    #footer .information ul li {
        padding-top: 3%;
        font-family: Noto Sans JP,sans-serif;
        font-size: 14px;
    }

    #footer .information ul:nth-of-type(2) {
        margin-top: 13%;
    }

    #footer .right {
        margin-top: 20%;
        font-size : 11px;
        text-align: center;
    }

    #index .container-first {
        width           : 93%;
        height          : 300px;
        float           : left;
        margin          : 30px 0;
        background-color: gray;
        background      : linear-gradient(to right, #fff 0%, #fff 7%, #e8e8e8 7%, #e8e8e8 100%);
        position        : relative;
    }

    #index .container-first .col {
        height: 300px;
    }

    #index .container-first .col h1 {
        color                  : #666666;
        -webkit-text-decoration: underline solid #666666;
        text-decoration        : underline solid #666666;
        font-size              : 20px;
        font-weight            : 600;
        position               : relative;
        z-index                : 5;
        margin-top             : 20px;
    }

    #index .container-first .col h1 span {
        color                  : white;
        -webkit-text-decoration: underline solid white;
        text-decoration        : underline solid white;
    }

    #index .container-first .col img {
        float        : right;
        width        : 100%;
        height       : 50%;
        -o-object-fit: contain;
        object-fit   : contain;
        position     : absolute;
        top          : 50%;
    }

    #index .container-first .col .scroll {
        float           : right;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
        font-size       : 8px;
        position        : absolute;
        top             : 40%;
        right           : -20px;
    }

    #index .container-first .col .wrap {
        overflow: hidden;
    }

    #index .container-first .col .slideConts {
        transition: 1s;
    }

    #index .container-first .col .slideContsL {
        transform: translate(0, 0);
    }

    #index .container-first .col .slideContsR {
        transform: translate(100vw, 0);
    }

    #index .container-first .col .slideContsL.show {
        transform: translate(-100vw, 0) !important;
    }

    #index .container-first .col .slideContsR.show {
        transform: translate(0, 0) !important;
    }

    #index .container-first .col .sliding {
        background           : url(/img/top-fv.png) repeat-x;
        background-size      : 200vw;
        height               : 100%;
        width                : 100%;
        background-position-x: -297px;
        -webkit-animation    : slide 2s;
        animation            : slide 2s;
    }

    @-webkit-keyframes slide {
        0% {
            transform: translate3d(0, 0, 0);
        }

        100% {
            transform: translate3d(-1692px, 0, 0);
        }
    }

    @keyframes slide {
        0% {
            transform: translate3d(0, 0, 0);
        }

        100% {
            transform: translate3d(-1692px, 0, 0);
        }
    }

    #index .col2 {
        width      : 95%;
        height     : 300px;
        margin-left: 5%;
        text-align : center;
    }

    #index .col2 .text {
        margin    : 0;
        padding   : 0;
        text-align: left;
        width     : 90%;
        color     : #00397A;
    }

    #index .col2 .text h2 {
        font-size  : 18px;
        font-weight: bold;
    }

    #index .col2 .text h3 {
        font-size    : 16px;
        font-weight  : bold;
        margin-bottom: 15px;
    }

    #index .col2 .text p {
        font-size: 14px;
    }

    #index .col2 .pink {
        margin-top               : 10%;
        margin-left              : 14.5%;
        background-color         : pink;
        border-top-left-radius   : 20em 20em;
        border-bottom-left-radius: 20em 20em;
        width                    : 86%;
        height                   : 30%;
    }

    #index .col2 .pink img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #index .col3 {
        width                     : 100%;
        height                    : 100%;
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        background-color          : #A6D1E9;
    }

    #index .container5 {
        height: 250px;
        height: 280px;
    }

    #index .container5 .slideConts {
        transition: 0.5s;
    }

    #index .container5 .slideContsL {
        transform: translate(-100vw, 0);
    }

    #index .container5 .slideContsR {
        transform: translate(100vw, 0);
    }

    #index .container5 .slideContsL.show {
        transform: translate(0, 0) !important;
    }

    #index .container5 .slideContsR.show {
        transform: translate(0, 0) !important;
    }

    #index .col3 .philosophy {
        width       : 85%;
        height      : 100%;
        margin-right: 15%;
        padding-top : 20px;
    }

    #index .col3 .philosophy .philosophy-left {
        width       : 45%;
        padding     : 10% 0;
        float       : left;
        margin-right: 20px;
    }

    #index .col3 .philosophy .philosophy-left h1 {
        width        : 90%;
        margin-right : 5%;
        font-size    : 16px;
        border-bottom: solid 1px white;
        text-align   : right;
        color        : white;
    }

    #index .col3 .philosophy .philosophy-left h2 {
        width      : 90%;
        font-family: Noto Sans CJK JP,"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
        color      : white;
        font-size  : 12px;
        text-align : right;
    }

    #index .col3 .philosophy .philosophy-left img {
        padding-left : 10%;
        margin-top   : 15px;
        width        : 100%;
        height       : 40%;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #index .col3 .philosophy .content {
        padding: 10px 5%;
    }

    #index .col3 .philosophy .content h3 {
        font-family  : Noto Sans JP,"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
        color        : #00397A;
        margin-bottom: 10px;
    }

    #index .col3 .philosophy .content p {
      font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
    }

    #index .col4 {
        width                    : 100%;
        height                   : 100%;
        border-top-left-radius   : 20em 20em;
        border-bottom-left-radius: 20em 20em;
        background-color         : #F3DA8B;
    }

    #index .col4 .sustainability {
        width      : 100%;
        height     : 100%;
        padding-top: 8%;
        display    : flex;
    }

    #index .col4 .sustainability .content {
        padding: 5% 0 5% 10%;
    }

    #index .col4 .sustainability .content h3 {
      font-family: Noto Sans JP, sans-serif;
        color        : #00397A;
        margin-bottom: 10px;
    }

    #index .col4 .sustainability .content p {
        font-size: 14px;
    }

    #index .col4 .sustainability .content button {
        border-right    : none;
        border-left     : none;
        margin-left     : 10%;
        background-color: #F3DA8B;
        border-top      : solid 1px #00397A;
        border-bottom   : solid 1px #00397A;
        color           : #00397A;
        font-family     : Noto Sans CJK JP;
        font-size       : 12px;
        margin-top      : 15px;
        padding         : 7px;
    }

    #index .col4 .sustainability .sustainability-right {
        width       : 59%;
        
        float       : right;
        margin-top  : 15px;
    }

    #index .col4 .sustainability .sustainability-right h1 {
        font-size    : 16px;
        border-bottom: solid 1px white;
        width        : 100%;
        text-align   : left;
        color        : white;
    }

    #index .col4 .sustainability .sustainability-right h2 {
        width      : 100%;
       font-family: Noto Sans CJK JP,"Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
        color      : white;
        font-size  : 12px;
    }

    #index .col4 .sustainability .sustainability-right img {
        padding-right: 10%;
        width        : 110%;
        height       : 40%;
        margin-top   : 15px;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #index .col5 {
        width                     : 100%;
        height                    : 100%;
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        background-color          : #BCBDDC;
    }

    #index .col5 .create {
        width       : 85%;
        height      : 100%;
        margin-right: 15%;
        display     : flex;
    }

    #index .col5 .create .create-left {
        width      : 45%;
        padding-top: 10%;
    }

    #index .col5 .create .create-left h1 {
        width        : 90%;
        margin-right : 5%;
        font-size    : 16px;
        border-bottom: solid 1px white;
        text-align   : right;
        color        : white;
    }

    #index .col5 .create .create-left h2 {
        width      : 90%;
        font-family: Noto Sans CJK JP;
        color      : white;
        font-size  : 12px;
        text-align : right;
    }

    #index .col5 .create .create-left img {
        padding-left : 10%;
        width        : 100%;
        margin-top   : 15px;
        height       : 40%;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #index .col5 .create .content {
        width  : 50%;
        padding: 10% 5%;
        padding: 3% 5%;
    }

    #index .col5 .create .content h3 {
        font-family  : Noto Sans JP;
        color        : #00397A;
        margin-bottom: 10px;
    }

    #index .col5 .create .content p {
        font-size: 14px;
    }

    #index .col5 .create .content button {
        border-right    : none;
        border-left     : none;
        padding         : 7px;
        background-color: #BCBDDC;
        border-top      : solid 1px #00397A;
        border-bottom   : solid 1px #00397A;
        color           : #00397A;
        font-family     : Noto Sans CJK JP;
        font-size       : 12px;
        margin-top      : 15px;
    }

    #index .col3 .bg {
        height    : 100%;
        background: url(img/top-bg-left.png);
    }

    #index .col4 .bg {
        height    : 100%;
        background: url(img/top-bg-right.png);
    }

    #index .col5 .bg {
        height    : 100%;
        background: url(img/top-bg-left.png);
    }

    #index .col6 {
        width                    : 100%;
        height                   : 100%;
        border-top-left-radius   : 20em 20em;
        border-bottom-left-radius: 20em 20em;
        background-color         : sandybrown;
    }

    #index .col6 .quality {
        width      : 85%;
        height     : 100%;
        margin-left: 15%;
        padding-top: 30%;
    }

    #index .col6 .quality .content {
        padding: 5% 5%;
    }

    #index .col6 .quality .content p {
        font-size: 11px;
    }

    #index .col6 .quality .content button {
        border-right    : none;
        border-left     : none;
        padding         : 2px;
        background-color: sandybrown;
        border-top      : solid 1px #00397A;
        border-bottom   : solid 1px #00397A;
        color           : #00397A;
        font-family     : Noto Sans CJK JP;
        font-size       : 12px;
    }

    #index .col6 .quality .quolity-right {
        width       : 45%;
        padding-left: 5%;
        float       : right;
    }

    #index .col6 .quality .quolity-right h1 {
        font-size    : 14px;
        border-bottom: solid 1px white;
        width        : 100%;
        text-align   : left;
        color        : white;
    }

    #index .col6 .quality .quolity-right h2 {
        width      : 100%;
        font-family: Noto Sans CJK JP;
        color      : white;
        font-size  : 12px;
    }

    #index .col6 .quality .quolity-right img {
        width        : 80%;
        height       : 40%;
        padding-right: 10%;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #index .col7 {
        width                     : 100%;
        height                    : 100%;
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        background-color          : #00DFC0;
    }

    #index .col7 .reuse {
        width       : 85%;
        height      : 100%;
        margin-right: 15%;
        padding     : 30% 0;
        display     : flex;
    }

    #index .col7 .reuse .reuse-left {
        width      : 45%;
        padding-top: 10%;
    }

    #index .col7 .reuse .reuse-left h1 {
        width        : 90%;
        margin-right : 5%;
        font-size    : 14px;
        border-bottom: solid 1px white;
        text-align   : right;
        color        : white;
    }

    #index .col7 .reuse .reuse-left h2 {
        width      : 90%;
        font-family: Noto Sans CJK JP;
        color      : white;
        font-size  : 12px;
        text-align : right;
    }

    #index .col7 .reuse .reuse-left img {
        padding-left : 10%;
        width        : 80%;
        height       : 40%;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #index .col7 .reuse .content {
        width  : 50%;
        padding: 10% 5%;
    }

    #index .col7 .reuse .content h2 {
        font-size  : 12px;
        font-family: Noto Sans JP;
        color      : #00397A;
    }

    #index .col7 .reuse .content p {
        font-size: 11px;
    }

    #index .news {
        text-align: center;
        padding   : 0 10%;
		margin-bottom:80px;
    }

    #index .news h1 {
        margin   : 20% 0 0 0;
        color    : #00397A;
        font-size: 3vh;
    }

    #index .news p {
        margin-bottom: 10px;
        width        : 100%;
        text-align: left;
        font-family: Noto Sans JP, sans-serif;
        font-size: 14px;
    }

    #index .news .underline {
        -webkit-text-decoration: underline solid #00397A;
        text-decoration        : underline solid #00397A;
    }

    #index .news button {
		margin-top:20px;
       width: 200px;
    height: 50px;
    background: #CCCCCC;
    border-radius: 30px;
    border: none;
    color: #00397A;
    font-size: 16px;
    }

    #index .news .inline-block {
        display: inline-block;
        width  : 100%;
    }

    #index .news .inline-block h4 {
        margin       : 0;
        margin-bottom: 10px;
        padding      : 0;
    }

    #index .news .inline-block img {
        margin-top   : 10%;
        margin-bottom: 20px;
        width        : 100%;
        height       : 20%;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #index .contact {
        text-align   : center;
        margin-bottom: 20%;
    }

    #index .contact h1 {
        /*margin: 20% 0 0 0;
	  margin-bottom: 30px;
    color: #00397A;
    font-size: 30px;*/
        color    : #00397A;
        font-size: 36px;
    }

    #index .contact h3,
    #index .contact p {
        font-family: Noto Sans JP, sans-serif;
        color      : #00397A;
        line-height: 1.5em;
        font-size  : 7px;
    }

    #index .contact .inline-block ul {
        list-style: none;
        padding   : 0;
        /* ボタン全体 */
    }

    #index .contact .inline-block ul li {
        display: inline-block;
        padding: 5px;
    }

    #index .contact .inline-block ul .flowbtn10 {
        display        : inline-block;
        font-size      : 30px;
        text-decoration: none;
        transition     : 0.5s;
        color          : #444;
    }

    #index .contact .inline-block ul .flowbtn10 .fa-instagram {
        font-size: 38px;
    }

    #index .contact .inline-block ul .flowbtn10 .fa-instagram:hover {
        color: #c6529a;
    }

    #index .contact .inline-block ul .flowbtn10 .fa-facebook-f:hover {
        color: #3b5998;
    }

    #index .contact .inline-block button {
        width        : 200px;
        height       : 50px;
        background   : #CCCCCC;
        border-radius: 30px;
        border       : none;
        color        : #00397A;
        font-size    : 16px;
    }

    #index .contact .inline-block {
        width     : 70%;
        margin    : 0 auto;
        margin-top: 50px;
    }

    #index .contact .inline-block h3 {
        color        : gray;
        font-weight  : 200;
        font-family  : Noto Sans CJK JP;
        margin-bottom: 20px;
        font-size    : 18px;
    }

    #index .contact .inline-block p {
        color        : gray;
        font-weight  : 200;
        font-family  : Noto Sans CJK JP;
        font-family: Noto Sans JP, sans-serif;
        margin-bottom: 20px;
			font-size:14px;
		margin-bottom:10px;
    }


    /* 	topページ　ファーストビューのslick */
    #index .sliding-wrap {
        position: absolute;
        bottom  : 0;
        right   : 0;
        width   : 93%;
    }

    #index .slick-track {
        height: 200px !important;
    }

    #index .sliding-wrap img {
        height    : 100%;
        object-fit: cover;
    }

    #service-sustainable .container-mitsurou {
        width        : 100%;
        height       : auto;
        margin-bottom: 10%;
    }

    #service-sustainable .container-mitsurou img {
        margin: 3% 15%;
        width : 70%;
        height: 100%;
    }

    #service-sustainable .container-mitsurou {
        width   : 100%;
        height  : 100%;
        overflow: hidden;
        margin  : 20% 0;
    }

    #service-sustainable .container-mitsurou img {
        margin       : 3% 10%;
        width        :80%;
        height       : 100%;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #service-sustainable .container-mitsurou .scroll {
        float           : right;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
        font-size       : 1vh;
        position        : absolute;
        top             : 31%;
        right           : 3.5%;
		color: #00397A;
    }

    #service-sustainable .col2-mitsurou {
        width        : 90%;
        height       : 100%;
        margin-top   : 10%;
        margin       : 0 auto;
        margin-bottom: 20px;
        text-align   : center;
    }

    #service-sustainable .col2-mitsurou h2 {
        font-size      : 16px;
        color          : #00397A;
        text-decoration: underline;
        margin-bottom  : 20px;
    }

    #service-sustainable .col2-mitsurou p {
      font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
      text-align: left;
        margin-bottom: 50px;
    }

    #service-sustainable .col3-mitsurou {
        width     : 80%;
        height    : 100%;
        margin    : 0 auto;
        text-align: center;
    }

    #service-sustainable .col3-mitsurou h2 {
        font-size      : 2vh;
        color          : #00397A;
        text-decoration: underline;
        padding        : 0;
        margin         : 0;
    }

    #service-sustainable .col3-mitsurou p {
        padding    : 30% 0;
        font-weight: bold;
    }

    #service-sustainable .col3-mitsurou img {
        width        : 100%;
        height       : 100%;
        position     : static;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #service-sustainable .col3-mitsurou .sdgs-images {
        position: relative;
        top     : -7%;
    }

    #service-sustainable .col3-mitsurou .sdgs-images .sdgs {
        width : 20px;
        height: 20px;
    }

    #service-sustainable .col3-mitsurou .circle1 {
        width           : 60px;
        height          : 60px;
        border-radius   : 50%;
        background-color: whitesmoke;
        position        : relative;
        left            : 15%;
        top             : -60%;
    }

    #service-sustainable .col3-mitsurou .circle2 {
        width           : 60px;
        height          : 60px;
        border-radius   : 50%;
        background-color: whitesmoke;
        position        : relative;
        left            : 15%;
        top             : -57.5%;
    }

    #service-sustainable .col3-mitsurou .circle3 {
        width           : 60px;
        height          : 60px;
        border-radius   : 50%;
        background-color: whitesmoke;
        position        : relative;
        left            : 15%;
        top             : -55%;
    }

    #service-sustainable .col3-mitsurou .circle4 {
        width           : 60px;
        height          : 60px;
        border-radius   : 50%;
        background-color: whitesmoke;
        position        : relative;
        left            : 33%;
        top             : -77%;
    }

    #service-sustainable .col3-mitsurou .circle5 {
        width           : 60px;
        height          : 60px;
        border-radius   : 50%;
        background-color: whitesmoke;
        position        : relative;
        left            : 51%;
        top             : -99.5%;
    }

    #service-sustainable .col3-mitsurou .circle6 {
        width           : 60px;
        height          : 60px;
        border-radius   : 50%;
        background-color: whitesmoke;
        position        : relative;
        left            : 69%;
        top             : -122%;
    }

    #service-sustainable .col3-mitsurou .circle7 {
        width           : 60px;
        height          : 60px;
        border-radius   : 50%;
        background-color: whitesmoke;
        position        : relative;
        left            : 69%;
        top             : -169.5%;
    }

    #service-sustainable .col3-mitsurou .circle8 {
        width           : 60px;
        height          : 60px;
        border-radius   : 50%;
        background-color: whitesmoke;
        position        : relative;
        left            : 69%;
        top             : -216.5%;
    }

    #service-sustainable .col4-mitsurou {
        height    : 100%;
        background: url(img/top-bg-left.png);
    }

    #service-sustainable .col4-mitsurou .environment {
        display: flex;
    }

    #service-sustainable .col4-mitsurou .environment .environment-left {
        width   : 50%;
        height  : 550px;
        position: static;
    }

    #service-sustainable .col4-mitsurou .environment .environment-left h1 {
        width        : 80%;
        margin       : 0;
        font-size    : 2vh;
        border-bottom: solid 1px #00397A;
        text-align   : right;
        color        : #00397A;
    }

    #service-sustainable .col4-mitsurou .environment .environment-left h2 {
        text-align: right;
        width     : 80%;
        font-size : 1.5vh;
        color     : #00397A;
    }

    #service-sustainable .col4-mitsurou .environment .environment-left .image {
        width : 100%;
        height: 35%;
        margin: 0;
    }

    #service-sustainable .col4-mitsurou .environment .environment-left .image img {
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        width                     : 100%;
        height                    : 100%;
        -o-object-fit             : contain;
        object-fit                : contain;
    }

    #service-sustainable .col4-mitsurou .environment .content {
        margin-top      : 5%;
        padding         : 1%;
        width           : 45%;
        height          : 40%;
        background-color: whitesmoke;
        position        : relative;
        top             : 10%;
        left            : -2%;
    }

    #service-sustainable .col4-mitsurou .environment .content p {
        font-size: 1vh;
        margin   : 1%;
    }

    #service-sustainable .col4-mitsurou .environment .content h2 {
        color    : #00397A;
        font-size: 1.5vh;
        margin   : 0;
    }

    #service-sustainable .col5-mitsurou {
        height: 100%;
    }

    #service-sustainable .col5-mitsurou .features {
        display: flex;
    }

    #service-sustainable .col5-mitsurou .features .features-right {
        width   : 55%;
        height  : 550px;
        position: static;
    }

    #service-sustainable .col5-mitsurou .features .features-right h1 {
        width        : 100%;
        margin       : 0;
        font-size    : 2vh;
        border-bottom: solid 1px #00397A;
        text-align   : left;
        color        : #00397A;
    }

    #service-sustainable .col5-mitsurou .features .features-right h2 {
        text-align: left;
        width     : 100%;
        font-size : 1.5vh;
        color     : #00397A;
    }

    #service-sustainable .col5-mitsurou .features .features-right .image {
        width : 100%;
        height: 35%;
        margin: 0;
    }

    #service-sustainable .col5-mitsurou .features .features-right .image img {
        border-top-left-radius   : 20em 20em;
        border-bottom-left-radius: 20em 20em;
        width                    : 100%;
        height                   : 100%;
        -o-object-fit            : contain;
        object-fit               : contain;
    }

    #service-sustainable .col5-mitsurou .features .content {
        margin-top      : 20%;
        padding         : 1%;
        width           : 50%;
        height          : 40%;
        background-color: whitesmoke;
        position        : relative;
        top             : 30%;
        right           : -5%;
    }

    #service-sustainable .col5-mitsurou .features .content p {
        font-size : 1vh;
        margin-top: 0;
    }

    #service-sustainable .col5-mitsurou .features .content h2 {
        margin   : 0;
        color    : #00397A;
        font-size: 1.5vh;
    }

    #service-sustainable .col6-mitsurou {
        height: 100%;
    }

    #service-sustainable .col6-mitsurou .material {
        display: flex;
    }

    #service-sustainable .col6-mitsurou .material .material-left {
        width   : 50%;
        height  : 550px;
        position: static;
    }

    #service-sustainable .col6-mitsurou .material .material-left h1 {
        width        : 80%;
        margin       : 0;
        font-size    : 2vh;
        border-bottom: solid 1px #00397A;
        text-align   : right;
        color        : #00397A;
    }

    #service-sustainable .col6-mitsurou .material .material-left h2 {
        text-align: right;
        width     : 80%;
        font-size : 1.5vh;
        color     : #00397A;
    }

    #service-sustainable .col6-mitsurou .material .material-left .image {
        width : 100%;
        height: 35%;
        margin: 0;
    }

    #service-sustainable .col6-mitsurou .material .material-left .image img {
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        width                     : 100%;
        height                    : 100%;
        -o-object-fit             : contain;
        object-fit                : contain;
    }

    #service-sustainable .col6-mitsurou .material .content {
        margin-top      : 3%;
        padding         : 1%;
        width           : 47%;
        height          : 50%;
        background-color: whitesmoke;
        position        : relative;
        top             : 10%;
        left            : -2%;
    }

    #service-sustainable .col6-mitsurou .material .content p {
        font-size: 1vh;
        margin   : 1%;
    }

    #service-sustainable .col6-mitsurou .material .content h2 {
        color    : #00397A;
        font-size: 1.5vh;
        margin   : 0;
    }

    #service-sustainable .col9-mitsurou .top {
        width : 90%;
        margin: 0 auto;
    }

    #service-sustainable .col10-mitsurou .mid {
        width: 100%;
    }

    #service-sustainable .col10-mitsurou .mid img {
        width: 100%;
    }

    #service-sustainable .col10-mitsurou .mid .left img {
        width: 100%;
    }

    #service-sustainable .products {
        text-align: center;
    }

    #service-sustainable .products h1 {
        margin   : 100px 0 0 0;
        color    : #00397A;
        font-size: 3vh;
    }

    #service-sustainable .products p {
        margin   : 0 auto;
        font-size: 1.5vh;
    }

    #service-sustainable .products .underline {
        -webkit-text-decoration: underline solid #00397A;
        text-decoration        : underline solid #00397A;
    }

    #service-sustainable .products .inline-block {
        margin     : 2% 2%;
        display    : inline-block;
        width      : 250px;
        text-align : center;
        font-weight: bold;
    }

    #service-sustainable .products .inline-block img {
        width        : 100%;
        height       : 70%;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #service-sustainable .products button {
        margin       : 7% 0 15% 0;
        width        : 100px;
        height       : 30px;
        background   : whitesmoke;
        border-radius: 30px;
        border       : none;
        color        : gray;
        font-size    : 1.5vh;
    }

    #service-sustainable .container2 {
        display    : flex;
        align-items: center;
        margin     : 0;
    }

    #service-sustainable .col4-mitsurou {
        width                     : 76%;
        height                    : auto;
        margin                    : 0 auto 0 0;
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        background-color          : #6ED1A9;
    }

    #service-sustainable .col4-mitsurou .bg {
        height    : 100%;
        background: url(img/top-bg-left.png);
        padding   : 50px 0;
    }

    #service-sustainable .col4-mitsurou .bg .title {
        margin: 0 auto;
    }

    #service-sustainable .col4-mitsurou .bg .title h1 {
        width        : 60%;
        font-size    : 30px;
        border-bottom: solid 1px white;
        text-align   : right;
        color        : white;
    }

    #service-sustainable .col4-mitsurou .bg .title h2 {
        width      : 60%;
        font-family: Noto Sans JP ,sans-serif;
        color      : white;
        font-size  : 20px;
        text-align : right;
    }

    #service-sustainable .col5-mitsurou {
        width                    : 76%;
        height                   : auto;
        margin                   : 0 0 0 auto;
        border-top-left-radius   : 20em 20em;
        border-bottom-left-radius: 20em 20em;
        background-color         : #BCBDDC;
    }

    #service-sustainable .col5-mitsurou .bg {
        background-image: url(img/top-bg-right.png);
        padding         : 50px 0;
        background-size : 120%;
        height          : 100%;
    }

    #service-sustainable .col5-mitsurou .bg .title {
        margin: 0 auto;
    }

    #service-sustainable .col5-mitsurou .bg .title h1 {
        width        : 75%;
        font-size    : 30px;
        border-bottom: solid 1px white;
        margin-left  : 20%;
        color        : white;
    }

    #service-sustainable .col5-mitsurou .bg .title h2 {
        width      : 75%;
        font-family: Noto Sans JP ,sans-serif;
        color      : white;
        font-size  : 20px;
        margin-left: 20%;
    }

    #service-sustainable .col9-mitsurou .beltcombeair {
        max-width: 1000px;
        margin   : 0 auto;
    }

    #service-sustainable .col9-mitsurou .beltcombeair .top {
        display         : block;
        padding         : 30px 20px;
        background-color: #F8F5F3;
        color           : #00397A;
    }

    #service-sustainable .col9-mitsurou .beltcombeair .top h1 {
        font-size  : 18px;
        font-weight: bold;
        font-family: Noto Sans JP,sans-serif;
        margin     : 15px 0;
    }

    #service-sustainable .col9-mitsurou .beltcombeair .top p {
      font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
      text-align: left;
        line-height  : 2;
        margin-bottom: 20px;
    }

    #service-sustainable .col9-mitsurou .beltcombeair .top span {
        font-family   : Gill Sans;
        letter-spacing: 0.2em;
        font-size     : 12px;
    }

    #service-sustainable .col9-mitsurou .beltcombeair .top .left {
        width: 100%;
    }

    #service-sustainable .col9-mitsurou .beltcombeair .top .right {
        width: 100%;
    }

    #service-sustainable .col9-mitsurou-img {
        width     : 100%;
        height    : 100%;
        object-fit: cover;
    }

    #service-sustainable .col9-mitsurou .content {
        margin    : 0 auto;
        margin-top: 50px;
        max-width : 1000px;
    }

    #service-sustainable .col9-mitsurou .content .flex {
        display: block;
    }

    #service-sustainable .col9-mitsurou .content .flex .left {
        width        : 90%;
        margin       : 0 auto;
        border-radius: 10px 10px 0 0;
        margin-bottom: 20px;
    }

    #service-sustainable .col9-mitsurou .content .flex .left .top {
        width           : 100%;
        border-radius   : 10px 10px 0 0;
        background-color: #666666;
        text-align      : center;
        color           : #fff;
        padding         : 5px 0;
    }

    #service-sustainable .col9-mitsurou .content .flex .left .bottom {
        background-color: #E5E5E5;
        padding         : 25px;
        height          : 150px;
    }

    #service-sustainable .col9-mitsurou .content .flex .left .bottom p {
        font-family    : NotoSansJP Bold-83pv-RKSJ-H;
        font-weight   : bold;
        font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
        line-height   : 28px;
        letter-spacing: 3.6px;
        color         : rgb(102, 102, 102);
        color         : #666666;
    }

    #service-sustainable .col9-mitsurou .content .flex .left::after {
        width : 0;
        height: 0;

        border-style: solid;
        border-width: 12.5px 0 12.5px 21.7px;
        border-color: transparent transparent transparent #666666;
        font-size   : 0px;
        position    : relative;
        bottom      : 120px;
        left        : 315px;
    }

    #service-sustainable .col9-mitsurou .content .flex .right {
        width        : 90%;
        margin       : 0 auto;
        border-radius: 10px 10px 0 0;
    }

    #service-sustainable .col9-mitsurou .content .flex .right .top {
        width           : 100%;
        border-radius   : 10px 10px 0 0;
        background-color: #6ED1A9;
        text-align      : center;
        color           : #00397A;
        padding         : 5px 0;
    }

    #service-sustainable .col9-mitsurou .content .flex .right .bottom {
        background-color: #DBF3E9;
        padding         : 25px;
    }

    #service-sustainable .col9-mitsurou .content .flex .right .bottom p {
      font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
        font-weight   : bold;
        line-height   : 28px;
        letter-spacing: 3.6px;
        color         : #00397A;
        color         : rgb(0, 57, 122);
    }

    #service-sustainable .col10-mitsurou .beltcombeair {
        max-width       : 1000px;
        margin          : 0 auto;
        background-color: #F8F5F3;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top {
        display: block;
        padding: 30px 50px;
        color  : #00397A;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top h1 {
        font-size  : 18px;
        font-weight: bold;
        margin     : 15px 0;
        font-family: Noto Sans JP ,sans-serif;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top p {
      font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
        line-height  : 2.2;
        margin-bottom: 30px;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top span {
        font-family   : Gill Sans;
        letter-spacing: 0.2em;
        font-size     : 12px;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top .left {
        width: 100%;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top .right {
        width: 100%;

    }

    #service-sustainable .col10-mitsurou .beltcombeair .top .right img {
        width : 100%;
        margin: 0;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .mid {
        text-align   : center;
        width        : 90%;
        margin       : 0 auto;
        margin-top   : 50px;
        margin-bottom: 50px;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .bottom .flex {
        display: block;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .bottom .flex .left {
        width : 90%;
        margin: 0 auto;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .bottom .flex .left img {
        width : 100%;
        height: 100%;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .bottom .flex .right {
        height          : 100px;
        width           : 90%;
        margin          : 0 auto;
        display         : flex;
        background-color: #00397A;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .bottom .flex .right a {
        width           : 200px;
        margin          : auto;
        background-color: #E5E5E5;
        text-decoration : none;
        padding         : 15px 25px;
        border-radius   : 20px;
        color           : #00397A;
        height          : 20px;
        font-weight     : bold;
        line-height     : 0;
    }

    #service-sustainable .col11-mitsurou .beltcombeair {
        max-width: 1000px;
        margin   : 0 auto;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top {
        background-color: #F8F5F3;
        color           : #00397A;
        padding         : 30px 50px;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top h1 {
        font-size  : 18px;
        font-weight: bold;
        font-family: Noto Sans JP,sans-serif;
        margin     : 15px 0;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top p {
      font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
        line-height: 1.8;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top span {
        font-family   : Gill Sans;
        letter-spacing: 0.2em;
        font-size     : 12px;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top .left {
        width: 100%;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top .right {
        width     : 100%;
        margin-top: 60px;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top .right img {
        width: 100%;
    }

    #service-sustainable .products {
        text-align: center;
    }

    #service-sustainable .products h1 {
        margin   : 100px 0 0 0;
        color    : #00397A;
        font-size: 36px;
    }

    #service-sustainable .products p {
        margin   : 0 auto;
        font-family: Noto Sans JP, sans-serif;
        font-size: 14px;
    }

    #service-sustainable .products .underline {
        -webkit-text-decoration: underline solid #00397A;
        text-decoration        : underline solid #00397A;
    }

    #service-sustainable .products .products-image {
        max-width      : 1000px;
        margin         : 0 auto;
        justify-content: space-between;
        display        : flex;
        margin         : 30px 0 100px 0;
    }

    #service-sustainable .products .products-image .inline-block {
        display    : inline-block;
        width      : 45%;
        text-align : center;
        font-weight: bold;
    }

    #service-sustainable .products .products-image .inline-block p {
      font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
    }

    #service-sustainable .products .products-image .inline-block img {
        width : 100%;
        height: 80%;
    }

    #service-sustainable .products button {
        width        : 100px;
        padding      : 10px;
        background   : whitesmoke;
        border-radius: 30px;
        border       : none;
        color        : gray;
        font-size    : 10px;
    }

    #service-sustainable .container-slider1 {
        margin-top      : 10%;
        padding         : 50px 0;
        background-color: #EBE8FE;
        text-align      : center;
    }

    #service-sustainable .container-slider1 p {
        margin   : 0;
        font-size: 16px;
		font-family:Noto Sans JP,sans-serif;
    }

    #service-sustainable .container-slider1 h2 {
        font-size: 15px;
        margin   : 10px 0 15px 0;
    }

    #service-sustainable .container-slider1 h5 {
        margin     : 0;
        font-size  : 16px;
        font-weight: bold;
        color      : #00397A;
    }

    #service-sustainable .container-slider1 .slick-prev,
    #service-sustainable .container-slider1 .slick-arrow {
        width : 60px;
        height: 60px;
    }

    #service-sustainable .container-slider1 .slick-prev:before,
    #service-sustainable .container-slider1 .slick-arrow:before {
        font-size: 60px;
        /*少し大きくする*/
        color    : #999999;
    }

    #service-sustainable .container-slider1 .slider-2 {
        width                : 90%;
        margin               : 5%;
        -webkit-padding-start: 10%;
        padding-inline-start : 10%;
        -webkit-padding-end  : 10%;
        padding-inline-end   : 10%;
    }

    #service-sustainable .container-slider1 .slider-2 li {
        text-align    : center;
        font-family   : Gill Sans;
        color         : #00397A;
        font-size     : 36px;
        letter-spacing: 2.16px;
    }

    #service-sustainable .container-slider1 .slider-2 li div {
        margin     : 5%;
        font-size  : 20px;
        font-weight: bold;
    }

    #service-sustainable .container-slider1 .slider-2 li div img {
        width        : 100%;
        height       : 100%;
        margin-bottom: 20px;
    }

    #service-sustainable .contact {
        text-align: center;
        margin    : 50px 0;
    }

    #service-sustainable .contact h1 {
        color    : #00397A;
        font-size: 36px;
    }

    #service-sustainable .contact .inline-block {
        margin    : 0 auto;
        margin-top: 50px;
    }

    #service-sustainable .contact .inline-block h3,
    #service-sustainable .contact .inline-block p {
            color: gray;
    font-weight: 200;
    font-family: Noto Sans CJK JP;
    margin-bottom: 20px;
    font-size: 14px;
    margin-bottom: 10px;
    }

    #service-sustainable .contact .inline-block ul {
        list-style   : none;
        padding      : 0;
        margin-bottom: 10px;
        /* ボタン全体 */
    }

    #service-sustainable .contact .inline-block ul li {
        display: inline-block;
        padding: 5px;
    }

    #service-sustainable .contact .inline-block ul .flowbtn10 {
        display        : inline-block;
        font-size      : 35px;
        text-decoration: none;
        transition     : 0.5s;
        color          : #444;
    }

    #service-sustainable .contact .inline-block ul .flowbtn10 .fa-instagram {
        font-size: 38px;
    }

    #service-sustainable .contact .inline-block ul .flowbtn10 .fa-twitter:hover {
        color: #55acee;
    }

    #service-sustainable .contact .inline-block ul .flowbtn10 .fa-instagram:hover {
        color: #c6529a;
    }

    #service-sustainable .contact .inline-block ul .flowbtn10 .fa-facebook-f:hover {
        color: #3b5998;
    }

    #service-sustainable .contact .inline-block button {
        width        : 200px;
        height       : 50px;
        background   : #CCCCCC;
        border-radius: 30px;
        border       : none;
        color        : #00397A;
        font-size    : 16px;
    }

    /* ものづくりページ */
    #service-manufacturing .container-monodukuri {
        width        : 80%;
        margin       : 0 auto;
        margin-bottom: 20%;
		margin-top:20%;
    }

    #service-manufacturing .container-monodukuri img {
        width: 100%;
    }

    #service-manufacturing .container-monodukuri .col2-monodukuri {
        width : 90%;
        margin: auto;
    }

    #service-manufacturing .sec01 .flex {
        margin: 50px 0;
		display:flex;
    }

    #service-manufacturing .sec01 .flex div {
        width        : 33%;
        margin       : 0 auto;
        margin-bottom: 30px;
    }

    #service-manufacturing .sec01 .flex div img {
        width: 100%;
    }

    #service-manufacturing .sec03 .life-img-wrap {
        width: 90%;
    }

    #service-manufacturing .sec03 .life-img {
        width: 100%;
    }

    #service-manufacturing .sec03 .kagu-img-wrap {
        width: 90%;
    }

    #service-manufacturing .sec03 .kagu-img {
        width: 100%;
    }

    /* 	sp-modal-media */
    #service-manufacturing .sp-modal-media {
        display      : block;
        width        : 80%;
        margin       : 0 auto;
        margin-bottom: 50px;
        padding      : 10px 5px;
        border       : 1px solid #F0F0F0;
    }

    #service-manufacturing .sp-modal-media .modal-media-inner {
        display        : flex;
        justify-content: space-between;
    }

    #service-manufacturing .sp-modal-media .modal-img-wrap {
        width: 50%;
    }

    #service-manufacturing .sp-modal-media .modal-img {
        width     : 100%;
        height    : 100%;
        object-fit: cover;
    }

    #service-manufacturing .sp-modal-media .modal-content {
        width: 40%;
    }

    #service-manufacturing .container2 {
        padding-top  : 50px;
        height       : auto;
        margin-bottom: 0;
    }

    #service-manufacturing .container2 .image {
        width: 100%;
    }

    #service-manufacturing .container2 .image img {
        width: 100%;
    }

    #service-manufacturing .container2 .history h2 {
        margin-bottom: 20px;
        font-family  : Noto Sans JP,sans-serif;
        color:#00397A;
    }

    #service-manufacturing .container-slider1 .slider {
        width               : 90%;
        margin              : 5%;
        padding-inline-start: 10%;
        padding-inline-end  : 10%;
    }

    #service-manufacturing .container-slider1 .slider .slick-arrow {
        width : 60px;
        height: 60px;
    }

    #service-manufacturing .container-slider1 .slider .slick-arrow:before {
        font-size: 60px;
        color    : #999999;
    }

    #service-manufacturing .container-slider1 .slider li {
        text-align    : center;
        font-family   : Gill Sans;
        color         : #00397A;
        font-size     : 36px;
        letter-spacing: 2.16px;
    }

    #service-manufacturing .container-slider1 .slider li div {
        margin   : 5%;
        font-size: 20px;
    }

    #service-manufacturing .container-slider1 .slider li div img {
        width        : 100%;
        height       : 100%;
        margin-bottom: 20px;
    }

    #service-manufacturing .contact-ttl {
        font-family   : Gill Sans;
        font-weight   : bold;
        font-size     : 24px;
        letter-spacing: 3.24px;
        margin        : 0;
        color         : #00397a;
    }

    #service-manufacturing .contact-catch {
        font-family   : Noto Sans CJK JP;
        font-size     : 14px;
        line-height   : 15px;
        letter-spacing: 10px;
        margin-bottom : 30px;
        color         : #00397a;
    }

    #service-manufacturing .contact-wrap {
        width : 70%;
        margin: 0 auto;
    }

    #service-manufacturing .contact-card {
        margin-bottom: 50px;
    }

    #service-manufacturing .contact-card-sns {
        width: 150px;
    }

    #service-manufacturing .contact-card-img {
        width: 40px;
    }

    #service-manufacturing .contact-card-head {
        font-family   : Noto Sans CJK JP;
        font-size     : 14px;
        line-height   : 20px;
        letter-spacing: 0.54px;
        margin-bottom : 25px;
        color         : #666666;
    }

    #service-manufacturing .contact-card-text {
        font-family   : NotoSansJP Medium-83pv-RKSJ-H;
        font-size     : 10px;
        line-height   : 15px;
        letter-spacing: 1.4px;
        margin-bottom : 20px;
        color         : #666666;
    }

    #service-manufacturing .contact-card-link {
        display         : inline-block;
        font-family     : Noto Sans CJK JP;
        font-size       : 14px;
        line-height     : 18px;
        letter-spacing  : 0.54px;
        text-align      : center;
        width           : 190px;
        margin          : 0 auto;
        padding         : 15px 0;
        border-radius   : 50px;
        color           : #00397a;
        background-color: #E5E5E5;
    }

    #service-manufacturing .contact {
        width     : 80%;
        margin    : 0 auto;
        text-align: center;
        margin-bottom: 50px;
		margin-top:50px;
    }
	#service-manufacturing .contact .contact-block .inline-block{
		margin-top:50px;
	}
	#service-manufacturing .contact h1{
		color: #00397A;
    font-size: 36px;
	}
	#service-manufacturing .contact h3{
		color: gray;
    font-weight: 200;
    font-family: Noto Sans CJK JP;
    margin-bottom: 20px;
	}

    #service-manufacturing .contact p {
        margin-bottom: 20px;
		font-family: Noto Sans JP, sans-serif;
    color: #00397A;
    line-height: 1.5em;
    font-size: 7px;
    }

    #service-manufacturing .contact .snsbtniti {
        display        : flex;
        justify-content: space-between;
        width          : 80px;
        margin         : 0 auto;
    }

    #service-manufacturing .contact .fab {
        font-size: 36px;
    }

    #company .inline-block {
        margin-bottom: 20px;
        margin       : 0 auto;
        margin-top   : 50px;
    }
#service-manufacturing .contact p {
       color: gray;
    font-weight: 200;
    font-family: Noto Sans CJK JP;
    margin-bottom: 20px;
    font-size: 14px;
    margin-bottom: 10px;
    }

    #service-manufacturing .contact .inline-block ul {
        list-style: none;
        padding   : 0;
        /* ボタン全体 */
    }

    #service-manufacturing .contact .inline-block ul li {
        display: inline-block;
        padding: 5px;
    }

    #service-manufacturing .contact .inline-block ul .flowbtn10 {
        display        : inline-block;
        font-size      : 30px;
        text-decoration: none;
        transition     : 0.5s;
        color          : #444;
    }

    #service-manufacturing.contact .inline-block ul .flowbtn10 .fa-instagram {
        font-size: 38px;
    }

    #service-manufacturing .contact .inline-block ul .flowbtn10 .fa-instagram:hover {
        color: #c6529a;
    }

    #service-manufacturing .contact .inline-block ul .flowbtn10 .fa-facebook-f:hover {
        color: #3b5998;
    }

    #service-manufacturing .col4-monodukuri .history .content {
        background-color: #edeae1;
        padding         : 5%;
		margin-top:15px;
    }

    #service-manufacturing .contact .inline-block button {
        width: 200px;
    height: 50px;
    background: #CCCCCC;
    border-radius: 30px;
    border: none;
    color: #00397A;
    font-size: 16px;
    }

    #service-manufacturing .thumbnails {
        margin-left: 0;
    }

    #service-manufacturing .thumbnails li {
        width     : 80% !important;
        text-align: center;
        margin    : 0 auto;
        font-size : 14px;
    }

    #service-manufacturing .thumbnails li h5 {
        font-family  : Noto Sans JP,sans-serif;
        color        : #00397A;
        margin-bottom: 10px;
    }

    #service-manufacturing .thumbnails li p {
      font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
      text-align: left;
    }

    #service-manufacturing .col2-monodukuri {
        height       : 100%;
        margin-top   : 5%;
        margin-bottom: 10%;
        padding      : 0 5%;
        text-align   : center;
    }

    #service-manufacturing .col2-monodukuri h2 {
        font-size      : 18px;
        font-weight    : bold;
        margin-bottom  : 20px;
        text-decoration: underline;
		color:#00397A;
    }

    #service-manufacturing .col2-monodukuri p {
      font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
      text-align: left;
    }

    #service-manufacturing .container-slider1 p {
        margin   : 0;
        font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
    }

    #service-manufacturing .container-slider1 h2 {
        font-size: 24px;
    }

    #service-manufacturing .sec03 h2 {
        font-size  : 18px;
        font-weight: bold;
        margin-top : 50px;
    }

    #service-manufacturing .sec03 {
        margin-bottom: 50px;
    }

    #service-manufacturing .sec03 p {
        font-size: 14px;
    }

    #service-manufacturing .service-manufacturing .container2 {
        margin-bottom: 50px;
    }
	#service-manufacturing .service-manufacturing .container2 .suggestion{
		display: flex;
  flex-direction: column;
	}

    #service-manufacturing .strengths-img-wrap {
        display: none;
    }

    #service-manufacturing .strengths-sp-wrap {
        position     : relative;
        width        : 90%;
        height       : 500px;
        margin-bottom: 100px;
    }

    #service-manufacturing .strengths-sp-img {
        position  : absolute;
        width     : 105%;
        height    : 100%;
        object-fit: cover;
    }

    #service-manufacturing .container2 .suggestion .content {
        background-color: #edeae1;
        margin-bottom   : 20px;
        padding         : 5%;
		order:2;
		margin-top:15px;
    }

    #service-manufacturing .container2 .quality-management .content {
        background-color: #edeae1;
        margin-bottom   : 20px;
        padding         : 5%;
		margin-top:15px;
    }

    #service-manufacturing .container-slider1 {
        background-color: #edeae1;
        margin-bottom   : 20px;
        padding         : 5%;
    }

    #service-manufacturing .service-manufacturing h2 {
        font-size      : 18px;
        font-weight    : bold;
        margin-bottom  : 20px;
        text-decoration: underline;
		color:#00397A;
		font-family:Noto Sans JP,sans-serif;
    }

    #service-manufacturing .service-manufacturing p {
      font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
    }

    #service-manufacturing .container-monodukuri .scroll {
        float           : right;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
        font-size       : 1vh;
        position        : absolute;
        top             : 29%;
        right           : 5%;
		color:#00397A;
    }

    /* 	sp-recruit */
    #recruit .container-requruit {
        width     : 100%;
        height    : 60%;
        overflow  : hidden;
        margin-top: 20%;
    }

    #recruit .container-requruit img {
            margin: 0 10%;
    width: 80%;
        height       : 100px;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #recruit .container-requruit .scroll {
        float           : right;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
        font-size       : 1vh;
        position        : absolute;
        top             : 20%;
        right           : 3.5%;
		color:#00397A;
    }

    #recruit .col2-requruit {
        width     : 100%;
        height    : 220px;
        padding   : 10% 20%;
        text-align: center;
    }

    #recruit .col2-requruit h2 {
        color          : #00397A;
        font-size      : 14px;
        text-decoration: underline;
    }

    #recruit .col2-requruit p {
      font-family: Noto Sans JP, sans-serif;
      font-size: 14px;
      text-align: left;
    }

    #recruit .container-requruit2 {
        height: 600px;
    }

    #recruit .container-requruit2 .col3-requruit {
        height: 550px;
    }

    #recruit .container-requruit2 .col3-requruit .employment .employment-left {
        width        : 100%;
        margin-bottom: 20px;
    }

    .c-text-brek-pc {
      display: inline;
    }


    #recruit .container-requruit2 .col3-requruit .employment .employment-left h1 {
        width      : 100%;
        margin     : 0;
        margin-left: 5%;
        font-size  : 18px;
        line-height: 0.7em;
        text-align : left;
        color      : #00397A;
    }

    #recruit .container-requruit2 .col3-requruit .employment .employment-left hr {
        width       : 70%;
        margin-right: 30%;
        margin      : 0;
    }

    #recruit .container-requruit2 .col3-requruit .employment .employment-left h2 {
        width      : 100%;
        margin-left: 5%;
        text-align : left;
        font-size  : 14px;
        color      : #00397A;
    }

    #recruit .container-requruit2 .col3-requruit .employment .content {
        margin-top      : 5%;
        padding         : 1%;
        margin          : 0 5%;
        width           : 90%;
        height          : 100%;
        background-color: whitesmoke;
        display         : flex;
        font-size       : 12px;
        font-weight     : normal;
        line-height     : 1.5;
    }

    #recruit .container-requruit2 .col3-requruit .employment .content .content-left {
        margin: 2% 3%;
        width : 44%;
    }

    #recruit .container-requruit2 .col3-requruit .employment .content .content-right {
        margin: 2% 2%;
        width : 44%;
    }

    #recruit .container-requruit2 .col3-requruit .employment .content ul {
        padding    : 0;
        color      : gray;
        font-weight: bold;
        font-family: Gill Sans JP;
        list-style : none;
    }

    #recruit .container-requruit2 .col3-requruit .employment .content ul li {
        color         : black;
        padding-bottom: 3%;
        margin-top    : 10px;
		margin-bottom:20px;
		font-weight:normal;
    }
	
	#recruit .sec02 .container99{
		overflow:initial;
		height:auto;
		
	}

    #recruit .col4-requruit {
        /*height: 300px;*/
    }

    #recruit .col4-requruit .mission {
        margin-top: 60%;
        display   : flex;
    }

    #recruit .col4-requruit .mission .mission-left {
        width : 45%;
        height: 100%;
    }

    #recruit .col4-requruit .mission .mission-left .image {
        width     : 100%;
        height    : 100%;
        margin    : 0;
        margin-top: 20%;
    }

    #recruit .col4-requruit .mission .mission-left .image img {
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        width                     : 100%;
        height                    : 100%;
        -o-object-fit             : contain;
        object-fit                : contain;
    }

    #recruit .col4-requruit .mission .content {
        width      : 35%;
        margin-top : 15%;
        margin-left: 5%;
    }

    #recruit .col4-requruit .mission .content h2 {
        font-size: 12px;
        color    : #00397A;
    }

    #recruit .contact-requruit {
        text-align: center;
        margin    : 5% 0;
    }

    #recruit .contact-requruit h1 {
        margin   : 0;
        color    : #00397A;
        font-size: 2.4vhpx;
    }

    #recruit .contact-requruit p {
        letter-spacing: 1em;
        font-size     : 1vh;
        margin-bottom : 3%;
    }

    #recruit .contact-requruit .inline-block {
        display: inline-block;
    }

    #recruit .contact-requruit .inline-block img {
        width        : 100px;
        height       : 100px;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #recruit .contact-requruit .inline-block h6 {
        color    : gray;
        margin   : 2% 0;
        font-size: 2vh;
    }

    #recruit .contact-requruit .inline-block p {
        letter-spacing: 0;
        color         : gray;
        font-family   : Noto Sans CJK JP;
    }

    #recruit .contact-requruit .inline-block button {
        margin       : 10%;
        width        : 80%;
        padding      : 5% 0;
        background   : #00397A;
        border-radius: 30px;
        border       : none;
        color        : white;
        font-size    : 2vh;
    }

    #contact .container-contact {
        width : 100%;
        height: 60%;
    }

    #contact .container-contact img {
        margin       : 3% 15%;
        width        : 70%;
        height       : 100%;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #contact .container-contact .scroll {
        float           : right;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
        font-size       : 1vh;
        position        : absolute;
        top             : 100px;
        right           : 7.5%;
    }

    #contact .container3 {
        width : 100%;
        /*height: 800px;*/
    }

    #contact .container3 .col-contact {
        text-align: center;
    }

    #contact .container3 .col-contact h1 {
        margin   : 100px 0 0 0;
        color    : #00397A;
        font-size: 3vh;
    }

    #contact .container3 .col-contact h2 {
        font-size: 1.2vh;
        color    : #00397A;
    }

    #contact .container3 .col-contact p {
        width        : 60%;
        margin       : 0 auto;
        font-size    : 14px;
        text-align   : center;
        line-height  : 1;
        margin-bottom: 50px;
    }

    #contact .container3 .col-contact .underline {
        -webkit-text-decoration: underline solid #00397A;
        text-decoration        : underline solid #00397A;
        margin-bottom          : 3%;
    }

    #contact .container3 .col-contact .form-wrap {
        margin: 0 auto;
        width : 90%;
    }

    #contact .container3 .col-contact .form-wrap div {
        margin: 5% 0 5% 0;
    }

    #contact .container3 .col-contact .form-wrap label {
        text-align   : center;
        width        : 40%;
        margin-top   : 2%;
        font-size    : 11px;
        margin-bottom: 10px;
    }

    #contact .container3 .wpcf7-form-control-wrap {
        width: 100%;
    }

    #contact .container3 .textarea {
        width           : 70%;
        background-color: whitesmoke;
    }

    #contact .container3 .textarea textarea {
        width           : 100%;
        resize          : none;
		margin-top:10px;
        background-color: whitesmoke;
    }

    #contact .wpcf7-submit {
        background-color: #00397A;
        color           : #fff;
        width           : 200px;
        padding         : 5px 10px;
        border-radius   : 40px;
        line-height     : 2;
    }

    #contact .container3 .col-contact .form-wrap label span {
        color: #F3DA8B;
    }

    #contact .container3 .col-contact .form-wrap input {
        width           : 100%;
        height          : 40px;
        background-color: whitesmoke;
        border          : none;
        font-size       : 2vh;
        text-align      : left;
        padding         : 5px;
		margin-top:10px;
    }

    #contact .container3 .col-contact .form-wrap .name {
        /*display: flex;*/
        text-align: left;
    }

    #contact .container3 .col-contact .form-wrap .company {
        /*display: flex;*/
        text-align: left;
    }

    #contact .container3 .col-contact .form-wrap .phone {
        /*display: flex;*/
        text-align: left;
    }

    #contact .container3 .col-contact .form-wrap .phone input {
        width: 100%;
    }

    #contact .container3 .col-contact .form-wrap .phone p {
        text-align: center;
        width     : 2%;
        margin    : 1% 0;
    }

    #contact .container3 .col-contact .form-wrap .email {
        /*display: flex;*/
        text-align: left;
        margin-top: 3% !important;
    }

    #contact .container3 .col-contact .form-wrap .email label {
        margin-top: 5%;
    }

    #contact .container3 .col-contact .form-wrap .email ul {
        width     : 66%;
        padding   : 0;
        list-style: none;
    }

    #contact .container3 .col-contact .form-wrap .email ul li {
        width        : 100%;
        margin-bottom: 2%;
    }

    #contact .container3 .col-contact .form-wrap .email ul li input {
        width: 100%;
    }

    #contact .container3 .col-contact .form-wrap .contact-content {
        /*display: flex;*/
        text-align: left;
        height    : 250px;
    }

    #contact .container3 .col-contact .form-wrap .contact-content input {
        height          : 100%;
        background-color: whitesmoke;
    }

    #contact .container3 .col-contact button {
        margin       : 20px;
        width        : 25%;
        height       : 5%;
        padding      : 1% 0;
        background   : #00397A;
        border-radius: 30px;
        border       : none;
        color        : white;
        font-size    : 1vh;
    }

    #contact .fv-img-wrap {
        position: relative;
        width   : 85%;
        /*height  : 150px;*/
        margin  : 0 auto;
    }

    #contact img {
        width: 100%;
    }

    #contact .fv {
        padding-top: 100px;
    }

    #contact .fv .page-scroll {
        position        : absolute;
        bottom          : 0;
        right           : -25px;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
    }

    #single {
        padding-top: 70px;
    }

    #single .fv .page-scroll {
        position        : absolute;
        bottom          : 0;
        right           : -40px;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
    }

    #single .fv .span-scroll {
        display         : inline-block;
        width           : 1px;
        height          : 50px;
        margin-top      : 10px;
        background-color: black;
    }

    #single .fv-img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: cover;
        object-fit   : cover;
    }

    #single .fv-img-wrap {
        position: relative;
        width   : 75%;
        height  : 150px;
        margin  : 0 auto;
    }

    #single .single {
        padding: 80px 0;
    }

    #single .single-wrap {
        width : 70%;
        margin: 0 auto;
    }

    #single .single-img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #single .single-img-wrap {
        width        : 100%;
        height       : 200px;
        margin-bottom: 30px;
    }

    #single .single-ttl {
        font-size    : 18px;
        margin-bottom: 10px;
    }

    #single .single-area {
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        margin-bottom  : 50px;
        border-bottom  : 1px solid #666666;
    }

    #single .single-date {
        font-size  : 18px;
        margin-left: 20px;
        color      : #666666;
    }

    #single .single-label {
        text-align               : center;
        padding                  : 5px 0;
        border-top-left-radius   : 10px;
        border-bottom-left-radius: 10px;
        color                    : #ffffff;
        background-color         : green;
    }

    #single .single-text {
        margin-bottom: 30px;
    }

    #single .single-tyu-ttl {
        margin-bottom: 30px;
        color        : #00397a;
    }

    #single .single-text {
        font-size: 14px;
		font-family:Noto Sans JP,sans-serif;
    }

    #news .fv {
        padding-top: 100px;
    }

    #news .fv .page-scroll {
        position        : absolute;
        bottom          : 0;
        right           : -25px;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
    }

    #news .fv .span-scroll {
        display         : inline-block;
        width           : 1px;
        height          : 30px;
        margin-top      : 10px;
        background-color: black;
    }

    #news .fv-img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: cover;
        object-fit   : cover;
    }

    #news .fv-img-wrap {
        position: relative;
        width   : 85%;
        height  : 150px;
        margin  : 0 auto;
    }

    #news .news {
        padding: 50px 0;
    }

    #news .news-heading {
        margin-bottom: 50px;
        text-align   : center;
    }

    #news .news-ttl {
        font-size: 24px;
        margin   : 0;
        color    : #00397a;
    }

    #news .news-text {
        margin-bottom: 30px;
        color        : #00397a;
        font-family: Noto Sans JP, sans-serif;
        font-size: 14px;
    }

    #news .news .span-bd {
        display: block;
        border : 1px solid #999999;
        width  : 50px;
        margin : 0 auto;
    }

    #news .news .article {
        display      : flex;
        margin-bottom: 30px;

    }

    #news .news .article-wrap {
        width : 90%;
        margin: 0 auto;
    }

    #news .news .article-img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: cover;
        object-fit   : cover;
    }

    #news .news .article-img-wrap {
        position    : relative;
        width       : 40%;
        height      : 100px;
        margin-right: 10px;
    }

    #news .news .article-content {
        width: 50%;
    }

    #news .news .article-label {
        position                  : absolute;
        top                       : 5px;
        left                      : 0;
        font-size                 : 12px;
        width                     : 70px;
        border-top-right-radius   : 10px;
        border-bottom-right-radius: 10px;
        color                     : #FFFFFF;
        background-color          : green;
    }

    #news .news .article-ttl {
        font-size           : 12px;
        -moz-text-align-last: left;
        text-align-last     : left;
        margin              : 0;
        margin-bottom       : 10px;
    }

    #news .news .article-date {
        text-align   : left;
        width        : 100%;
        margin-bottom: 20px;
        font-family: Noto Sans JP, sans-serif;
        font-size: 14px;
    }

    #news .news .article-link {
        display        : block;
        font-size      : 10px;
        text-align     : left;
        width          : 50px;
        margin         : auto 0 0 0;
        text-decoration: none;
        color          : #000000;
    }

    #company {
        padding-top: 80px;
    }

    #company .fv-img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: cover;
        object-fit   : cover;
    }

    #company .fv-img-wrap {
        width        : 80%;
        margin       : 0 auto;
        margin-bottom: 20px;
    }

    #company .fv-content {
        text-align: center;
        width     : 90%;
        margin    : 0 auto;
    }

    #company .fv-copy {
        font-size    : 18px;
        margin-top   : 30px;
        margin-bottom: 15px;
        font-weight  : bold;
    }

    #company .fv-text {
        font-size: 12px;
    }
	#company .fv .page-scroll {
        position        : absolute;
            top: 200px;
    right: 22px;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
    }

    #company .company {
        padding-top: 80px;
    }

    #company .company h1 {
        font-size: 20px;
		padding-left:15px;
    }

    #company .company p {
        font-size: 16px;
		padding-left:15px;
		font-family:Noto Sans JP,sans-serif;
    }

    #company .company-box {
        width           : 90%;
        margin          : 0 auto;
        background-color: #E5E5E5;
        padding         : 5% 5% 5% 0;
		font-family:Noto Sans JP,sans-serif;
    }

    #company .page-heading {
        width        : 80%;
        margin-bottom: 30px;
    }

    #company .company .content-item {
        list-style   : none;
        margin-bottom: 20px;
    }

    #company .company .content-item p {
        font-size: 14px;
       
    }

    #company .company .content-gray {
        color: #999999;
        color: #00397A;
    }

    #company .company .content-text {
        color      : black;
        line-height: 15px;
    }

    #company .history {
        padding-top: 100px;
        overflow   : hidden;
    }

    #company .history h1 {
        font-size: 20px;
		padding-left:15px;
    }

    #company .history p {
        font-size: 16px;
		padding-left:15px;
		font-family:Noto Sans JP,sans-serif;
    }

    #company .history-heading-text {
        margin: 0 110px 0 0;
    }

    #company .history-img {
        width        : 150%;
        height       : 100%;
        -o-object-fit: cover;
        object-fit   : cover;
        position     : relative;
        left         : -43%;
    }

    #company .history-img-wrap {
        width: 90%;
    }

    #company .access {
        padding-top: 100px;
    }

    #company .access h1 {
        font-size: 20px;
		padding-left:15px;
    }

    #company .access p {
        font-size: 12px;
		font-family:Noto Sans JP,sans-serif;
    }
	
	#company .access .padding-left{
		padding-left:15px;
		font-family:Noto Sans JP,sans-serif;
	}

    #company .access-heading-text {
        margin: 0 65px 0 0;
    }

    #company .access-box {
        width        : 80%;
        margin       : 0 auto;
        margin-bottom: 50px;
    }

    #company .access-box .access-map-wrap iframe {
        height       : 200px;
        margin-bottom: 20px;
    }

    #company .contact-ttl {
        font-family   : Gill Sans;
        font-weight   : bold;
        font-size     : 24px;
        letter-spacing: 3.24px;
        margin        : 0;
        color         : #00397a;
    }

    #company .contact-catch {
        font-family   : Noto Sans CJK JP;
        font-size     : 14px;
        line-height   : 15px;
        letter-spacing: 10px;
        margin-bottom : 30px;
        color         : #00397a;
    }

    #company .contact-wrap {
        width : 70%;
        margin: 0 auto;
    }

    #company .contact-card {
        margin-bottom: 50px;
    }

    #company .contact-card-sns {
        width: 150px;
    }

    #company .contact-card-img {
        width: 40px;
    }

    #company .contact-card-head {
        font-family   : Noto Sans CJK JP;
        font-size     : 14px;
        line-height   : 20px;
        letter-spacing: 0.54px;
        margin-bottom : 25px;
        color         : #666666;
    }

    #company .contact-card-text {
        font-family   : NotoSansJP Medium-83pv-RKSJ-H;
        font-size     : 10px;
        line-height   : 15px;
        letter-spacing: 1.4px;
        margin-bottom : 20px;
        color         : #666666;
    }

    #company .contact-card-link {
        display         : inline-block;
        font-family     : Noto Sans CJK JP;
        font-size       : 14px;
        line-height     : 18px;
        letter-spacing  : 0.54px;
        text-align      : center;
        width           : 190px;
        margin          : 0 auto;
        padding         : 15px 0;
        border-radius   : 50px;
        color           : #00397a;
        background-color: #E5E5E5;
    }

    #company .contact {
        width     : 80%;
        margin    : 0 auto;
		margin-bottom:20%;
        text-align: center;
    }

    #company .contact h1 {
        color    : #00397A;
        font-size: 36px;
    }

    #company .contact p {
        margin-bottom: 20px;
        font-family  : Noto Sans JP, sans-serif;
        color        : #00397A;
        line-height  : 1.5em;
    }

    #company .contact .snsbtniti {
        display        : flex;
        justify-content: space-between;
        width          : 80px;
        margin         : 0 auto;
    }

    #company .contact .fab {
        font-size: 36px;
    }

    #company .inline-block {
        margin-bottom: 20px;
    }

    #company .contact .inline-block ul {
        list-style: none;
        padding   : 0;
        /* ボタン全体 */
    }

    #company .contact .inline-block ul li {
        display: inline-block;
        padding: 5px;
    }

    #company .contact .inline-block ul .flowbtn10 {
        display        : inline-block;
        font-size      : 30px;
        text-decoration: none;
        transition     : 0.5s;
        color          : #444;
    }

    #company .contact .inline-block ul .flowbtn10 .fa-instagram {
        font-size: 38px;
    }

    #company .contact .inline-block ul .flowbtn10 .fa-instagram:hover {
        color: #c6529a;
    }

    #company .contact .inline-block ul .flowbtn10 .fa-facebook-f:hover {
        color: #3b5998;
    }

    #company .contact .inline-block h3 {
        color        : gray;
        font-weight  : 200;
        font-family  : Noto Sans CJK JP;
        margin-bottom: 20px;
        font-size    : 18px;
    }

    #company .contact .inline-block p {
        color: gray;
    font-weight: 200;
    font-family: Noto Sans CJK JP;
    margin-bottom: 20px;
    font-size: 14px;
    margin-bottom: 10px;
    }
    #company .contact .inline-block button {
        width        : 200px;
        height       : 50px;
        background   : #CCCCCC;
        border-radius: 30px;
        border       : none;
        color        : #00397A;
        font-size    : 16px;
    }
}


@media screen and (min-width: 480px) {
    a:hover {
        opacity: 0.6;
    }

    button:hover {
        opacity: 0.6;
    }

    body {
        margin: 0px;
    }

    .container {
        height  : 650px;
        width   : 100%;
        overflow: hidden;
    }

    .container2 {
        height    : 650px;
        width     : 100%;
        /*overflow: hidden;*/
    }

    .container5 {
        height  : 550px;
        width   : 100%;
        overflow: hidden;
        position: relative;
    }

    .container5 .slideConts {
        transition: 0.5s;
    }

    .container5 .slideContsL {
        transform: translate(-100vw, 0);
    }

    .container5 .slideContsR {
        transform: translate(100vw, 0);
    }

    .container5 .slideContsL.show {
        transform: translate(0, 0) !important;
    }

    .container5 .slideContsR.show {
        transform: translate(0, 0) !important;
    }

    .wrap {
        max-width: 1028px;
        margin   : 0 auto;
    }

    img {
        -o-object-fit: contain;
        object-fit   : contain;
    }

    h1 {
        font-family: Gill Sans;
        font-weight: 500;
    }

    h2 {
        color      : #00397A;
        font-family: Noto Sans JP;
    }

    h4 {
        color      : #00397A;
        font-family: Noto Sans JP;
    }

    p {
        font-family: Noto Sans JP;
        color      : #00397A;
        line-height: 2em;
        font-size  : 14px;
    }

    #header {
        width: 100%;
    }

    #header img {
        width        : 10%;
        height       : 60%;
        padding      : 2%;
        margin-right : 10%;
        float        : left;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #header .nav-hidden {
        display: none;
    }

    #header .menu-content {
        width       : 70%;
        padding-top : 2%;
        padding-left: 0%;
        float       : right;
        margin-right: 44px;
    }

    #header .menu-content ul {
        display        : flex;
        justify-content: flex-end;
        list-style     : none;
    }

    #header .menu-content ul li {
        padding    : 0;
        margin     : 0.5%;
        margin-left: 20px;
        text-align : center;
        font-family: Noto Sans CjK JP;
        font-size  : 16px;
    }

    #header .menu-content ul li a {
        text-decoration: none !important;
        color          : #00397A !important;
    }

    #footer {
        width           : 100%;
        background-color: #00397A;
        color           : white;
        text-align      : center;
    }

    #footer ul {
        list-style: none;
        font-size : 18px;
    }

    #footer ul li {
        font-size: 14px;
    }

    #footer .flex {
        display: flex;
        padding: 5%;
    }

    #footer .flex .menu {
        width  : 50%;
        display: flex;
        margin : 0 0 0 auto;
    }

    #footer .flex .menu ul {
        margin : 0;
        padding: 2%;
    }

    #footer .flex .menu ul li {
        padding-top: 1%;
        text-align : left;
        line-height: 2;
    }

    #footer .flex .menu ul .strong {
        font-size: 18px;
    }

    #footer .flex .menu ul .strong a {
        color          : #fff;
        text-decoration: none;
    }

    #footer .flex .information {
        display   : flex;
        text-align: left;
    }

    #footer .flex .information ul:nth-of-type(2) {
        margin-top: 45px;
    }

    #footer .right {
        padding  : 5% 0 1% 0;
        font-size: 12px;
    }

    /* 下層ページ共通クラス */
    .page-heading {
        width        : 40%;
        margin       : auto 0 0 0;
        margin-bottom: 42px;
    }

    .page-heading-ttl {
        text-align    : right;
        font-size     : 54px;
        letter-spacing: 3.24px;
        margin        : 0;
        color         : #00397a;
    }

    .page-heading-text {
        text-align    : right;
        font-size     : 26px;
        line-height   : 60px;
        letter-spacing: 1.3px;
        margin        : 0 170px 0 0;
        color         : #00397a;
    }

    #index .container-first .col .slideConts {
        -webkit-transition: 1s;
        -o-transition     : 1s;
        transition        : 1s;
    }

    #index .container-first .col .slideContsL {
        transform: translate(0, 0);
    }

    #index .container-first .col .slideContsR {
        transform: translate(100vw, 0);
    }

    #index .container-first .col .slideContsL.show {
        transform: translate(-100vw, 0) !important;
    }

    #index .container-first .col .slideContsR.show {
        transform: translate(0, 0) !important;
    }

    #index .container-first {
        width           : 93%;
        height          : 550px;
        float           : left;
        background-color: gray;
        background      : linear-gradient(to right, #fff 0%, #fff 7%, #e8e8e8 7%, #e8e8e8 100%);
        position        : relative;
    }

    #index .container-first .col {
        height: 550px;
    }

    #index .container-first .col img {
        height: 100%;
    }

    #index .container-first .col h1 {
        color                  : #666666;
        -webkit-text-decoration: underline solid #666666;
        text-decoration        : underline solid #666666;
        font-size              : 50px;
        font-weight            : 600;
        margin                 : 50px 0;
        position               : relative;
        z-index                : 5;
    }

    #index .container-first .col h1 span {
        color                  : white;
        -webkit-text-decoration: underline solid white;
        text-decoration        : underline solid white;
    }

    #index .container-first .col img {
        width   : 84.5%;
        position: absolute;
        top     : 0%;
        right   : 0%;
    }

    #index .container-first .col .wrap {
        overflow: hidden;
    }

    #index .container-first .col .sliding {
        background           : url(/img/top-fv.png) repeat-x;
        background-size      : 200vw;
        height               : 100%;
        width                : 100%;
        background-position-x: -297px;
        -webkit-animation    : slide 2s;
        animation            : slide 2s;
    }

    @-webkit-keyframes slide {
        0% {
            transform: translate3d(0, 0, 0);
        }

        100% {
            transform: translate3d(-1692px, 0, 0);
        }
    }

    @keyframes slide {
        0% {
            transform: translate3d(0, 0, 0);
        }

        100% {
            transform: translate3d(-1692px, 0, 0);
        }
    }

    #index .container-first .col .scroll {
        float           : right;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
        font-size       : 20px;
        position        : absolute;
        top             : 40%;
        right           : -5%;
    }

    #index .col2 {
        width     : 90%;
        height    : 550px;
        margin    : 5% 0 0 10%;
        text-align: center;
    }

    #index .col2 .text {
        margin      : 0;
        padding     : 0;
        padding-left: 10%;
        text-align  : left;
        width       : 40%;
        color       : #00397A;
        float       : left;
    }

    #index .col2 .text h2 {
        font-size  : 20px;
        color      : #00397A;
        font-weight: bold;
    }

    #index .col2 .text h3 {
        font-size  : 18px;
        color      : #00397A;
        font-weight: bold;
        margin     : 10px 0;
    }

    #index .col2 .text p {
        font-size: 15px;
    }

    #index .col2 .pink {
        background-color         : pink;
        border-top-left-radius   : 20em 20em;
        border-bottom-left-radius: 20em 20em;
        width                    : 40%;
        /*height                 : 40%;*/
        float                    : right;
    }

    #index .col2 .pink img {
        width        : 100%;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #index .col3 {
        width                     : 100%;
        height                    : 100%;
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        background-color          : #A6D1E9;
    }

    #index .col3 .bg {
        height    : 100%;
        background: url("img/top-bg-left.png");
    }

    #index .col3 .bg .philosophy {
        width  : 90%;
        height : 100%;
        display: flex;
    }

    #index .col3 .bg .philosophy h3 {
        color        : #00397A;
        font-weight  : bold;
        margin-bottom: 10px;
    }

    #index .col3 .bg .philosophy .philosophy-left {
        width : 60%;
        margin: auto 0;
    }

    #index .col3 .bg .philosophy .philosophy-left h1 {
        width        : 80%;
        font-size    : 30px;
        border-bottom: solid 1px white;
        text-align   : right;
        color        : white;
    }

    #index .col3 .bg .philosophy .philosophy-left h2 {
        width      : 80%;
        font-family: Noto Sans CJK JP;
        color      : white;
        font-size  : 20px;
        text-align : right;
    }

    #index .col3 .bg .philosophy .philosophy-left img {
        padding-left : 23%;
        width        : 580px;
        -o-object-fit: contain;
        object-fit   : contain;
        margin-top   : 25px;
    }

    #index .col3 .bg .philosophy .content {
        width     : 30%;
        height    : 30%;
        margin    : auto 0;
        margin-top: 210px;
    }

    #index .col4 {
        width                    : 100%;
        height                   : 100%;
        border-top-left-radius   : 20em 20em;
        border-bottom-left-radius: 20em 20em;
        background-color         : #F3DA8B;
    }

    #index .col4 .bg {
        height    : 100%;
        background: url("img/top-bg-right.png");
    }

    #index .col4 .bg .sustainability {
        width          : 100%;
        height         : 100%;
        display        : flex;
        justify-content: flex-end;
    }

    #index .col4 .bg .sustainability .content {
        width : 41%;
        margin: auto 0;
    }

    #index .col4 .bg .sustainability .content h3 {
        color        : #00397A;
        font-weight  : bold;
        margin-bottom: 10px;
    }

    #index .col4 .bg .sustainability .content p {
        margin-bottom: 15px;
    }

    #index .col4 .bg .sustainability .content hp {
        margin-bottom: 15px;
    }

    #index .col4 .bg .sustainability .content button {
        border-right    : none;
        border-left     : none;
        padding         : 15px 0 15px 0;
        background-color: rgba(0, 0, 0, 0);
        border-top      : solid 1px #00397A;
        border-bottom   : solid 1px #00397A;
        font-family     : Noto Sans CJK JP;
        font-size       : 15px;
        color           : #00397A;
    }

    #index .col4 .bg .sustainability .sustainability-right {
        width : 46%;
        margin: auto 0;
    }

    #index .col4 .bg .sustainability .sustainability-right h1 {
        font-size    : 30px;
        border-bottom: solid 1px white;
        width        : 100%;
        text-align   : left;
        color        : white;
    }

    #index .col4 .bg .sustainability .sustainability-right h2 {
        width      : 100%;
        font-family: Noto Sans CJK JP;
        color      : white;
        font-size  : 20px;
    }

    #index .col4 .bg .sustainability .sustainability-right img {
        padding-right: 30%;
        width        : 580px;
        height       : 25%;
        margin-top   : 50px;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #index .col5 {
        width                     : 100%;
        height                    : 550px;
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        background-color          : #BCBDDC;
    }

    #index .col5 h3 {
        color: #00397A;
    }

    #index .col5 .bg {
        height    : 100%;
        background: url("img/top-bg-left.png");
    }

    #index .col5 .bg .create {
        width  : 90%;
        height : 100%;
        display: flex;
    }

    #index .col5 .bg .create h3 {
        color        : #00397A;
        font-weight  : bold;
        margin-bottom: 10px;
    }

    #index .col5 .bg .create p {
        color        : #00397A;
        margin-bottom: 15px;
    }

    #index .col5 .bg .create .create-left {
        width : 60%;
        margin: auto 0;
    }

    #index .col5 .bg .create .create-left h1 {
        width        : 80%;
        font-size    : 30px;
        border-bottom: solid 1px white;
        text-align   : right;
        color        : white;
    }

    #index .col5 .bg .create .create-left h2 {
        width      : 80%;
        font-family: Noto Sans CJK JP;
        color      : white;
        font-size  : 20px;
        text-align : right;
    }

    #index .col5 .bg .create .create-left img {
        padding-left : 23%;
        width        : 580px;
        -o-object-fit: contain;
        object-fit   : contain;
        margin-top   : 50px;
    }

    #index .col5 .bg .create .content {
        width     : 30%;
        height    : 30%;
        margin    : auto 0;
        margin-top: 210px;
    }

    #index .col5 .bg .create .content button {
        border-right    : none;
        border-left     : none;
        padding         : 15px 0 15px 0;
        background-color: rgba(0, 0, 0, 0);
        border-top      : solid 1px #00397A;
        border-bottom   : solid 1px #00397A;
        font-family     : Noto Sans CJK JP;
        font-size       : 15px;
        color           : #00397A;
    }

    #index .col6 {
        width                    : 100%;
        height                   : 100%;
        border-top-left-radius   : 20em 20em;
        border-bottom-left-radius: 20em 20em;
        background-color         : sandybrown;
    }

    #index .col6 .quality {
        width : 100%;
        height: 100%;
    }

    #index .col6 .quality .content {
        width   : 30%;
        padding : 15% 0 10% 15%;
        position: relative;
        right   : -5%;
        top     : -85%;
    }

    #index .col6 .quality .content button {
        border-right    : none;
        border-left     : none;
        padding         : 2px;
        background-color: sandybrown;
        border-top      : solid 1px #00397A;
        border-bottom   : solid 1px #00397A;
        font-family     : Noto Sans CJK JP;
        font-size       : 15px;
        color           : #00397A;
    }

    #index .col6 .quality .quolity-right {
        width      : 40%;
        padding    : 5% 0 10% 15%;
        margin-left: 45%;
        position   : static;
    }

    #index .col6 .quality .quolity-right h1 {
        font-size    : 30px;
        border-bottom: solid 1px white;
        width        : 100%;
        text-align   : left;
        color        : white;
    }

    #index .col6 .quality .quolity-right h2 {
        width      : 100%;
        font-family: Noto Sans CJK JP;
        color      : white;
        font-size  : 20px;
    }

    #index .col6 .quality .quolity-right img {
        padding-right: 30%;
        width        : 50%;
        height       : 25%;
    }

    #index .col7 {
        width                     : 100%;
        height                    : 550px;
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        background-color          : #00DFC0;
    }

    #index .col7 .reuse {
        width  : 90%;
        height : 100%;
        display: flex;
    }

    #index .col7 .reuse .reuse-left {
        width  : 60%;
        padding: 5% 0 10% 0;
    }

    #index .col7 .reuse .reuse-left h1 {
        width        : 80%;
        font-size    : 30px;
        border-bottom: solid 1px white;
        text-align   : right;
        color        : white;
    }

    #index .col7 .reuse .reuse-left h2 {
        width      : 80%;
        font-family: Noto Sans CJK JP;
        color      : white;
        font-size  : 20px;
        text-align : right;
    }

    #index .col7 .reuse .reuse-left img {
        padding-left: 45%;
        width       : 35%;
        height      : 5%;
    }

    #index .col7 .reuse .content {
        width  : 30%;
        padding: 10% 0 10% 0;
    }

    #index .col7 .reuse .content h2 {
        font-size  : 20px;
        font-family: Noto Sans JP;
        color      : #00397A;
    }

    #index .news {
        text-align: center;
    }

    #index .news h1 {
        margin   : 100px 0 0 0;
        color    : #00397A;
        font-size: 36px;
    }

    #index .news p {
        margin   : 0 auto;
        font-size: 12px;
    }

    #index .news .underline {
        -webkit-text-decoration: underline solid #00397A;
        text-decoration        : underline solid #00397A;
    }

    #index .news .inline-block {
        margin-top: 30px;
        display   : inline-block;
        width     : 250px;
        text-align: left;
    }

    #index .news .inline-block img {
        width     : 100%;
        object-fit: cover;
        height    : 160px;
    }

    #index .news .inline-block h4 {
        margin: 10px 0;
    }

    #index .news button {
        margin       : 50px;
        width        : 200px;
        height       : 50px;
        background   : #CCCCCC;
        border-radius: 30px;
        border       : none;
        color        : #00397A;
        font-size    : 16px;
    }

    #index .sec01 .wrapper .news .wrap .top {
        width          : 800px;
        margin         : 0 auto;
        display        : flex;
        justify-content: space-around;
        flex-wrap      : wrap;
    }

    #index .news-text {
        display           : -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow          : hidden;
    }

    #index .contact {
        text-align: center;
        margin    : 5% 0;
    }

    #index .contact h1 {
        color    : #00397A;
        font-size: 36px;
    }

    #index .contact .inline-block {
        display   : inline-block;
        width     : 30%;
        margin-top: 50px;
    }

    #index .contact .inline-block h3,
    #index .contact .inline-block p {
        color      : gray;
        font-weight: 200;
        font-family: Noto Sans CJK JP;
    }

    #index .contact .inline-block ul {
        list-style: none;
        padding   : 0;
        /* ボタン全体 */
    }

    #index .contact .inline-block ul li {
        display: inline-block;
        padding: 5px;
    }

    #index .contact .inline-block ul .flowbtn10 {
        display        : inline-block;
        font-size      : 35px;
        text-decoration: none;
        transition     : 0.5s;
        color          : #444;
    }

    #index .contact .inline-block ul .flowbtn10 .fa-instagram {
        font-size: 38px;
    }

    #index .contact .inline-block ul .flowbtn10 .fa-twitter:hover {
        color: #55acee;
    }

    #index .contact .inline-block ul .flowbtn10 .fa-instagram:hover {
        color: #c6529a;
    }

    #index .contact .inline-block ul .flowbtn10 .fa-facebook-f:hover {
        color: #3b5998;
    }

    #index .contact .inline-block button {
        margin       : 50px;
        width        : 200px;
        height       : 50px;
        background   : #CCCCCC;
        border-radius: 30px;
        border       : none;
        color        : #00397A;
        font-size    : 16px;
    }

    /* 	topページ　ファーストビューのslick */
    #index .sliding-wrap {
        position: absolute;
        bottom  : 0;
        right   : 0;
        width   : 93%;
    }

    #index .slick-track {
        height: 550px !important;
    }

    #index .sliding-wrap img {
        height    : 100%;
        object-fit: cover;
    }

    #service-sustainable .container-mitsurou {
        width        : 100%;
        height       : auto;
        margin-bottom: 10%;
    }

    #service-sustainable .container-mitsurou img {
        margin: 3% 15%;
        width : 70%;
        height: 100%;
    }

    #service-sustainable .container-mitsurou .scroll {
        float           : right;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
        font-size       : 20px;
        position        : absolute;
        top             : 45%;
        right           : 7.5%;
    }

    #service-sustainable .col2-mitsurou {
        text-align   : center;
        margin-bottom: 150px;
    }

    #service-sustainable .col2-mitsurou h2 {
        font-size      : 24px;
        text-decoration: underline;
        margin-bottom  : 15px;
    }

    #service-sustainable .col2-mitsurou p {
        font-size: 18px;
    }

    #service-sustainable .col2-mitsurou img {
        width: 50%;
    }

    #service-sustainable .col3-mitsurou {
        text-align: center;
    }

    #service-sustainable .col3-mitsurou img {
        width: 50%;
    }

    /* OUR STRENGTHSセクション */
    #service-manufacturing .sec03 .strengths-img-wrap {
        height: 1600px;
        height: 100%;
    }

    #service-manufacturing .strengths-sp-wrap {
        display: none;
    }

    #service-manufacturing .sec03 .strengths-img-area {
        position: relative;
    }

    #service-manufacturing .sec03 .life-img-wrap {
        position: relative;
        z-index : 99;
    }

    #service-manufacturing .sec03 .kagu-img-wrap {
        position : relative;
        top      : -150px;
        left     : 50%;
        transform: translateX(-50%);
        width    : 80%;
    }

    #service-manufacturing .sec03 .kagu-img-text {
        position   : absolute;
        z-index    : 99;
        font-family: NotoSansJP Bold-83pv-RKSJ-H;
        font-weight: bold;
        font-size  : 26px;
        color      : rgb(0, 57, 122);
        cursor     : pointer;
    }

    /* テキスト群 */
    #service-manufacturing .sec03 .kagu-img-text1 {
        left: 13%;
        top : 20%;
    }

    #service-manufacturing .sec03 .kagu-img-text2 {
        bottom: 42%;
        left  : 12%;
    }

    #service-manufacturing .sec03 .kagu-img-text3 {
        top : 20%;
        left: 60%;
    }

    #service-manufacturing .sec03 .kagu-img-text4 {
        top : 25%;
        left: 80%;
    }

    /* #service-manufacturing .sec03 .kagu-img-text4:hover { */
    /* color: red; */
    /* } */
    #service-manufacturing .sec03 .kagu-img-text5 {
        top : 36%;
        left: 80%;
    }

    #service-manufacturing .sec03 .kagu-img-text6 {
        top : 47%;
        left: 80%;
    }

    #service-manufacturing .sec03 .kagu-img-text7 {
        top : 59%;
        left: 77%;
    }

    /* テキスト群 */
    #service-manufacturing .sec03 .kagu-img {
        width : 100%;
        height: 100%;
    }

    /* モーダルウィンドウ */
    #service-manufacturing .sec03 .modal-media {
        display         : none;
        position        : absolute;
        top             : 45%;
        left            : 50%;
        transform       : translate(-50%, 0);
        z-index         : 99;
        width           : 70%;
        padding         : 82px 0 61px 0;
        background-color: #ffffff;
    }

    #service-manufacturing .sec03 .modal-media-inner {
        display: flex;
        width  : 90%;
        margin : 0 auto;
    }

    #service-manufacturing .sec03 .modal-img-wrap {
        width       : 480px;
        height      : 450px;
        margin-right: 30px;
    }

    #service-manufacturing .sec03 .modal-img {
        width     : 100%;
        height    : 100%;
        object-fit: cover;
    }

    #service-manufacturing .sec03 .modal-content {
        width : 550px;
        margin: 0;
    }

    #service-manufacturing .sec03 .modal-head {
        font-family   : NotoSansJP Bold-83pv-RKSJ-H;
        font-weight   : bold;
        font-size     : 18px;
        line-height   : 29px;
        letter-spacing: 1.98px;
        color         : rgb(0, 57, 122);
    }

    #service-manufacturing .sec03 .modal-content-text {
        font-family   : NotoSansJP Medium-83pv-RKSJ-H;
        font-size     : 18px;
        line-height   : 29px;
        letter-spacing: 1.98px;
        color         : rgb(0, 57, 122);
        margin        : 0;
        margin-bottom : 60px;
    }

    #service-manufacturing .sec03 .modal-text {
        font-family   : NotoSansJP Medium-83pv-RKSJ-H;
        font-size     : 18px;
        letter-spacing: 1.98px;
        padding-left  : 60px;
        color         : rgb(0, 57, 122);
    }

    /* モーダルウィンドウ */
    /* モーダルウインドウバツボタン */
    .round_btn {
        display      : block;
        position     : absolute;
        top          : 10px;
        right        : 10px;
        z-index      : 100;
        width        : 30px;
        height       : 30px;
        border       : 2px solid #333;
        /* 枠の調整 */
        border-radius: 50%;
        /* 丸みの度合い */
        background   : #fff;
        /* ボタンの背景色 */
    }

    .round_btn::before,
    .round_btn::after {
        content   : "";
        position  : absolute;
        top       : 50%;
        left      : 50%;
        width     : 3px;
        /* 棒の幅（太さ） */
        height    : 22px;
        /* 棒の高さ */
        background: #333;
        /* バツ印の色 */
    }

    /* モーダルウインドウバツボタン */
    .round_btn::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .round_btn::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    /* 	sp-modal-media */
    #service-manufacturing .sp-modal-media {
        display: none;
    }

    #service-sustainable .col4-mitsurou {
        width                     : 76%;
        height                    : 37%;
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        background-color          : #6ED1A9;
        margin-top                : 200px;
    }

    #service-sustainable .col4-mitsurou .bg {
        height     : 100%;
        background : url(img/top-bg-left.png);
        padding-top: 50px;
    }

    #service-sustainable .col4-mitsurou .bg .title {
        margin: 0 auto;
    }

    #service-sustainable .col4-mitsurou .bg .title h1 {
        width        : 60%;
        font-size    : 30px;
        border-bottom: solid 1px white;
        text-align   : right;
        color        : white;
    }

    #service-sustainable .col4-mitsurou .bg .title h2 {
        width      : 60%;
        font-family: Noto Sans JP ,sans-serif;
        color      : white;
        font-size  : 20px;
        text-align : right;
    }

    #service-sustainable .col5-mitsurou {
        width                    : 76%;
        height                   : 250px;
        border-top-left-radius   : 20em 20em;
        border-bottom-left-radius: 20em 20em;
        background-color         : #BCBDDC;
        margin-top               : 200px;
        position                 : absolute;
        right                    : 0;
    }

    #service-sustainable .col5-mitsurou .bg {
        background-image     : url(img/top-bg-right.png);
        background-size      : 120%;
        background-position-x: -113px;
        height               : 100%;
        padding-top          : 50px;
    }

    #service-sustainable .col5-mitsurou .bg .title {
        margin: 0 auto;
    }

    #service-sustainable .col5-mitsurou .bg .title h1 {
        width        : 60%;
        font-size    : 30px;
        border-bottom: solid 1px white;
        margin-left  : 40%;
        color        : white;
    }

    #service-sustainable .col5-mitsurou .bg .title h2 {
        width      : 60%;
        font-family: Noto Sans CJK JP;
        color      : white;
        font-size  : 20px;
        margin-left: 40%;
    }

    #service-sustainable .col9-mitsurou .beltcombeair {
        max-width: 1000px;
        margin   : 0 auto;
    }

    #service-sustainable .col9-mitsurou .beltcombeair .top {
        background-color: #F8F5F3;
        color           : #00397A;
        display         : flex;
        justify-content : space-between;
        padding         : 30px 50px;
    }

    #service-sustainable .col9-mitsurou .beltcombeair .top h1 {
        font-size  : 30px;
        font-weight: bold;
        font-family: Noto Sans JP ,sans-serif;
        margin     : 15px 0;
    }

    #service-sustainable .col9-mitsurou .beltcombeair .top p {
        font-size  : 16px;
        line-height: 2.2;
    }

    #service-sustainable .col9-mitsurou .beltcombeair .top span {
        font-family   : Gill Sans;
        letter-spacing: 0.2em;
    }

    #service-sustainable .col9-mitsurou .beltcombeair .top .left {
        width: 49%;
    }

    #service-sustainable .col9-mitsurou .beltcombeair .top .right {
        width: 45%;
    }

    #service-sustainable .col9-mitsurou .content {
        margin    : 0 auto;
        margin-top: 100px;
        max-width : 1000px;
    }

    #service-sustainable .col9-mitsurou .content .flex {
        display        : flex;
        justify-content: space-between;
    }

    #service-sustainable .col9-mitsurou .content .flex .left {
        width        : 30%;
        border-radius: 10px 10px 0 0;
    }

    #service-sustainable .col9-mitsurou .content .flex .left .top {
        border-radius   : 10px 10px 0 0;
        background-color: #666666;
        text-align      : center;
        color           : #fff;
        padding         : 5px 0;
        font-family: Noto Sans CJK JP;
    }

    #service-sustainable .col9-mitsurou .content .flex .left .bottom {
        background-color: #E5E5E5;
        padding         : 25px;
        height          : 150px;
    }

    #service-sustainable .col9-mitsurou .content .flex .left .bottom p {
        margin: 0;
        color : #666666;
    }

    #service-sustainable .col9-mitsurou .content .flex .left .bottom p:nth-child(1) {
        margin-top: 15px;
    }

    #service-sustainable .col9-mitsurou .content .flex .left::after {
        width       : 0;
        height      : 0;
        content     : "";
        border-style: solid;
        border-width: 12.5px 0 12.5px 21.7px;
        border-color: transparent transparent transparent #666666;
        font-size   : 0px;
        position    : relative;
        bottom      : 120px;
        left        : 315px;
    }

    #service-sustainable .col9-mitsurou .content .flex .right {
        width        : 65%;
        border-radius: 10px 10px 0 0;
    }

    #service-sustainable .col9-mitsurou .content .flex .right .top {
        border-radius   : 10px 10px 0 0;
        background-color: #6ED1A9;
        text-align      : center;
        color           : #00397A;
        padding         : 5px 0;
        font-family: Noto Sans CJK JP;
    }

    #service-sustainable .col9-mitsurou .content .flex .right .bottom {
        background-color: #DBF3E9;
        padding         : 25px;
        height          : 150px;
    }

    #service-sustainable .col9-mitsurou .content .flex .right .bottom p {
        margin     : 0;
        line-height: 1.4rem;
    }

    #service-sustainable .col10-mitsurou .beltcombeair {
        max-width       : 1000px;
        margin          : 0 auto;
        background-color: #F8F5F3;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top {
        color          : #00397A;
        display        : flex;
        justify-content: space-between;
        padding        : 30px 50px;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top h1 {
        font-size  : 30px;
        font-weight: bold;
        margin     : 15px 0;
        font-family: Noto Sans CJK JP;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top p {
        font-size  : 16px;
        line-height: 2.2;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top span {
        font-family   : Gill Sans;
        letter-spacing: 0.2em;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top .left {
        width: 49%;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top .right {
        width: 45%;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .top .right img {
        margin-top: 50px;
        width     : 100%;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .mid {
        text-align   : center;
        margin-top   : 50px;
        margin-bottom: 50px;
        padding      : 30px 50px;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .bottom .flex {
        display: flex;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .bottom .flex .left {
        width : 60%;
        height: 100%;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .bottom .flex .left img {
        height: 100%;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .bottom .flex .right {
        width           : 40%;
        background-color: #00397A;
        text-align      : center;
        justify-content : center;
        display         : flex;
        align-content   : space-around;
        flex-wrap       : wrap;
        height          : 391px;
    }

    #service-sustainable .col10-mitsurou .beltcombeair .bottom .flex .right a {
        background-color: #E5E5E5;
        text-decoration : none;
        padding         : 15px 25px;
        border-radius   : 20px;
        color           : #00397A;
        height          : 20px;
        font-weight     : bold;
        line-height     : 0;
    }

    #service-sustainable .col11-mitsurou .beltcombeair {
        max-width : 1000px;
        margin    : 0 auto;
        margin-top: 250px;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top {
        background-color: #F8F5F3;
        color           : #00397A;
        display         : flex;
        justify-content : space-between;
        padding         : 30px 50px;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top h1 {
        font-size  : 30px;
        font-weight: bold;
        font-family: Noto Sans CJK JP;
        margin     : 15px 0;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top p {
        font-size  : 16px;
        line-height: 1.8;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top span {
        font-family   : Gill Sans;
        letter-spacing: 0.2em;
        font-size     : 12px;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top .left {
        width: 49%;
    }

    #service-sustainable .col11-mitsurou .beltcombeair .top .right {
        width     : 45%;
        margin-top: 60px;
    }

    #service-sustainable .products {
        text-align: center;
    }

    #service-sustainable .products h1 {
        margin   : 100px 0 0 0;
        color    : #00397A;
        font-size: 36px;
    }

    #service-sustainable .products p {
        margin   : 0 auto;
        font-size: 12px;
    }

    #service-sustainable .products .underline {
        -webkit-text-decoration: underline solid #00397A;
        text-decoration        : underline solid #00397A;
    }

    #service-sustainable .products .products-image {
        max-width      : 1000px;
        margin         : 0 auto;
        justify-content: space-between;
        display        : flex;
        margin-top     : 50px;
    }

    #service-sustainable .products .products-image .inline-block {
        display    : inline-block;
        width      : 45%;
        text-align : center;
        font-weight: bold;
    }

    #service-sustainable .products .products-image .inline-block p {
        font-size: 18px;
    }

    #service-sustainable .products .products-image .inline-block img {
        width : 100%;
        height: 80%;
    }

    #service-sustainable .products button {
        margin-top   : 10%;
        width        : 200px;
        padding      : 10px;
        background   : whitesmoke;
        border-radius: 30px;
        border       : none;
        color        : gray;
        font-size    : 18px;
    }

    #service-sustainable .container-slider1 {
        margin-top      : 10%;
        padding         : 50px 0;
        background-color: #EBE8FE;
        text-align      : center;
    }

    #service-sustainable .container-slider1 p {
        margin   : 0;
        font-size: 16px;
    }

    #service-sustainable .container-slider1 h2 {
        font-size: 30px;
    }

    #service-sustainable .container-slider1 h5 {
        margin     : 0;
        font-size  : 16px;
        font-weight: bold;
        color      : #00397A;
    }

    #service-sustainable .container-slider1 .slick-prev,
    #service-sustainable .container-slider1 .slick-arrow {
        width : 60px;
        height: 60px;
    }

    #service-sustainable .container-slider1 .slick-prev:before,
    #service-sustainable .container-slider1 .slick-arrow:before {
        font-size: 60px;
        /*少し大きくする*/
        color    : #999999;
    }

    #service-sustainable .container-slider1 .slider-2 {
        width                : 90%;
        margin               : 5%;
        -webkit-padding-start: 10%;
        padding-inline-start : 10%;
        -webkit-padding-end  : 10%;
        padding-inline-end   : 10%;
    }

    #service-sustainable .container-slider1 .slider-2 li {
        text-align    : center;
        font-family   : Gill Sans;
        color         : #00397A;
        font-size     : 36px;
        letter-spacing: 2.16px;
    }

    #service-sustainable .container-slider1 .slider-2 li div {
        margin     : 5%;
        font-size  : 20px;
        font-weight: bold;
    }

    #service-sustainable .container-slider1 .slider-2 li div img {
        width        : 100%;
        height       : 100%;
        margin-bottom: 20px;
    }

    #service-sustainable .contact {
        text-align: center;
        margin    : 5% 0;
    }

    #service-sustainable .contact h1 {
        color    : #00397A;
        font-size: 36px;
    }

    #service-sustainable .contact .inline-block {
        display   : inline-block;
        width     : 30%;
        margin-top: 50px;
    }

    #service-sustainable .contact .inline-block h3,
    #service-sustainable .contact .inline-block p {
        color      : gray;
        font-weight: 200;
        font-family: Noto Sans CJK JP;
    }

    #service-sustainable .contact .inline-block ul {
        list-style: none;
        padding   : 0;
        /* ボタン全体 */
    }

    #service-sustainable .contact .inline-block ul li {
        display: inline-block;
        padding: 5px;
    }

    #service-sustainable .contact .inline-block ul .flowbtn10 {
        display        : inline-block;
        font-size      : 35px;
        text-decoration: none;
        transition     : 0.5s;
        color          : #444;
    }

    #service-sustainable .contact .inline-block ul .flowbtn10 .fa-instagram {
        font-size: 38px;
    }

    #service-sustainable .contact .inline-block ul .flowbtn10 .fa-twitter:hover {
        color: #55acee;
    }

    #service-sustainable .contact .inline-block ul .flowbtn10 .fa-instagram:hover {
        color: #c6529a;
    }

    #service-sustainable .contact .inline-block ul .flowbtn10 .fa-facebook-f:hover {
        color: #3b5998;
    }

    #service-sustainable .contact .inline-block button {
        margin       : 50px;
        width        : 200px;
        height       : 50px;
        background   : #CCCCCC;
        border-radius: 30px;
        border       : none;
        color        : #00397A;
        font-size    : 16px;
    }

    #service-manufacturing .container-monodukuri {
        width        : 100%;
        margin-bottom: 10%;
    }

    #service-manufacturing .container-monodukuri img {
        margin: 3% 15%;
        width : 70%;
        height: 100%;
    }

    #service-manufacturing .container-monodukuri .scroll {
        float           : right;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
        font-size       : 20px;
        position        : absolute;
        top             : 45%;
        right           : 7.5%;
    }

    #service-manufacturing .col2-monodukuri {
        height       : 100%;
        margin-top   : 5%;
        margin-bottom: 10%;
        padding      : 0 20%;
        text-align   : center;
    }

    #service-manufacturing .col2-monodukuri h2 {
        font-size      : 24px;
        font-weight    : bold;
        margin-bottom  : 20px;
        text-decoration: underline;
    }

    #service-manufacturing .col2-monodukuri p {
        font-size: 16px;
    }

    #service-manufacturing .sec01 .flex {
        display        : flex;
        justify-content: space-evenly;
    }

    #service-manufacturing .sec01 .flex img {
        width: 80%;
    }

    #service-manufacturing .sec03 {
        width        : 100%;
        /* height    : 1500px; */
        margin-top   : 50px;
        margin-bottom: 100px;
        padding-top  : 50px;
    }

    #service-manufacturing .sec03 img {
        width         : 80%;
        margin-right  : 3%;
        vertical-align: bottom;
    }

    #service-manufacturing .sec03 h3 {
        width    : 350px;
        padding  : 10px;
        font-size: 24px;
        color    : #00397A;
        border   : 2px solid #00397A;
        position : relative;
        top      : -65px;
        left     : 295px;
    }

    #service-manufacturing .sec03 .center {
        text-align   : center;
        margin-bottom: 50px;
        position     : static;
    }

    #service-manufacturing .sec03 .center p {
        margin   : 0;
        font-size: 16px;
    }

    #service-manufacturing .sec03 .center h2 {
        font-size: 30px;
    }

    #service-manufacturing .sec03 .service-manufacturing {
        background-color: #F8F5F3;
        width           : 94%;
        height          : 620px;
        margin-right    : 3%;
        margin-left     : 3%;
    }

    #service-manufacturing .container4 {
        height          : 750px;
        padding         : 4%;
        background-color: #f9f9f9;
        overflow        : hidden;
    }

    #service-manufacturing .container4 .col3-monodukuri {
        width     : 80%;
        height    : 100%;
        max-width : 1080px;
        margin    : 0 10%;
        text-align: center;
    }

    #service-manufacturing .container4 .col3-monodukuri h2 {
        font-size  : 3vh;
        border     : solid 1px #00397A;
        margin     : 0;
        margin-left: 10%;
        padding    : 10px 0;
        width      : 350px;
    }

    #service-manufacturing .container4 .col3-monodukuri p {
        font-weight: bold;
    }

    #service-manufacturing .container4 .col3-monodukuri img {
        width     : 60%;
        height    : 55%;
        margin-top: 5%;
        position  : static;
    }

    #service-manufacturing .container4 .col3-monodukuri .thing1 {
        width   : 140px;
        height  : 140px;
        position: relative;
        left    : 12%;
        top     : -95%;
    }

    #service-manufacturing .container4 .col3-monodukuri .thing1 h4 {
        margin    : 2.5% 0;
        text-align: left;
        font-size : 18px;
    }

    #service-manufacturing .container4 .col3-monodukuri .thing1 p {
        margin     : 2.5% 0;
        text-align : left;
        line-height: 1.5em;
    }

    #service-manufacturing .container4 .col3-monodukuri .thing2 {
        width   : 140px;
        height  : 140px;
        position: relative;
        left    : 12%;
        top     : -75%;
    }

    #service-manufacturing .container4 .col3-monodukuri .thing2 h4 {
        margin    : 2.5% 0;
        text-align: left;
        font-size : 18px;
    }

    #service-manufacturing .container4 .col3-monodukuri .thing2 p {
        margin     : 2.5% 0;
        text-align : left;
        line-height: 1.5em;
    }

    #service-manufacturing .container4 .col3-monodukuri .thing3 {
        width   : 140px;
        height  : 140px;
        position: relative;
        left    : 75%;
        top     : -132%;
    }

    #service-manufacturing .container4 .col3-monodukuri .thing3 h4 {
        margin    : 2.5% 0;
        text-align: left;
        font-size : 18px;
    }

    #service-manufacturing .container4 .col3-monodukuri .thing3 p {
        margin     : 2.5% 0;
        text-align : left;
        line-height: 1.5em;
    }

    #service-manufacturing .container4 .col3-monodukuri .thing4 {
        width   : 250px;
        height  : 140px;
        position: relative;
        left    : 66%;
        top     : -97%;
    }

    #service-manufacturing .container4 .col3-monodukuri .thing4 h4 {
        margin    : 2.5% 0;
        text-align: left;
        font-size : 18px;
    }

    #service-manufacturing .container4 .col3-monodukuri .thing4 p {
        margin     : 2.5% 0;
        text-align : left;
        line-height: 1.5em;
    }

    #service-manufacturing .container4 .life-takakoh {
        margin-top: 150px;
        font-size : 18px;
        color     : #666666;
    }

    #service-manufacturing .container4 button {
        width        : 150px;
        height       : 50px;
        padding      : 10px 0;
        background   : #00397A;
        border-radius: 30px;
        border       : none;
        color        : white;
        font-size    : 18px;
    }

    #service-manufacturing .col4-monodukuri {
        height: 100%;
    }

    #service-manufacturing .col4-monodukuri .history {
        display   : flex;
        margin-top: 5%;
    }

    #service-manufacturing .col4-monodukuri .history .history-left {
        width : 60%;
        height: 100%;
    }

    #service-manufacturing .col4-monodukuri .history .history-left h1 {
        width        : 55%;
        margin       : 0;
        font-size    : 30px;
        border-bottom: solid 2px #00397A;
        line-height  : 0.7em;
        text-align   : right;
        color        : #00397A;
    }

    #service-manufacturing .col4-monodukuri .history .history-left h2 {
        text-align   : right;
        width        : 55%;
        font-size    : 18px;
        margin-bottom: 50px;
    }

    #service-manufacturing .col4-monodukuri .history .history-left .image {
        width   : 70%;
        height  : 90%;
        margin  : 0;
        position: static;
    }

    #service-manufacturing .col4-monodukuri .history .history-left .image img {
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        width                     : 100%;
        height                    : 100%;
        float                     : left;
    }

    #service-manufacturing .col4-monodukuri .history .content {
        margin-top      : 12.5%;
        width           : 40%;
        padding         : 2.5%;
        height          : 40%;
        background-color: whitesmoke;
        position        : relative;
        left            : -25%;
    }

    #service-manufacturing .col4-monodukuri .history .content p {
        font-size: 18px;
    }

    #service-manufacturing .col4-monodukuri .history .content h2 {
        margin     : 10px 0;
        font-size  : 24px;
        font-weight: bold;
    }

    #service-manufacturing .col5-monodukuri {
        height    : 100%;
        margin-top: 100px;
    }

    #service-manufacturing .col5-monodukuri .suggestion {
        display: flex;
        width  : 100%;
        height : 100%;
    }

    #service-manufacturing .col5-monodukuri .suggestion .suggestion-right {
        width   : 100%;
        position: static;
    }

    #service-manufacturing .col5-monodukuri .suggestion .suggestion-right h1 {
        width        : 55%;
        margin-left  : 45%;
        font-size    : 30px;
        border-bottom: solid 1px #00397A;
        text-align   : left;
        color        : #00397A;
    }

    #service-manufacturing .col5-monodukuri .suggestion .suggestion-right h2 {
        text-align   : left;
        width        : 55%;
        margin-left  : 45%;
        font-size    : 18px;
        margin-bottom: 50px;
    }

    #service-manufacturing .col5-monodukuri .suggestion .suggestion-right .image {
        width : 79.3%;
        height: 72%;
        margin: 0;
        float : right;
    }

    #service-manufacturing .col5-monodukuri .suggestion .suggestion-right .image img {
        border-top-left-radius   : 20em 20em;
        border-bottom-left-radius: 20em 20em;
        width                    : 100%;
    }

    #service-manufacturing .col5-monodukuri .suggestion .content {
        margin-top      : 16.5%;
        padding         : 2.5%;
        width           : 58%;
        height          : 40%;
        background-color: whitesmoke;
        position        : relative;
        right           : -20%;
    }

    #service-manufacturing .col5-monodukuri .suggestion .content p {
        font-size : 18px;
        margin-top: 0;
    }

    #service-manufacturing .col5-monodukuri .suggestion .content h2 {
        margin     : 10px 0;
        font-size  : 24px;
        font-weight: bold;
    }

    #service-manufacturing .container-slider1 {
        margin-top      : 10%;
        padding         : 50px 0;
        background-color: #edeae1;
        text-align      : center;
    }

    #service-manufacturing .container-slider1 p {
        margin   : 0;
        font-size: 16px;
    }

    #service-manufacturing .container-slider1 h2 {
        font-size: 30px;
    }

    #service-manufacturing .container-slider1 h5 {
        margin     : 0;
        font-size  : 16px;
        font-weight: bold;
        color      : #00397A;
    }

    #service-manufacturing .container-slider1 .slick-prev,
    #service-manufacturing .container-slider1 .slick-arrow {
        width : 60px;
        height: 60px;
    }

    #service-manufacturing .container-slider1 .slick-prev:before,
    #service-manufacturing .container-slider1 .slick-arrow:before {
        font-size: 60px;
        /*少し大きくする*/
        color    : #999999;
    }

    #service-manufacturing .container-slider1 .slider {
        width                : 90%;
        margin               : 5%;
        -webkit-padding-start: 10%;
        padding-inline-start : 10%;
        -webkit-padding-end  : 10%;
        padding-inline-end   : 10%;
    }

    #service-manufacturing .container-slider1 .slider li {
        text-align    : center;
        font-family   : Gill Sans;
        color         : #00397A;
        font-size     : 36px;
        letter-spacing: 2.16px;
    }

    #service-manufacturing .container-slider1 .slider li div {
        margin: 5%;
    }

    #service-manufacturing .container-slider1 .slider li div img {
        width : 100%;
        height: 100%;
    }

    #service-manufacturing .col6-monodukuri {
        height: 100%;
    }

    #service-manufacturing .col6-monodukuri .quality-management {
        display   : flex;
        margin-top: 5%;
    }

    #service-manufacturing .col6-monodukuri .quality-management .quality-management-left {
        width : 60%;
        height: 100%;
    }

    #service-manufacturing .col6-monodukuri .quality-management .quality-management-left h1 {
        width        : 55%;
        margin       : 0;
        font-size    : 30px;
        border-bottom: solid 2px #00397A;
        line-height  : 0.7em;
        text-align   : right;
        color        : #00397A;
    }

    #service-manufacturing .col6-monodukuri .quality-management .quality-management-left h2 {
        text-align   : right;
        width        : 55%;
        font-size    : 18px;
        margin-bottom: 50px;
    }

    #service-manufacturing .col6-monodukuri .quality-management .quality-management-left .image {
        width   : 70%;
        height  : 90%;
        margin  : 0;
        position: static;
    }

    #service-manufacturing .col6-monodukuri .quality-management .quality-management-left .image img {
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        width                     : 100%;
        height                    : 100%;
        float                     : left;
    }

    #service-manufacturing .col6-monodukuri .quality-management .content {
        margin-top      : 12.5%;
        width           : 40%;
        padding         : 2.5%;
        height          : 40%;
        background-color: whitesmoke;
        position        : relative;
        left            : -25%;
    }

    #service-manufacturing .col6-monodukuri .quality-management .content p {
        font-size: 18px;
    }

    #service-manufacturing .col6-monodukuri .quality-management .content h2 {
        margin     : 10px 0;
        font-size  : 24px;
        font-weight: bold;
    }

    #service-manufacturing .products {
        text-align: center;
    }

    #service-manufacturing .products h1 {
        margin   : 100px 0 0 0;
        color    : #00397A;
        font-size: 36px;
    }

    #service-manufacturing .products p {
        margin   : 0 auto;
        font-size: 12px;
    }

    #service-manufacturing .products .underline {
        -webkit-text-decoration: underline solid #00397A;
        text-decoration        : underline solid #00397A;
    }

    #service-manufacturing .products .inline-block {
        margin     : 2% 2%;
        display    : inline-block;
        width      : 250px;
        text-align : center;
        font-weight: bold;
    }

    #service-manufacturing .products .inline-block img {
        width : 100%;
        height: 80%;
    }

    #service-manufacturing .products button {
        margin-top   : 10%;
        width        : 100px;
        height       : 30px;
        background   : whitesmoke;
        border-radius: 30px;
        border       : none;
        color        : gray;
        font-size    : 16px;
    }

    #service-manufacturing .contact {
        text-align: center;
        margin    : 5% 0;
    }

    #service-manufacturing .contact h1 {
        color    : #00397A;
        font-size: 36px;
    }

    #service-manufacturing .contact .inline-block {
        display   : inline-block;
        width     : 30%;
        margin-top: 50px;
    }

    #service-manufacturing .contact .inline-block h3,
    #service-manufacturing .contact .inline-block p {
        color      : gray;
        font-weight: 200;
        font-family: Noto Sans CJK JP;
    }

    #service-manufacturing .contact .inline-block ul {
        list-style: none;
        padding   : 0;
        /* ボタン全体 */
    }

    #service-manufacturing .contact .inline-block ul li {
        display: inline-block;
        padding: 5px;
    }

    #service-manufacturing .contact .inline-block ul .flowbtn10 {
        display        : inline-block;
        font-size      : 35px;
        text-decoration: none;
        transition     : 0.5s;
        color          : #444;
    }

    #service-manufacturing .contact .inline-block ul .flowbtn10 .fa-instagram {
        font-size: 38px;
    }

    #service-manufacturing .contact .inline-block ul .flowbtn10 .fa-twitter:hover {
        color: #55acee;
    }

    #service-manufacturing .contact .inline-block ul .flowbtn10 .fa-instagram:hover {
        color: #c6529a;
    }

    #service-manufacturing .contact .inline-block ul .flowbtn10 .fa-facebook-f:hover {
        color: #3b5998;
    }

    #service-manufacturing .contact .inline-block button {
        margin       : 50px;
        width        : 200px;
        height       : 50px;
        background   : #CCCCCC;
        border-radius: 30px;
        border       : none;
        color        : #00397A;
        font-size    : 16px;
    }

    #recruit .container2 {
        overflow: hidden;
    }

    #recruit .container-requruit {
        width       : 100%;
        height      : 250px;
        text-align  : center;
        box-sizing  : none;
        border-style: none;
        object-fit  : none;
        box-sizing  : none;
    }

    #recruit .container-requruit img {
        width : 100%;
        height: 100%;
    }

    #recruit .container-requruit .scroll {
        font-family     : Noto Sans JP;
        color           : #00397A;
        line-height     : 2em;
        font-size       : 14px;
        position        : absolute;
        top             : 274px;
        right           : 3.5%;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
    }

    #recruit .col2-requruit {
        height    : 330px;
        padding   : 10% 20%;
        text-align: center;
    }

    #recruit .col2-requruit h2 {
        font-size      : 24px;
        margin-top     : 100px;
        text-decoration: underline;
    }

    #recruit .col2-requruit p {
        font-size : 16px;
        margin-top: 25px;
    }

    #recruit .container-requruit2 {
        height       : 850px;
        margin-bottom: 100px;
    }

    #recruit .container-requruit2 .col3-requruit {
        height: 100%;
    }

    #recruit .container-requruit2 .col3-requruit .employment .employment-left {
        width  : 100%;
        padding: 2% 0;
    }

    #recruit .container-requruit2 .col3-requruit .employment .employment-left h1 {
        width      : 1000px;
        margin     : 0;
        margin-left: 177px;
        font-size  : 54px;
        line-height: 0.7em;
        text-align : left;
        color      : #00397A;
    }

    #recruit .container-requruit2 .col3-requruit .employment .employment-left h2 {
        width      : 1000px;
        margin-left: 177px;
        margin-top : 30px;
        text-align : left;
        font-size  : 18px;
    }

    #recruit .container-requruit2 .col3-requruit .employment .content {
        padding         : 1%;
        margin          : 0 auto;
        width           : 70%;
        background-color: whitesmoke;
        display         : flex;
        font-size       : 18px;
    }

    #recruit .container-requruit2 .col3-requruit .employment .content .content-left {
        margin: 2%;
        width : 44%;
    }

    #recruit .container-requruit2 .col3-requruit .employment .content .content-right {
        margin: 2% 3%;
        width : 44%;
    }

    #recruit .container-requruit2 .col3-requruit .employment .content ul {
        padding    : 0;
        color      : gray;
        font-weight: bold;
        font-family: Noto Sans JP;
        list-style : none;
        font-size  : 18px;
    }

    #recruit .container-requruit2 .col3-requruit .employment .content ul li {
        color         : black;
        padding-bottom: 3%;
        font-size     : 18px;
        margin-bottom : 40px;
        font-weight   : normal;
        line-height   : 30px;
    }

    #recruit .col4-requruit {
        margin: 20% 0;
        height: 50%;
    }

    #recruit .col4-requruit .mission {
        display: flex;
    }

    #recruit .col4-requruit .mission h2 {
        line-height: 2;
        font-size  : 18px;
    }

    #recruit .col4-requruit .mission .mission-left {
        width : 60%;
        height: 100%;
    }

    #recruit .col4-requruit .mission .mission-left .image {
        width : 70%;
        height: 100%;
        margin: 0;
    }

    #recruit .col4-requruit .mission .mission-left .image img {
        border-top-right-radius   : 20em 20em;
        border-bottom-right-radius: 20em 20em;
        width                     : 120%;
        height                    : 100%;
    }

    #recruit .col4-requruit .mission .content {
        width     : 35%;
        margin-top: 10%;
    }

    #recruit .contact-requruit {
        text-align: center;
        margin    : 15% 0 5% 0;
    }

    #recruit .contact-requruit h1 {
        margin   : 0;
        color    : #00397A;
        font-size: 36px;
    }

    #recruit .contact-requruit p {
        letter-spacing: 1em;
        font-size     : 1.6vh;
        margin-bottom : 3%;
    }

    #recruit .contact-requruit .inline-block {
        display: inline-block;
    }

    #recruit .contact-requruit .inline-block img {
        width : 100px;
        height: 100px;
    }

    #recruit .contact-requruit .inline-block h6 {
        color    : gray;
        margin   : 2% 0;
        font-size: 2vh;
    }

    #recruit .contact-requruit .inline-block p {
        letter-spacing: 0;
        color         : gray;
        font-family   : Noto Sans CJK JP;
    }

    #recruit .contact-requruit .inline-block button {
        margin       : 20px;
        width        : 80%;
        padding      : 5% 0;
        background   : #00397A;
        border-radius: 30px;
        border       : none;
        color        : white;
        font-size    : 2vh;
    }

    #contact .fv {
        padding-top: 60px;
    }

    #contact .fv .page-scroll {
        position        : absolute;
        bottom          : 0;
        right           : -100px;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
    }

    #contact .fv .span-scroll {
        display         : inline-block;
        width           : 1px;
        height          : 50px;
        margin-top      : 10px;
        background-color: black;
    }

    #contact .fv-img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: cover;
        object-fit   : cover;
    }

    #contact .fv-img-wrap {
        position     : relative;
        width        : 80%;
        margin       : 0 auto;
        margin-bottom: 117px;
    }

    #contact .fv-content {
        width     : 70%;
        margin    : 0 auto;
        text-align: center;
    }

    #contact .fv-copy {
        font-weight   : bold;
        font-size     : 35px;
        line-height   : 68px;
        letter-spacing: 7px;
        color         : #00397a;
    }

    #contact .fv-text {
        font-size     : 14px;
        line-height   : 43px;
        letter-spacing: 1.8px;
        color         : #00397a;
    }

    #contact .container3 {
        width : 100%;
        height: 1400px;
    }

    #contact .container3 .col-contact {
        max-width : 1080px;
        text-align: center;
        margin    : 0 auto;
    }

    #contact .container3 .col-contact h1 {
        margin        : 100px 0 0 0;
        color         : #00397A;
        font-size     : 36px;
        letter-spacing: 0.1em;
    }

    #contact .container3 .col-contact h2 {
        letter-spacing: 0.2em;
        font-size     : 18px;
        font-weight   : normal;
    }

    #contact .container3 .col-contact p {
        width      : 80%;
        margin     : 0 auto;
        font-size  : 18px;
        text-align : center;
        line-height: 0.8;
    }

    #contact .container3 .col-contact .underline {
        -webkit-text-decoration: underline solid #00397A;
        text-decoration        : underline solid #00397A;
        margin-bottom          : 3%;
    }

    #contact .container3 .col-contact .form-wrap div {
        margin: 5%;
    }

    #contact .container3 .col-contact .form-wrap label {
        text-align: center;
        width     : 20%;
        margin-top: 2%;
    }

    #contact .container3 .col-contact .form-wrap label span {
        color: #F3DA8B;
    }

    #contact .container3 .col-contact .form-wrap input {
        width           : 100%;
        background-color: whitesmoke;
        border          : none;
        text-align      : left;
        padding         : 2%;
    }

    #contact .container3 .col-contact .form-wrap .name {
        display: flex;
        width  : 80%;
    }

    #contact .container3 .col-contact .form-wrap .company {
        display: flex;
        width  : 80%;
    }

    #contact .container3 .col-contact .form-wrap .phone {
        display: flex;
        width  : 80%;
    }

    #contact .container3 .col-contact .form-wrap .phone p {
        text-align: center;
        width     : 2%;
        margin    : 1% 0;
    }

    #contact .container3 .col-contact .form-wrap .email {
        display   : flex;
        width     : 80%;
        margin-top: 3% !important;
    }

    #contact .container3 .col-contact .form-wrap .contact-content .textarea {
        background-color: whitesmoke;
        border          : none;
        text-align      : left;
        padding         : 2%;
        height          : auto;
        width           : 80%
    }

    #contact .container3 .col-contact .form-wrap .contact-content textarea {
        width : 100%;
        resize: none;
        background-color: whitesmoke;
        padding: 4% 2%;
    }


    .wpcf7-not-valid-tip {
        display: none;
    }

    #contact .container3 .col-contact .form-wrap .email label {
        margin-top: 4%;
    }

    #contact .container3 .col-contact .form-wrap .email ul {
        width     : 66%;
        padding   : 0;
        list-style: none;
    }

    #contact .container3 .col-contact .form-wrap .email ul li {
        width        : 100%;
        margin-bottom: 2%;
    }

    #contact .container3 .col-contact .wpcf7-submit {
        background-color: #00397A;
        color           : #fff;
        width           : 200px;
        padding         : 5px 10px;
        border-radius   : 40px;
        line-height     : 2;
		text-align:center;
    }

    #contact .container3 .col-contact .wpcf7-submit:hover {
        opacity: 0.6;
    }

    #contact .container3 .col-contact .form-wrap .email ul li input {
        width: 100%;
    }

    #contact .container3 .col-contact .form-wrap .contact-content {
        display: flex;
        height : 250px;
        width  : 80%;
    }

    #contact .container3 .col-contact .form-wrap .contact-content input {
        height: 100%;
    }

    #contact .container3 .col-contact button {
        margin       : 20px;
        width        : 24%;
        padding      : 1% 0;
        background   : #00397A;
        border-radius: 30px;
        border       : none;
        color        : white;
        font-size    : 2vh;
    }

    #single .fv .page-scroll {
        position        : absolute;
        bottom          : 0;
        right           : -100px;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
    }

    #single .fv .span-scroll {
        display         : inline-block;
        width           : 1px;
        height          : 50px;
        margin-top      : 10px;
        background-color: black;
    }

    #single .fv-img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: cover;
        object-fit   : cover;
    }

    #single .fv-img-wrap {
        position: relative;
        width   : 80%;
        margin  : 0 auto;
    }

    #single .single {
        padding: 200px 0;
    }

    #single .single-wrap {
        max-width: 900px;
        margin   : 0 auto;
    }

    #single .single-img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: contain;
        object-fit   : contain;
    }

    #single .single-img-wrap {
        width        : 100%;
        height       : 400px;
        margin-bottom: 50px;
    }

    #single .single-ttl {
        margin-bottom: 10px;
    }

    #single .single-area {
        display        : flex;
        justify-content: space-between;
        align-items    : center;
        margin-bottom  : 50px;
        border-bottom  : 1px solid #666666;
    }

    #single .single-date {
        font-size  : 18px;
        margin-left: 20px;
        color      : #666666;
    }

    #single .single-label {
        text-align               : center;
        border-top-left-radius   : 10px;
        border-bottom-left-radius: 10px;
        color                    : #ffffff;
        background-color         : green;
    }

    #single .single-text {
        margin-bottom: 30px;
    }

    #single .single-tyu-ttl {
        margin-bottom: 30px;
        color        : #00397a;
    }

    #news {
        padding: 130px 0;
    }

    #news .fv .page-scroll {
        position        : absolute;
        bottom          : 0;
        right           : -100px;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
    }

    #news .fv .span-scroll {
        display         : inline-block;
        width           : 1px;
        height          : 50px;
        margin-top      : 10px;
        background-color: black;
    }

    #news .fv-img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: cover;
        object-fit   : cover;
    }

    #news .fv-img-wrap {
        position: relative;
        width   : 80%;
        margin  : 0 auto;
    }

    #news .news {
        padding-top: 100px;
    }

    #news .news-heading {
        margin-bottom: 100px;
        text-align   : center;
    }

    #news .news-ttl {
        font-family   : Gill Sans;
        font-weight   : normal;
        font-size     : 54px;
        letter-spacing: 3.24px;
        margin-bottom : 10px;
        color         : #00397a;
    }

    #news .news-text {
        font-family   : Noto Sans CJK JP;
        font-size     : 18px;
        line-height   : 30px;
        letter-spacing: 0.7em;
        margin-bottom : 30px;
        color         : #00397a;
    }

    #news .news .span-bd {
        display: block;
        border : 1px solid #999;
        width  : 50px;
        margin : 0 auto;
    }

    #news .news .article {
        display       : flex;
        margin-bottom : 50px;
        padding-bottom: 50px;
        border-bottom : 1px solid #000;
    }

    #news .news .article-wrap {
        max-width: 900px;
        margin   : 0 auto;
    }

    #news .news .article-img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: cover;
        object-fit   : cover;
    }

    #news .news .article-img-wrap {
        position    : relative;
        width       : 300px;
        height      : auto;
        margin-right: 20px;
    }

    #news .news .article-label {
        position                  : absolute;
        top                       : 5px;
        left                      : 0;
        padding                   : 5px 0 5px 0;
        border-top-right-radius   : 10px;
        border-bottom-right-radius: 10px;
        color                     : #ffffff;
        background-color          : green;
    }

    #news .news .article-label-2 {
        position                  : absolute;
        top                       : 5px;
        left                      : 0;
        width                     : 80px;
        padding                   : 5px 0 5px 0;
        border-top-right-radius   : 10px;
        border-bottom-right-radius: 10px;
        color                     : #ffffff;
        background-color          : #F9AAAB;
    }

    #news .news .article-label-3 {
        position                  : absolute;
        top                       : 5px;
        left                      : 0;
        width                     : 80px;
        padding                   : 5px 0 5px 0;
        border-top-right-radius   : 10px;
        border-bottom-right-radius: 10px;
        color                     : #ffffff;
        background-color          : #BCBDDC;
    }

    #news .news .article-ttl {
        -moz-text-align-last: left;
        text-align-last     : left;
        font-size           : 14px;
        margin              : 0;
        margin-bottom       : 10px;
    }

    #news .news .article-date {
        -moz-text-align-last: left;
        text-align-last     : left;
        margin-bottom       : 100px;
    }

    #news .news .article-link {
        display        : block;
        width          : 80px;
        margin         : auto 0 0 0;
        text-decoration: none;
        color          : #000000;
    }

    #company .fv {
        padding-top: 60px;
    }

    #company .fv .page-scroll {
        position        : absolute;
        bottom          : 0;
        right           : -100px;
        -ms-writing-mode: tb-rl;
        writing-mode    : vertical-rl;
    }

    #company .fv .span-scroll {
        display         : inline-block;
        width           : 1px;
        height          : 50px;
        margin-top      : 10px;
        background-color: black;
    }

    #company .fv-img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: cover;
        object-fit   : cover;
    }

    #company .fv-img-wrap {
        position     : relative;
        width        : 70%;
        margin       : 0 auto;
        margin-bottom: 117px;
    }

    #company .fv-content {
        width     : 80%;
        margin    : 0 auto;
        text-align: center;
    }

    #company .fv-copy {
        font-weight   : bold;
        font-size     : 35px;
        line-height   : 68px;
        letter-spacing: 7px;
        color         : #00397a;
    }

    #company .fv-text {
        font-size     : 16px;
        line-height   : 43px;
        letter-spacing: 1.8px;
        color         : #00397a;
    }

    #company .company {
        padding-top: 220px;
    }

    #company .company-box {
        font-family     : NotoSansJP Medium-83pv-RKSJ-H;
        display         : flex;
        justify-content : space-between;
        width           : 65%;
        margin          : 0 auto;
        padding         : 56px 50px;
        background-color: #E5E5E5;
    }

    #company .company hr {
        width       : 910px;
        margin-right: 30%;
        margin      : 0;
        size        : 3px;
    }

    #company .company .content-item {
        list-style   : none;
        margin-bottom: 48px;
        /* lhを調整するクラス */
    }

    #company .company .content-item .lh-text {
        line-height: 50px;
    }

    #company .company .content-gray {
        font-size     : 18px;
        line-height   : 15px;
        letter-spacing: 1.8px;
        color         : #999999;
        color: #00397A;
    }

    #company .company .content-text {
        font-size     : 18px;
        line-height   : 30px;
        letter-spacing: 1.8px;
        color         : black;
    }

    #company .company .content-right {
        width: 50%;
    }

    #company .company .content-left {
        width: 50%;
    }

    #company .history {
        padding-top: 220px;
    }

    #company .history-heading {
        margin-bottom: 192px;
    }

    #company .history-heading-text {
        margin: 0 180px 0 0;
    }

    #company .history-img {
        width        : 100%;
        height       : 100%;
        -o-object-fit: cover;
        object-fit   : cover;
    }

    #company .history-img-wrap {
        width : 80%;
        margin: auto 0 0 0;
    }

    #company .access {
        padding-top: 220px;
    }

    #company .access-heading-text {
        margin: 0 100px 0 0;
    }

    #company .access-box {
        width        : 60%;
        margin       : 0 auto;
        margin-bottom: 150px;
    }

    #company .access-box p {
        margin-top: 15px;
        font-size : 16px;
    }

    #company .access-map-wrap {
        width: 100%;
    }

    #company .contact {
        text-align: center;
        margin    : 5% 0;
    }

    #company .contact h1 {
        color    : #00397A;
        font-size: 36px;
    }

    #company .contact .inline-block {
        display   : inline-block;
        width     : 30%;
        margin-top: 50px;
    }

    #company .contact .inline-block h3,
    #company .contact .inline-block p {
        color      : gray;
        font-weight: 200;
        font-family: Noto Sans CJK JP;
    }

    #company .contact .inline-block ul {
        list-style: none;
        padding   : 0;
        /* ボタン全体 */
    }

    #company .contact .inline-block ul li {
        display: inline-block;
        padding: 5px;
    }

    #company .contact .inline-block ul .flowbtn10 {
        display        : inline-block;
        font-size      : 35px;
        text-decoration: none;
        transition     : 0.5s;
        color          : #444;
    }

    #company .contact .inline-block ul .flowbtn10 .fa-instagram {
        font-size: 38px;
    }

    #company .contact .inline-block ul .flowbtn10 .fa-twitter:hover {
        color: #55acee;
    }

    #company .contact .inline-block ul .flowbtn10 .fa-instagram:hover {
        color: #c6529a;
    }

    #company .contact .inline-block ul .flowbtn10 .fa-facebook-f:hover {
        color: #3b5998;
    }

    #company .contact .inline-block button {
        margin       : 20px;
        width        : 170px;
        height       : 50px;
        background   : #CCCCCC;
        border-radius: 30px;
        border       : none;
        color        : #00397A;
        font-size    : 16px;
    }


    .c-text-brek-pc {
      display: block;
    }
}

@media screen and (min-width: 1440px) {
    #service-manufacturing .sec03 {
        margin-bottom: 40%;
    }

    #recruit .container2 {
        overflow: visible;
    }
}