@charset "utf-8";


@media (max-width: 768px) {

.pc {
	display: none;
}

.sp {
	display: block;
}


/* -------------------------------
common
---------------------------------- */
body
{
	width: 100%;
	-webkit-text-size-adjust: 100%;
}

.in {
	width: 96%;
	overflow: hidden;
}

img {
	width: 100%;
}


/* -------------------------------
header
---------------------------------- */
  
/*-----20210313追加------*/

#header .common_header{
  height:15.25vh;
  /*background: url("./img/bg_header_sp.png") no-repeat 50% 0;*/
  width:100%;
  background-size: 100%;
}

#header .common_header figure{
  position: absolute;
  top:10px;
  left:5%;
  width: 22.667vw;
}
  
/*-----20210313 end------*/
  
#header .in {
	width: 100%;
	height: auto;
}

#header .header_title {
	width: 80%;
	height: auto;
	margin-left: 2%;

	position: static;
}

#header nav {
	margin-bottom: 30px;

	position: static;
}

#header nav ul li {
	float: none;
	margin-bottom: 10px;
}

#header nav ul li a {
	width: 100%;
	height: 45px;
	line-height: 45px;
	border-right: 0;
}

#header nav ul li.branch a {
	width: 100%;
}

#header nav ul li.memberlist a {
	width: 100%;
}

#header .contact {
	margin-bottom: 20px;
	text-align: center;

	position: static;
}

#header .contact a {
	margin-bottom: 10px;
  color:#000;
}

#header .search {
	margin: 0 auto;
  border: 1px solid #434343;
	position: static;
  width:80%;
  height:auto;
  padding:5px;
}

/* -------------------------------
sp_menu
---------------------------------- */
#sp_menu {
	padding: 10px 2% 50px 2%;
	/*background: url("./img/sp_bg_menu.png") repeat left top;*/
  background: #fff;
  position: relative;
  z-index: 1000;
  background: #fff;
}

#sp_btn_menu {
	display: block;
	width: 37px;
	max-width: 15%;
	height: 26px;
	z-index: 9999;
	text-indent: -100px;
	overflow: hidden;
	background: url("./img/sp_btn_menu.png") no-repeat left top;

	position: absolute;
	top: 10px;
	right: 2%;
}

#sp_btn_menu.close {
	background-image: url("./img/sp_btn_menu_close.png");
} 


/* -------------------------------
footer
---------------------------------- */
#footer nav {
	/*margin-bottom: 10px;*/
}

#footer nav ul li {
	margin: 0 10px 10px 10px;
}

#footer .copy span {
	display: block;
	margin-bottom: 5px;
}

#footer .btn_top {
	right: 2%;
}

/*-----20210313追加------*/

  #footer .common_footer {
    background: url(./img/foot_common.png) no-repeat left bottom;
    height: 16.125vh;
    background-size: 100%;
    display: block;
}
  
  #footer .common_footer .f_wrap,
  #footer nav,
  #footer nav ul,
  #footer .common_footer p{
    width:100%;
    display: block;
    margin-top: 0;
  }
  
  #footer .common_footer p span{
    display: block;
  }
  
  #footer nav ul li a{
    color:#000;
    font-size: 0.8em;
  }


/* -------------------------------
home_photo
---------------------------------- */
#home_photo .in {
	width: 100%;
}

#home_photo .catch_copy {
	width: 96%;
	margin: 10px auto 0 auto;
}


/* -------------------------------
home_link
---------------------------------- */
#home_link .in {
	width: 100%;
}

#home_link .home_link {
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 20px 0;
}

#home_link .home_link .txt {
	width: 60%;
	height: auto;
}


/* -------------------------------
home_sumuz
---------------------------------- */
#home_sumuz .in {
	width: 100%;
}


/* -------------------------------
home_news
---------------------------------- */
#home_news .news {
	float: none;
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}

#home_news .facebook {
	float: none;
	width: 100%;
	padding: 0;
	text-align: center;
}

#home_news .news .more {
	position: absolute;
	top: 10px;
	left: auto;
	right: 10px;
}

#home_news .news dl dt {
	float: none;
	width: auto;
	padding: 0 5px;
	margin-bottom: 10px;
}

#home_news .news dl dd {
	padding: 0 5px 20px 5px;
}

/* -------------------------------
home_news
---------------------------------- */
#home_study {
	padding: 0;
	background-color: transparent;
}

#home_study .home_study {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 0 15px 0;
}

#home_study .home_study:nth-last-child(1) {
	margin-bottom: 0;
}


/* -------------------------------
home_banner
---------------------------------- */
#home_banner .in {
	width: 100%;
}

#home_banner .home_banner_btn {
	width: 10%;
}

#home_banner .home_banner_scroll {
	width: 80%;
}


/* -------------------------------
page_article
---------------------------------- */
.page_article header .in {
	width: 100%;
	height: auto;
}

.page_article header h1 {
	width: 50%;
	height: auto;
	line-height: 1.2em;
	margin-left: 2%;
	padding: 30px 5%;
}


/* -------------------------------
page_section
---------------------------------- */
.col_02 .page_section .content {
	float: none;
	width: 100%;
	margin-bottom: 50px;
}

.col_02 .page_section .side {
	float: none;
	width: 100%;
}


/* -------------------------------
page_section detail
---------------------------------- */
.page_section .content .detail table th {
	width: 40%;
	padding: 10px;
}

.page_section .content .detail table td {
	padding: 10px;
}
  
  /*-----------
講習会ページのみ適用
---------------------*/
.page_section .content .detail .kensyukai table th{
  width:auto;
}


/* -------------------------------
page_section list
---------------------------------- */
.page_section .content dl.list dt {
	float: none;
	width: auto;
	margin-bottom: 10px;
}

.page_section .content dl.list dd {
	padding-left: 0;
}


/* -------------------------------
memberlist_condition
---------------------------------- */
.page_section .content .memberlist_condition {
	width: 100%;
}













}/* end @media (max-width: 768px) */