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

/* ---------header------------ */
.header_content {
    width: auto;
    margin: 0 20px;
}
#gNavi a {
    padding: 0 12px;
}
/* ---------TOP------------ */
.section_wrapper {
    width: auto;
    padding: 40px 40px 0;
}
/* ---------記事一覧------------ */

.common-page-main .section_wrapper {
width: auto;
}
.common_list_container {
    padding: 0px;
}

/* ---------footer------------ */
.footer-main{
	display: block;
}
.footer-list {
    width: auto;
}
#footerLogo{
	margin-bottom: 40px;
}

}


@media screen and (max-width: 839px){
h1{
    font-size: 1.6rem;
}
.h1_en{
    font-size: 0.8rem;
}
.title_container h1, .members_title_item h1 {
    font-size: 2.4rem;
}
h2{
    font-size: 1.6rem;
}
#main h2{
    font-size: 2.4rem;
}
.tabList_button {
    font-size: 1.6rem;
}
.display_pc{
    display: none;
}
/* ---------header ハンバーガーメニューへ置換後消す------------ */
.header-nav{
    display: none;
}

/* #gNavi a {
    padding: 0px;
}
#gNavi a {
    width: 100%;
} */




/*==================================
            menuToggle
==================================*/
#menuToggle {
	position: absolute;
    background-color: #0B7D6B;
    border-radius: 8px;
    display: block;
    padding: 12px 6px 6px 6px;
    top: 20px;
    right: 0px;
    z-index: 100;
    -webkit-user-select: none;
    user-select: none;
}

#menuToggle input {
    display: block;
    width: 40px;
    height: 26px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0; /* hide this */
    z-index: 102; /* and place it over the hamburger */
    -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle .line1{
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: #fff;
/* 	border-radius: 3px; */
	z-index: 101;
	transform-origin: 4px 0px;
	-ms-transform-origin: 4px 0px; /* IE 9 */
	-webkit-transform-origin: 4px 0px; /* Safari and Chrome */
	-moz-transform-origin: 4px 0px; /* Firefox */
	-o-transform-origin: 4px 0px; /* Opera */

	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				opacity 0.55s ease; /* Firefox 4 */
	-moz-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				opacity 0.55s ease;
	-webkit-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				opacity 0.55s ease; /* Safari and Chrome */
	-o-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				opacity 0.55s ease; /* Opera */
}
#menuToggle span:first-child {
	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%; /* IE 9 */
	-webkit-transform-origin: 0% 0%; /* Safari and Chrome */
	-moz-transform-origin: 0% 0%; /* Firefox */
	-o-transform-origin: 0% 0%; /* Opera */
}

#menuToggle span:nth-last-child(2) {
	transform-origin: 0% 100%;
	-ms-transform-origin: 0% 100%; /* IE 9 */
	-webkit-transform-origin: 0% 100%; /* Safari and Chrome */
	-moz-transform-origin: 0% 100%; /* Firefox */
	-o-transform-origin: 0% 100%; /* Opera */
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	-moz-transform: rotate(45deg) translate(-2px, -1px); /* Firefox 4 */
	-webkit-transform: rotate(45deg) translate(-2px, -1px); /* Safari and Chrome */
	-o-transform: rotate(45deg) translate(-2px, -1px); /* Opera */
	background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
	-moz-transform: rotate(0deg) scale(0.2, 0.2); /* Firefox 4 */
	-webkit-transform: rotate(0deg) scale(0.2, 0.2); /* Safari and Chrome */
	-o-transform: rotate(0deg) scale(0.2, 0.2); /* Opera */
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
	opacity: 1;
	transform: rotate(-45deg) translate(0, -1px);
	-moz-transform: rotate(-45deg) translate(0, -1px); /* Firefox 4 */
	-webkit-transform: rotate(-45deg) translate(0, -1px); /* Safari and Chrome */
	-o-transform: rotate(-45deg) translate(0, -1px); /* Opera */
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
	position: absolute;
    width: 100vw;
	height: 100vh;
/* 	width: 430px; */
	margin: -100px 0 0 0;
	padding: 50px 0px;
	padding-top: 110px;
	right: -10px;
	background: #F2F2F2;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	/* to stop flickering of text in safari */
	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%; /* IE 9 */
	-webkit-transform-origin: 0% 0%; /* Safari and Chrome */
	-moz-transform-origin: 0% 0%; /* Firefox */
	-o-transform-origin: 0% 0%; /* Opera */
	transform: translate(100%, 0);
	-moz-transform: translate(100%, 0); /* Firefox 4 */
	-webkit-transform: translate(100%, 0); /* Safari and Chrome */
	-o-transform: translate(100%, 0); /* Opera */
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	-moz-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); /* Firefox 4 */
	-webkit-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); /* Safari and Chrome */
	-o-transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); /* Opera */
}
#menu li h4 {
    padding: 10px 0 5px 20px;
    color: 
    #113D96;
    background-image: url(../img/page_top_bg.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 7px auto;
}
#menu li.business ul li {
    background-image: none;
}
#menu li.business {
    padding: 0;
    background-image: none;
}
.hum-show #menu {
	overflow-y: scroll;
}
.hum-show {
	position: fixed;
	opacity:0.4;
    
}
.menu-eg{
    font-weight: bold;
}
.menu-jp{
    font-size: 12px;
}
#menu .menu-title{
	margin:0;
    padding: 12px 40px 12px 20px;
    font-size: 18px;
    background-size: 7px auto;
	border-bottom:1px solid #C7C7C7;
}
#menu .last-menu{
	border: none;
}
#menu .menu-title a {
	color: #000;
    text-decoration: none;
    display: inline;
}
#menu .menu-works{
    font-size: 16px;
	padding: 0 30px 0;
    border-bottom: 1px solid #C7C7C7;
	width: 80%;
}
.btn-ico-mail{
	width: 110px;
}
.menu-btn{
	margin: 20px 100px 0;
}
#menu .btn-ico-mail a{
    color: #fff;
    width: 100px;
    font-weight: bold;
    
}
.menu-bottom{
	display: flex;
}
.menu-bottom .menu-title a{
	font-size: 14px;
	padding-right: 0px;
}
#menu .menu-bottom li{
	border: none;
	padding: 10px 20px 0 10px;
	width: auto;
}
#menuToggle input:checked ~ ul {
	transform: scale(1.0, 1.0);
	-ms-transform: scale(1.0, 1.0); /* IE 9 */
	-webkit-transform: scale(1.0, 1.0); /* Safari and Chrome */
	-o-transform: scale(1.0, 1.0); /* Opera */
	-moz-transform: scale(1.0, 1.0); /* Firefox */
	opacity: 1;
}
#humberger-menu {
	top:0px;
	right:10px;
	z-index:99999;
	position:fixed;
	transition : .3s;
	-moz-transition: .3s; /* Firefox 4 */
	-webkit-transition: .3s; /* Safari and Chrome */
	-o-transition: .3s; /* Opera */
	display:block;
    text-transform:uppercase;
}
.menu-off {
	position: fixed;
}

/* ---------お知らせエリア全体------------ */
.post {
    padding: 12px 0;
}
.categories a {
    font-size: 1rem;
}
/* ---------当医会について------------ */
.kaityou_container {
    flex-flow: wrap-reverse;
}
.kaityou_items {
    margin: 0;
    margin-bottom: 20px;
}
/* ---------ログインフォーム------------ */
.div_text input, .wpcf7-form-control-wrap input, textarea, select {
	width: calc(100vw - 80px);
}
/* ---------お問い合わせフォーム------------ */
.kojinnjyouhou_container{
    width: calc(100vw - 80px);
}

/* ---------header------------ */
.header_content{
    display: block;
}
.header_content h1 {
    text-align: center;
}
.header_items{
    padding: 12px 0;
    justify-content: center;
}
#headerIn {
    height: 80px;
}
/* ---------TOP------------ */
.post {
display: block;
}
.date_container {
width: auto;
}
.news_title {
    padding: 0px;
}


/* ---------全員討論まとめページ------------ */

.section_container{
    display: block;
}
#sidebar{
    width: 100%;
}


/* ---------記事一覧------------ */
.tab_menu.postList_tab {
    margin: 40px 0px 20px;
}


/* --------会員ページ------------ */
.members_container img{
    width: 160px;
    height: auto;
}
.members_container {
    height: 260px;
}

.menu_btn_container{
	width: 140px;
}
.center_btn{
	margin: 0 20px;
}

/* ---------footer------------ */
/* .footer-list__item1 { 
	grid-area: 1 / 1 / 2 / 2; 
}
.footer-list__item3 { 
	grid-area: 2 / 1 / 3 / 2; 
}
.footer-list__item4 { 
	grid-area: 2 / 2 / 3 / 3; 
}
.footer-list__item5 { 
	grid-area: 3 / 1 / 4 / 2; 
}
.footer-list__item6 { 
	grid-area: 3 / 2 / 4 / 3; 
}
 */


/* ---------footer------------ */
.footer-list__item1 { grid-area: 1 / 1 / 2 / 2; }
.footer-list__item2 { grid-area: 2 / 1 / 3 / 2; }
.footer-list__item3 { grid-area: 3 / 1 / 4 / 2; }
.footer-list__item4 { grid-area: 2 / 2 / 3 / 3; }
.footer-list__item5 { grid-area: 3 / 2 / 4 / 3; }
.footer-list__item6 { grid-area: 1 / 2 / 2 / 3; }




}


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

body {
    font-size: 1.2rem;
}
.btn_primary, .button_div .buttons {
    padding: 8px 40px;
    color: #fff;
    font-size: 1.6rem;
}

/* ---------TOP------------ */
.section_wrapper{
    padding: 40px 20px 0;
    }
    
.main_text_en {
    font-size: 1.2rem;
}
#mainimg p {
    font-size: 1.6rem;
    margin-top: 8px;
}
.main_text {
    width: 100%;
}
#main h2{
    font-size: 2.4rem;
}

.tabList_button {
    font-size: 1.6rem;
}
span.categories a {
    padding: 2px 16px;
}
.news_title {
    padding-top: 4px;
}

/* ---------footer------------ */
#footer-sub-Links {
    padding: 40px 8px;
}
#footer-sub-Links li {
    padding: 0 8px;
}
.pageTop img{
    height: 56px;
}

.footer-main{
	margin: 0 20px;
	padding: 20px 0;
}
#footer-sub-Links{
	padding: 0 8px 20px;
}
.footer-list__child {
    margin: 12px 0 0 4px;
}
/* ---------ABOUT------------ */
.committee{
	width: auto;
}
.committee-container{
	display: block;
}
/* ---------ログインフォーム------------ */
.div_text input, .wpcf7-form-control-wrap input, textarea, select {
	width: calc(100vw - 40px);
}
/* ---------お問い合わせフォーム------------ */
.kojinnjyouhou_container{
    width: calc(100vw - 40px);
}

/* --------会員ページ------------ */
.members_menu_item ul{
	display: block;
	text-align: -webkit-center;
}
.members_menu_item li{
	margin: 20px 0;
}
.menu_btn_container {
    width: 220px;
}
.members_container img {
    width: 120px;
}


}