@charset "UTF-8";


a {
    color: #000;
    text-decoration: none;
}

ul {
    list-style: none;
}

html {
    scroll-behavior: smooth;
}

main {
    width: 100%;
    margin: 0;
    padding: 0;
}

.container {
    width: 100%;
    margin: 0;
    padding: 0 20px;
}

body {
    background-color: beige;
    width: 100%;
    margin: 0;
    padding: 0;
}


/*ヘッダー*/
header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

header>.container {
    height: 80px;
    display: flex;
    align-items: center;
    max-width: none;
    padding: 0;
    background-color: rgba(255, 2555, 255, .7);
}

/*ロゴ*/
.area_logo_header {
    height: 60px;
    vertical-align: bottom;
    margin-left: 20px;
    margin-top: 10px;
}

/*ヘッダーナビ*/
.main_navi_top {
    display: flex;
    margin: 0 0 0 auto;
}

.main_navi {
    display: flex;
    justify-content: center;
}

.li_m {
    font-family: sans-serif;
    font-size: 18px;
    border-right: 1px solid black;
    padding-right: 25px;
}

.li_h {
    font-family: sans-serif;
    font-size: 18px;
    border-right: 1px solid black;
    padding-right: 25px;
}

.li_o {
    font-family: sans-serif;
    font-size: 18px;
    padding-right: 10px;
}

.main_navi>li {
    padding: 0 15px;
}



/*電話*/
.denwa {
    display: flex;
    margin: 0;
    background-color: rgba(127, 204, 227);
    padding: 3px 15px 3px 3px;
}

.denwalogo {

    height: 25px;
    width: 25px;
}

.denwa>h2 {
    color: white;
}

/*トップビュー*/
.area_top_view {
    height: 800px;
    max-width: none;
    background: url(image/hp2_top_1.jpg) no-repeat center center;
    background-size: cover;
}


.area_top_view>.container {
    height: 800px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.area_top_view>.container>.home_d {
    background-color: rgba(255, 255, 255, .75);
    margin: 50px 100px;
    padding: 30px 30px;
    display: flex;
    flex-flow: column;
    text-align: center;
}

.home_logo {
    border: 2px solid rgba(0, 0, 0, .3);
    margin: auto;
    height: 83px;
    width: 161px;
    padding: 40px;
}

.home_d>.ttl {
    margin: 40px 0 10px 0;
    font-size: 25px;
    font-family: serif;
    font-weight: bold;
    color: black;
}

.home_d>.home_about_1 {
    font-size: 25px;
    font-family: serif;
    font-weight: bold;
    color: black;
}


/*めっきについて*/
.area_home_mekkinituite {
    width: 100%;
    align-items: center;
}

.area_home_mekkinituite>.container {
    width: 90%;
    margin: 20px;
    display: flex;
    flex-direction: column;
}

.area_home_mekkinituite>.container>.head_home {
    max-width: 100%;
    margin: 15px;
    padding: 0;
    border-bottom: solid 2px rgba(127, 204, 227);
}

.area_home_mekkinituite>.container>.head_home>.ttl {
    font-family: serif;
    font-size: 20px;
}

.area_home_mekkinituite>.container>.body_home {
    display: flex;
    flex-direction: column;
}


/*めっきとは*/

.mekkitoha {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    margin-right: 20px;
    margin-left: 50px;
}

.mekkitoha>.ttl_mekkitoha {
    display: flex;
    justify-content: center;
    font-family: monospace;
    font-weight: bold;
    font-size: 25px;
}

.mekkitoha_d {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.mekkitoha_d>.d1 {
    margin-left: 50px;
    font-family: serif;
    font-size: 20px;
}

.mekkizu {
    margin-right: 30px;
    width: 250px;
    height: 250px;
}


/*電気めっき*/

.dennkim {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
    margin-right: 20px;
    margin-left: 50px;
}

.dennkim>.ttl_denkim {
    display: flex;
    justify-content: center;
    font-family: monospace;
    font-weight: bold;
    font-size: 25px;
}

.dennkim>.d2 {
    text-align: left;
    margin-top: 30px;
    font-family: serif;
    font-size: 20px;
}


/*クロムめっき*/
.crm {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
    margin-right: 20px;
    margin-left: 50px;
}

.crm>.ttl_crm {
    display: flex;
    justify-content: center;
    font-family: monospace;
    font-weight: bold;
    font-size: 25px;
}

.crm>.d3 {
    margin-top: 30px;
    font-family: serif;
    font-size: 20px;
}

.cr_t {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    width: 100%;
}

/*クロム表*/

.makuatu {
    margin-top: 10px;
    width: 50%;
    text-align: left;
}

.maku {
    font-family: sans-serif;
    font-size: 22px;
    text-align: left;
}

.t_nicr_m {
    font-family: serif;
    font-size: 20px;
}

.t_nicr_m_n {
    font-family: serif;
    font-size: 20px;
}

.t_icr_m {
    font-family: serif;
    font-size: 20px;
}

.t_icr_m_n {
    font-family: serif;
    font-size: 20px;
}

.youto {
    margin-top: 10px;
    width: 50%;
    text-align: left;
}

.yoto {
    font-family: sans-serif;
    font-size: 22px;
    text-align: left;
}

.t_nicr_y {
    font-family: serif;
    font-size: 20px;
}

.t_nicr_y_n {
    font-family: serif;
    font-size: 20px;
}

.t_icr_y {
    font-family: serif;
    font-size: 20px;
}

.t_icr_y_n {
    font-family: serif;
    font-size: 20px;
}

.yobina {
    margin-top: 10px;
    width: 50%;
    text-align: left;
}

.yobi {
    font-family: sans-serif;
    font-size: 22px;
    text-align: left;
}

.t_nicr_yb {
    font-family: serif;
    font-size: 20px;
}

.t_nicr_yb_n {
    font-family: serif;
    font-size: 20px;
}

.t_icr_yb {
    font-family: serif;
    font-size: 20px;
}

.t_icr_yb_n {
    font-family: serif;
    font-size: 20px;
}


/*無電解めっきとは*/

.mudennkai {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
    margin-right: 20px;
    margin-left: 50px;
}

.mudennkai>.ttl_mudennkai {
    display: flex;
    justify-content: center;
    font-family: monospace;
    font-weight: bold;
    font-size: 25px;
}

.mudennkai>.d4 {
    margin-top: 30px;
    font-family: serif;
    font-size: 20px;
}



/*表面処理一覧*/
.area_home_mekkishu {
    width: 100%;
    align-items: center;
    margin-top: 100px;
}

.area_home_mekkishu>.container {
    width: 90%;
    margin: 20px;
    display: flex;
    flex-direction: column;
}

.area_home_mekkishu>.container>.head_home {
    max-width: 100%;
    margin: 15px;
    padding: 0;
    border-bottom: solid 2px rgba(127, 204, 227);
}

.area_home_mekkishu>.container>.head_home>.ttl {
    font-family: serif;
    font-size: 20px;
}

.area_home_mekkishu>.container>.body_home {
    display: flex;
    flex-direction: column;
}

/*Ni*/
.mekkishu_ni {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 50px;
}

.ttl_ni {
    width: 80%;
    padding-left: 30px;
    font-family: sans-serif;
    font-size: 23px;
    text-align: left;
    background-color: rgba(213, 141, 157, .5);
}

.d_ni {
    width: 100%;
    font-family: serif;
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
}

/*Nicr*/
.mekkishu_nicr {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 50px;
}

.ttl_nicr {
    width: 80%;
    padding-left: 30px;
    font-family: sans-serif;
    font-size: 23px;
    text-align: left;
    background-color: rgba(132, 144, 200, .5);
}

.d_nicr {
    width: 100%;
    font-family: serif;
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
}

/*NiP*/
.mekkishu_nip {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 50px;
}

.ttl_nip {
    width: 80%;
    padding-left: 30px;
    font-family: sans-serif;
    font-size: 23px;
    text-align: left;
    background-color: rgba(159, 202, 153, .5);
}

.d_nip {
    width: 100%;
    font-family: serif;
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
}

/*NiB*/
.mekkishu_nib {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 50px;
}

.ttl_nib {
    width: 80%;
    padding-left: 30px;
    font-family: sans-serif;
    font-size: 23px;
    text-align: left;
    background-color: rgba(0, 0, 0, .3);
}

.d_nib {
    width: 100%;
    font-family: serif;
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
}

/*HCr*/
.mekkishu_hcr {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 50px;
}

.ttl_hcr {
    width: 80%;
    padding-left: 30px;
    font-family: sans-serif;
    font-size: 23px;
    text-align: left;
    background-color: rgba(138, 163, 185, .5);
}

.d_hcr {
    width: 100%;
    font-family: serif;
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
}

/*Cu*/
.mekkishu_cu {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 50px;
}

.ttl_cu {
    width: 80%;
    padding-left: 30px;
    font-family: sans-serif;
    font-size: 23px;
    text-align: left;
    background-color: rgba(254, 207, 141, .5);
}

.d_cu {
    width: 100%;
    font-family: serif;
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
}

/*Cu*/
.mekkishu_ee {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 50px;
}

.ttl_ee {
    width: 80%;
    padding-left: 30px;
    font-family: sans-serif;
    font-size: 23px;
    text-align: left;
    background-color: rgba(255, 247, 153, .5);
}

.d_ee {
    width: 100%;
    font-family: serif;
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
}


/*他*/
.other_mekki {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 50px;
}

.ttl_o_mekki {
    width: 80%;
    padding-left: 30px;
    font-family: sans-serif;
    font-size: 23px;
    text-align: left;
    background-color: rgba(255, 255, 255, .5);
}

.d_o_mekki {
    width: 100%;
    font-family: serif;
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
}

/*後処理*/
.other_atoshori {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 50px;
}

.ttl_o_ato {
    width: 80%;
    padding-left: 30px;
    font-family: sans-serif;
    font-size: 23px;
    text-align: left;
    background-color: rgba(255, 255, 255, .5);
}

.d_o_ato {
    width: 100%;
    font-family: serif;
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
}

/*膜圧*/
.other_makuatsu {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 50px;
}

.ttl_o_maku {
    width: 80%;
    padding-left: 30px;
    font-family: sans-serif;
    font-size: 23px;
    text-align: left;
    background-color: rgba(255, 255, 255, .5);
}

.d_o_maku {
    width: 100%;
    font-family: serif;
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
}



/*アクセス*/
.area_home_acc {
    width: 100%;
    align-items: center;
}

.area_home_acc>.container {
    width: 90%;
    margin: 20px;
    display: flex;
    flex-direction: column;
}

.area_home_acc>.container>.head_home {
    max-width: 100%;
    margin: 15px;
    padding: 0;
    border-bottom: solid 2px rgba(127, 204, 227);
}

.area_home_acc>.container>.head_home>.ttl {
    font-family: serif;
    font-size: 20px;
}

.area_home_acc>.container>.body_home {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.d_acc {
    display: flex;
    flex-direction: column;
}

.acc_map {
    width: 400px;
    height: 300px;
}

.acc_jusho {
    font-family: sans-serif;
    font-size: 22px;
}

.d_acc2 {
    margin-top: 10px;
    font-family: serif;
    font-size: 20px;
}


/*フッター*/
footer {
    width: 100%;
    margin: 0;
    background-color: white;
    text-align: center;
    padding: 15px 0;
}

footer>.p {
    padding: 0;
    margin: 0;
    color: black;
    font-size: 10px;
}


/*スマホ*/
@media (max-width: 600px) {
    a {
        color: #000;
        text-decoration: none;
    }

    ul {
        list-style: none;
    }

    html {
        scroll-behavior: smooth;
    }

    main {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .container {
        width: 100%;
        margin: 0;
        padding: 0 20px;
    }

    body {
        background-color: beige;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /*ヘッダー*/
    header {
        width: 100%;
        position: fixed;
        top: 0;
        margin: 0;
        padding: 0;
    }

    header>.container {
        height: 135px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        max-width: none;
        max-height: none;
        padding: 0;
        background-color: rgba(255, 2555, 255, .7);
    }

    /*ロゴ*/
    .area_logo_header {
        margin-top: 10px;
    }

    .area_logo_header>.logo {
        height: 12px;
        width: 62px;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }



    /*ヘッダーナビ*/
    .main_navi_top {
        display: flex;
        align-items: center;
        align-content: center;
        padding: 0;
        margin: 0;
    }



    .main_navi {
        display: flex;
        justify-content: space-between;
        margin: 0;
        padding: 0;
    }

    .li_m {
        font-family: sans-serif;
        font-size: 15px;
        border-right: 1px solid black;
        padding: 0 20px 0 0;
        margin: 0;
    }

    .li_h {
        font-family: sans-serif;
        font-size: 15px;
        border-right: 1px solid black;
        padding: 0 20px 0 0;
        margin: 0;
    }

    .li_o {
        font-family: sans-serif;
        font-size: 15px;
        padding: 0;
        margin: 0;
    }

    .main_navi>li {
        align-items: center;
        justify-content: center;
    }

    /*電話*/
    .denwa {
        background-color: rgba(127, 204, 227);
        height: 30px;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .denwalogo {
        height: 25px;
        width: 25px;
    }

    .denwa>h2 {
        color: white;
    }

    .denwa>p {
        font-family: sans-serif;
        font-size: 15px;
    }

    /*トップビュー*/
    .area_top_view {
        height: 800px;
        max-width: none;
        background: url(image/hp2_top_2.jpg) no-repeat center bottom;
        background-size: cover;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .area_top_view>.container {
        height: 800px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .area_top_view>.container>.home_d {
        background-color: rgba(255, 255, 255, .75);
        margin: 100px;
        padding: 30px 30px;
        display: flex;
        flex-flow: column;
        text-align: center;
    }

    .home_logo {
        border: 2px solid rgba(0, 0, 0, .3);
        margin: auto;
        height: 83px;
        width: 161px;
        padding: 40px;
    }

    .home_d>.ttl {
        margin: 40px 0 10px 0;
        font-size: 20px;
        font-family: serif;
        font-weight: bold;
        color: black;
    }

    .home_d>.home_about_1 {
        font-size: 18px;
        font-family: serif;
        font-weight: bold;
        color: black;
    }


    /*めっきについて*/
    .area_home_mekkinituite {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        padding: 0;   
    }

    .area_home_mekkinituite>.container {
        width: 90%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: auto;
        padding: 0;
    }

    .area_home_mekkinituite>.container>.head_home {
        width: 100%;
        border-bottom: solid 2px rgba(127, 204, 227);
    }

    .area_home_mekkinituite>.container>.head_home>.ttl {
        text-align: left;
        font-family: serif;
        font-size: 15px;
    }

    .area_home_mekkinituite>.container>.body_home {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: auto;
        padding: 0;
    }

    

    /*めっきとは*/

    .mekkitoha {
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-top: 50px;
        margin: auto;
        padding: 0;
    }

    .mekkitoha>.ttl_mekkitoha {
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: monospace;
        font-weight: bold;
        font-size: 18px;
    }

    .mekkitoha_d {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }

    .mekkitoha_d>.d1 {
        font-family: serif;
        font-size: 15px;
        justify-content: center;
        align-items: center;
        text-align: left;
        margin: 0;
    }

    .mekkizu {
        margin-right: 30px;
        width: 250px;
        height: 250px;
    }


    /*電気めっき*/

    .dennkim {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 100px 10px 0 10px;
    }

    .dennkim>.ttl_denkim {
        display: flex;
        justify-content: center;
        font-family: monospace;
        font-weight: bold;
        font-size: 18px;
    }

    .dennkim>.d2 {
        text-align: left;
        margin-top: 30px;
        font-family: serif;
        font-size: 15px;
    }


    /*クロムめっき*/
    .crm {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 100px 0 0 0;


    }

    .crm>.ttl_crm {
        display: flex;
        justify-content: center;
        font-family: monospace;
        font-weight: bold;
        font-size: 18px;
    }

    .crm>.d3 {
        width: 100%;
        margin: 30px 0 0 0;
        padding: 0;
        font-family: serif;
        font-size: 15px;
    }

    .cr_t {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    /*クロム表*/

    .makuatu {
        margin-top: 10px;
        width: 100%;
        text-align: left;
    }

    .maku {
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
    }

    .t_nicr_m {
        font-family: serif;
        font-size: 15px;
    }

    .t_nicr_m_n {
        font-family: serif;
        font-size: 15px;
    }

    .t_icr_m {
        font-family: serif;
        font-size: 15px;
    }

    .t_icr_m_n {
        font-family: serif;
        font-size: 15px;
    }

    .youto {
        margin-top: 10px;
        width: 100%;
        text-align: left;
    }

    .yoto {
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
    }

    .t_nicr_y {
        font-family: serif;
        font-size: 15px;
    }

    .t_nicr_y_n {
        font-family: serif;
        font-size: 15px;
    }

    .t_icr_y {
        font-family: serif;
        font-size: 15px;
    }

    .t_icr_y_n {
        font-family: serif;
        font-size: 15px;
    }

    .yobina {
        margin-top: 10px;
        width: 100%;
        text-align: left;
    }

    .yobi {
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
    }

    .t_nicr_yb {
        font-family: serif;
        font-size: 15px;
    }

    .t_nicr_yb_n {
        font-family: serif;
        font-size: 15px;
    }

    .t_icr_yb {
        font-family: serif;
        font-size: 15px;
    }

    .t_icr_yb_n {
        font-family: serif;
        font-size: 15px;
    }


    /*無電解めっきとは*/

    .mudennkai {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 100px 10px 0 10px;
    }

    .mudennkai>.ttl_mudennkai {
        display: flex;
        justify-content: center;
        font-family: monospace;
        font-weight: bold;
        font-size: 18px;
    }

    .mudennkai>.d4 {
        flex-wrap: wrap;
        margin-top: 30px;
        font-family: serif;
        font-size: 15px;
    }


    /*表面処理一覧*/
    .area_home_mekkishu {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 100px;
    }

    .area_home_mekkishu>.container {
        width: 90%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .area_home_mekkishu>.container>.head_home {
        width: 100%;
        border-bottom: solid 2px rgba(127, 204, 227);
    }

    .area_home_mekkishu>.container>.head_home>.ttl {
        text-align: left;
        font-family: serif;
        font-size: 15px;
    }s

    .area_home_mekkishu>.container>.body_home {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 0;
        padding: 0;
    }

    /*Ni*/
    .mekkishu_ni {
        margin: 0;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .ttl_ni {
        width: 80%;
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
        background-color: rgba(213, 141, 157, .5);
    }

    .d_ni {
        width: 100%;
        font-family: serif;
        font-size: 15px;
        text-align: left;
        margin-top: 20px;
    }

    /*Nicr*/
    .mekkishu_nicr {
        margin: 50px 0;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .ttl_nicr {
        width: 80%;
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
        background-color: rgba(132, 144, 200, .5);
    }

    .d_nicr {
        width: 100%;
        font-family: serif;
        font-size: 15px;
        text-align: left;
        margin-top: 20px;
    }

    /*NiP*/
    .mekkishu_nip {
        margin: 50px 0;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .ttl_nip {
        width: 80%;
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
        background-color: rgba(159, 202, 153, .5);
    }

    .d_nip {
        width: 100%;
        font-family: serif;
        font-size: 15px;
        text-align: left;
        margin-top: 20px;
    }

    /*NiB*/
    .mekkishu_nib {
        margin: 50px 0;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .ttl_nib {
        width: 80%;
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
        background-color: rgba(0, 0, 0, .3);
    }

    .d_nib {
        width: 100%;
        font-family: serif;
        font-size: 15px;
        text-align: left;
        margin-top: 20px;
    }

    /*HCr*/
    .mekkishu_hcr {
        margin: 50px 0;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .ttl_hcr {
        width: 80%;
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
        background-color: rgba(138, 163, 185, .5);
    }

    .d_hcr {
        width: 100%;
        font-family: serif;
        font-size: 15px;
        text-align: left;
        margin-top: 20px;
    }

    /*Cu*/
    .mekkishu_cu {
        margin: 50px 0;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .ttl_cu {
        width: 80%;
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
        background-color: rgba(254, 207, 141, .5);
    }

    .d_cu {
        width: 100%;
        font-family: serif;
        font-size: 15px;
        text-align: left;
        margin-top: 20px;
    }

    /*ee*/
    .mekkishu_ee {
        margin: 50px 0;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .ttl_ee {
        width: 80%;
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
        background-color: rgba(255, 247, 153, .5);
    }

    .d_ee {
        width: 100%;
        font-family: serif;
        font-size: 15px;
        text-align: left;
        margin-top: 20px;
    }


    /*他*/
    .mekkishu_other {
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .other_mekki {
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .ttl_o_mekki {
        width: 80%;
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
        background-color: rgba(255, 255, 255, .5);
    }

    .d_o_mekki {
        width: 100%;
        font-family: serif;
        font-size: 15px;
        text-align: left;
        margin-top: 20px;
    }

    /*後処理*/
    .other_atoshori {
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .ttl_o_ato {
        width: 80%;
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
        background-color: rgba(255, 255, 255, .5);
    }

    .d_o_ato {
        width: 100%;
        font-family: serif;
        font-size: 15px;
        text-align: left;
        margin-top: 20px;
    }

    /*膜圧*/
    .other_makuatsu {
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .ttl_o_maku {
        width: 80%;
        font-family: sans-serif;
        font-size: 17px;
        text-align: left;
        background-color: rgba(255, 255, 255, .5);
    }

    .d_o_maku {
        width: 100%;
        font-family: serif;
        font-size: 15px;
        text-align: left;
        margin-top: 20px;
    }


    /*アクセス*/
    .area_home_acc {
        width: 100%;
        align-items: center;
    }

    .area_home_acc>.container {
        width: 90%;
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    .area_home_acc>.container>.head_home {
        max-width: 100%;
        margin: o¥0px;
        padding: 0;
        border-bottom: solid 2px rgba(127, 204, 227);
    }

    .area_home_acc>.container>.head_home>.ttl {
        font-family: serif;
        font-size: 20px;
    }

    .area_home_acc>.container>.body_home {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .d_acc {
        display: flex;
        flex-direction: column;
    }

    .acc_map {
        width: 280px;
        height: 210px;
        margin: 10px 0;
        align-items: center;
        justify-content: center;
    }

    .acc_jusho {
        font-family: sans-serif;
        font-size: 18px;
    }

    .d_acc2 {
        margin-top: 9px;
        font-family: serif;
        font-size: 15px;
    }


    /*フッター*/
    footer {
        width: 100%;
        margin: 0;
        background-color: white;
        text-align: center;
        padding: 15px 0;
    }

    footer>.p {
        padding: 0;
        margin: 0;
        color: black;
        font-size: 10px;
    }
}