._sp {
		display: none!important;
}

@media screen and (max-width:768px){
	._sp {
		display: block!important;
	}
	
	._pc {
		display: none!important;
	}
	
	.sp-1column {
		flex-direction: column;
	}
	
	.sp-1column li,
	.sp-1column div {
		width: 100%!important;
	}
	
	.header {
    	display: none;
	}
	
	.main .header {
    	display: none;
	}
	
	.content-wapper {
    padding-top: 60px;
}
	
	.gray-bg {
    padding: 60px 0;
    margin-bottom: 40px;
}
	
	.head-tel {
		display: none;
	}
	
	.main #slider {
    margin-bottom: 15px;
}
	
	.main {
    margin-bottom: 20px;
}
	
	.head-top {
    padding: 15px 20px;
		position: fixed;
        z-index: 1;
        background: #fff;
}
	
	.head-top h1 {
		width: 220px;
	}
	
	.header.headerfixed {
    height: 50px;
}
	
	.head-menu {
		width: 50px;
		height: 50px;
	}
	.top-page .content-wapper {
    padding-top: 68px;
}

	
	.menu {
		right: 14px;
        top: 25px;
	}
	
	.headerfixed .menu {
        right: 14px;
        top: 15px;
    }
	
	.head-nav-box {
		gap: 15px;
	}
	
	.header h1 {
    width: 150px;
    margin-left: 10px;
}
	
	.header.headerfixed h1 {
    width: 120px;
		margin-left: 10px;
}
	
	.header p {
		font-size: 10px;
	}
	
	.menu__line--bottom.active {
    background: #fff;
}
	
	.menu__line--top.active {
    background: #fff;
}
	
	.gnav__menu__item a {
    font-size: 16px;
    font-weight: 600;
    padding: 10px;
}
	
	.slider-container h2 {
    width: 60%;
    margin: 0 auto 40px auto;
}
	
	.slider-container {
    width: 100%;
    height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
}
	
	.event-list ul {
    grid-template-columns: 1fr;
}
	
	.bt-style02 a {
    display: block;
    padding: 15px 25px;
    font-size: 13px;
    line-height: 1.4;
}
	
	.h-style01 {
    font-size: 18px;
}
	
	.top-homeplan-list {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
	
	.top-homeplan-list h3 {
    font-size: 16px;
    line-height: 1.4;
	}
	
	.top-homeplan-list p {
    line-height: 1.5;
    text-align: left;
}
	
	.bt-style01 li a {
    padding: 15px 25px;
    font-size: 13px;
}
	
	.results-list {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
	
	.page-head h1 {
    padding: 15px;
    top: 90%;
    font-size: 16px;
    line-height: 1.5;
}
	
	.page-head p {
    left: 0;
    top: 60%;
    font-size: 12px;
}
	
	.hp02,
	.hp03,
	.hp04,
	.hp05 {
		display: none;
	}
	
	.about-page .sec01 p {
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: left;
}
	
	.h-style02 {
    font-size: 20px;
}
	
	.h-style02 span {
    font-size: 24px;
    color: #4A959A;
}
	
	.pt100 {
    padding-top: 60px;
}
	
	.about-page .sec01 .arrow05 {
    width: 5px;
    margin: 0 auto;
}
	
	.about-page .sec02 .sec02-inner {
    padding: 30px;
}
	
	.about-page .sec02 .sec02-inner h3 span {
    font-size: 20px;
}
	
	.about-page .sec02 .sec02-inner.layout02 .img {
	order: 1;
}

.about-page .sec02 .sec02-inner.layout02 .text {
	order: 2;
}
	
	.footer {
    padding-top: 40px;
}
	
	.h-style03 {
    font-size: 18px;
    margin-bottom: 30px;
}
	
	.rc-page .sec02inner ul {
    grid-template-columns: 1fr 1fr;
    gap: 20px 20px;
    margin-bottom: 40px;
}
	
	.rc-page .sec02inner li {
    text-align: left;
    font-size: 13px;
}
	
	.rc-page .sec02inner li br {
		display: none;
	}
	
	.rc-page .sec03 h3 {
    padding: 20px 20px;
    font-size: 15px;
}
	
	.rc-page .sec03 p {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}
	
	.rc-page .sec02inner {
    padding-bottom: 50px;
}
	
	.about-page .sec02 .sec02-inner .img {
		margin-bottom: 20px;
	}
	
	.g-map {
		margin-bottom: 25px;
	}
	
	.event-page .event-list {
    grid-template-columns: 1fr;
}
	
	.event-disc {
    padding: 20px 0 50px 0;
}
	
	.event-point {
    background: #F5F4F5;
    padding: 10px 20px 30px 20px;
}
	
	.event-point h2 {
    font-size: 15px;
    padding: 10px 30px;
}
	
	.point-title {
    top: -25px;
}
	
	.footer .footer-access li a {
    padding: 15px 25px;
    text-align: center;
    font-size: 15px;
}
	
	.footer-tel {
		text-align: center;
	}
	
	.footer-bottom {
    flex-direction: column;
}
	
	.footer-bottom .sec01 {
    width: 100%;
    padding: 20px;
}
	
	
	.footer-bottom .sec02 {
    width: 100%;
    padding: 20px;
}
	
	.gnav__menu__item br {
		display: none;
	}
	
	.postNav a {
    padding: 6px 15px;
}
	
	
	.table-style01,
	.table-style01 tr,
	.table-style01 td,
	.table-style01 th,
	.table-style01 tbody {
		width: 100%;
		display: block;
	}
	
	table.table-style01 th {
    padding: 15px;
}
	
	table.table-style01 td {
    padding: 15px;
}
	
	.results-page-list {
    grid-template-columns: 1fr;
}
	
	.results-content {
    padding: 30px;
    margin-top: 40px;
}
	
	.results-content .event-icon {
    font-size: 12px;
    font-weight: bold;
}
	
	.results-content h1 {
    font-size: 20px;
}
	
	.results-content dl {
    font-size: 15px;
    margin-bottom: 40px;
    padding-bottom: 30px;
}
	
	.results-content .results-disc {
    margin-bottom: 30px;
    padding-bottom: 30px;
}
	
	.results-content .item {
    width: calc(100% / 2);
}
	
	.company-page .sec01 .sec01-inner {
    padding: 30px;
}
	
	.company-page .sec01-inner02 .text p {
    margin-bottom: 15px;
    font-size: 16px;
}
	
	.company-page .sec01-inner02 .text {
	order: 2;
}

	.contact-form {
    background: #F5F4F5;
    padding: 30px;
}

.company-page .sec01-inner02 .img {
	order: 1;
	margin-bottom: 25px;
}
	
	.h-style04 {
    font-size: 23px;
    margin-bottom: 40px;
}
	
	.company-page .sec01-inner02 .img p span {
    font-size: 12px;
}
	
	.company-page .sec01-inner02 .img p {
    text-align: right;
    font-size: 16px;
    margin-top: 10px;
}
	
	.c-tr {
   flex-direction: column;
		border-bottom: 1px solid #ddd;
		gap:10px;
	}
	
	.c-tr .title {
    width: 100%;
    font-size: 15px;
}
	
	.c-tr .box {
    width: 100%;
    border-left: none;
    padding-left: 0;
}
	
	.contact-form input[type="text"] {
	border: 1px solid #ccc;
	background: #eee;
}

.contact-form textarea {
	border: 1px solid #ccc;
	background: #eee;
}

.contact-form select {
	border: 1px solid #ccc;
	background: #eee;
}
	
	#content {
    padding: 40px 0;
}
	
	.news-list,
	.news-list tr,
	.news-list td,
	.news-list th,
	.news-list tbody {
		width: 100%;
		display: block;
	}
	
	.news-list th {
    padding: 20px 15px 0 15px;
}
	
	.news-list td {
    padding: 5px 15px 20px 15px;
}
	
	.pick-news {
	position: relative;
        right: 0;
        bottom: 0;
        z-index: 50;
        background: #fff;
        color: #333;
        border-radius: 0;
        padding: 30px 30px 0 30px;
        font-size: 13px;
}
	
	.slide-arrow.prev-arrow {
		right: -15px;
		z-index: 15;
	}
	
	.slide-arrow.next-arrow {
		left:-15px;
		z-index: 15;
	}
	
	.results-content #thumbnail-list {
    grid-template-columns: 1fr 1fr 1fr;
}
	
}