* {margin: 0; padding: 0;}
a {text-decoration: none; color: white;}

body {
/*    width: 1400px; */
    margin: 0 auto;
    /* padding-top: 0; */
}
nav {width: 100%;
    background-color: #263343;
}
.navbar {
    margin: 0 auto;
    width: 1200px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 8px 12px;
}

.navbar_logo {display: flex;flex: 2;font-size: 24px;align-items: center;}
/* .navbar .navbar_logo>img {width: 40px; padding-left: 20px;} */
.navbar .navbar_logo>a {margin-left: 10px;font-size: 32px; font-weight: 600; color: white;}
.navbar_menu {flex: 3; display: flex; /* float: right; */ justify-content: space-around; list-style: none; padding-left: 0; }
.navbar_menu li {padding: 8px 16px; }
.navbar_menu li:hover {background-color: #d49466; border-radius: 4px;}
.navbar_menu li a {font-size:  none; color: white;}

.navbar_toogleBtn {
    display: none; 
    position: absolute; right: 32px; font-size: 24px; color: #d49466;}

header {        margin: 0 auto;
    text-align: center; }
header .profile_title {background: url(../img/tool/title_bar_union.png);  width: 100%; text-align: center; height: 70px;}
header .profile_title h2 {font-size: 32px; text-align: center; line-height: 70px; color: white; letter-spacing: 7px;}

section {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    border: 1px solid #f1f8f1;
}

article { flex: 3;
}

article .top_greeting {padding: 10px 10px;}
article .top_greeting .title_bar_01
{background: url(../img/tool/title_bar.png); height: 50px; margin: 20px auto;}
article .top_greeting .title_bar_01 h2 {font-size: 24px; text-align: center; line-height: 50px; color: white;}
article .top_greeting .top_intro {margin: 0 auto;  padding: 10px 20px;}
article .top_greeting .top_intro img {float: left; padding-right: 20px; width: 150px; height: 200px;}
/* article .top_greeting .top_intro img {float: left; padding-right: 20px; width: 150px;} */

article .history {padding: 10px 10px;}
article .history .title_bar_02 {background: url(../img/tool/title_bar.png);  height: 50px; margin: 20px auto;}
article .history .title_bar_02 h2 {font-size: 24px; text-align: center; line-height: 50px; color: white;}
article .history .history_contents {padding: 10px 20px;} 
article .history .history_contents img {width: 100%; margin: 0 auto; } 

article .organization {padding: 10px 10px;}
article .organization .title_bar_03 {background: url(../img/tool/title_bar.png);  height: 50px; margin: 20px auto;}
article .organization .title_bar_03  h2 {font-size: 24px; text-align: center; align-items: center; line-height: 50px; color: white; }
article .organization .org_contents {display: flex; padding: 0 30px;}
article .organization .org_contents img {width: 25%; padding-right: 50px;}
article .organization .org_contents p {font-size: 16px;　}




footer {width: 100%; background-color: lightgray;}
footer .foot_content  {width: 1200px; margin: 0 auto;}
footer .foot_content h2 {padding: 10px 50px;}
footer .foot_content .footer_Main {display: flex; font-size: 16px; width: 100%; color: black;}
footer .foot_content .footer_address {flex: 2; text-align: left; padding: 10px 50px;}
footer .foot_content .footer_menu {display: flex; flex: 3; justify-content: space-around; padding: 5px 100px;}
footer .foot_content .footer_menu a {color: black;}
footer .footer_auth {background-color: darkgreen;　text-align: center; color: white;}
footer .footer_auth p {text-align: center; color: white;}

@media screen and (max-width: 768px) {
    body {margin: 0 auto;}
    nav { }
    .navbar {flex-direction: column;align-items: flex-start; padding: 8px 24px; width: 100%;}
    .navbar .navbar_logo>img {width: 20px; padding-left: 20px;}
    .navbar .navbar_logo>a {margin-left: 10px;font-size: 16px; font-weight: 600;}

    .navbar_menu {
        display: none; 
        flex-direction: column; align-items: center; width: 100%;}
    .navbar_menu li { text-align: center; padding: 0 24px;width: 100%;}
    /* toogle Menu 設定 */
    .navbar_toogleBtn {display: block;}
    /*    .navbar_toogleBtn img {width: 40px;}*/

    .navbar_menu.active {display: flex;}

    .back_image {display: none;}
    
/*
    .navbar {
        margin: 0 auto;
        width: 1200px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding: 8px 12px;
    }

    .navbar_logo {display: flex;flex: 2;font-size: 24px;align-items: center;}
    .navbar_menu {flex: 3; display: flex;  float: right;  justify-content: space-around; list-style: none; padding-left: 0; }
    .navbar_menu li {padding: 8px 16px;}
    .navbar_menu li:hover {background-color: #d49466; border-radius: 4px;}
    .navbar_menu li a {font-size: 20px;}
*/

    
    
    
    
    
    
    header {display: none;}

    section {width: 100%; margin: 0 auto;}
    aside {display: none;}

    footer {width: 100%;}
    footer .foot_content {width: 100%;}
    footer .foot_content .footer_Main {flex-direction: column;  text-align: center;}
    footer .foot_content .footer_address {text-align: center;}
    footer .foot_content .footer_menu {display: flex;
        flex-direction: column; align-items: center; }
    footer .foot_content .footer_menu a {color: #d49466;}
}