@charset "utf-8";
@media all and (max-width : 1024.9999px) {

	/*--------------------------------------------

共通 CSS

--------------------------------------------*/
	body {
		font-size: 1.4rem;
	}

	.for_pc {
		display: none !important;
	}

	.for_tab {
		display: block;
	}

	/*--------------------------------------------

	共通 CSS

--------------------------------------------*/
	.ggmap,
	.youtube {
		padding-top: 36.25%;
	}

	.secInner {
		max-width: 100%;
	}

	.under__mv-bg {
		width: 100%;
		padding-top: 38.57%;
		margin-top: 160px;
	}

	.under__mv-ttlBox {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top: 4.2%;
		font-size: 1.6rem;
		padding: 0 5%;
	}

	.under__mv-ttl-eng {
		font-size: 3.2rem;
	}

	.under__mv-ttl-jpn {
		margin-left: 0;
	}

	.common__ttl-eng {
		font-size: 3.2rem;
	}

	.common__ttl-jpn {
		font-size: 1.8rem
	}

	.plane01 {
		font-size: 1.6rem;
	}

	.common__btn01 {
		font-size: 1.8rem;
	}

	.floating__contact {
		width: 150px;
		height: 150px;
	}

	.common__cat-label {
		font-size: 1.3rem;
	}

	/*--------------------------------------------

	HEADER

--------------------------------------------*/
	.header__inner {
		display: flex;
		flex-direction: column;
	}

	.header__top {
		flex-direction: column;
		width: 100%;
		font-size: 1.4rem;
		height: auto;
		background: rgba(43, 147, 225, 0.5);
	}

	.header__inner.active .header__top {
		background: rgba(43, 147, 225, 0.5);
	}

	.header__top-logoBox {
		width: 100%;
		height: 80px;
	}

	.header__logo img {
		width: 226px;
	}

	.header__logo a {
		height: auto;
		padding: 26px 0 26px 40px;
		display: block;
	}

	.header__top-info {
		width: 100%;
		justify-content: flex-start;
		color: #fff;
		padding: 10px 0 10px 40px;
		padding-right: 0;
		background: rgba(52, 145, 56, 0.5);
	}

	.header__top-tel {
		font-size: 4rem;
	}

	.header__top-tel a {
		color: #fff;
		padding-left: 1.4em;
		background: url("../image/hd-rel-icon.svg") no-repeat center left;
		background-size: 36px;
	}

	.header__top-hour {
		font-size: 1.4rem;
	}

	.header__top-contact {
		display: none;
	}

	.header__top-contact a {
		background-color: #349138;
		display: block;
		padding: 3.3em 1em;
		box-sizing: border-box;
		height: 100px;
	}

	.header__bottom {
		width: 100%;
		margin-left: 0;
		font-size: 1.35rem;
		letter-spacing: 0.1em;
		justify-content: space-between;
		align-items: flex-end;
	}

	.global__navi-inner {
		padding: 28% 8.2%;
	}

	.global__navi-list {
		flex-direction: column;
		font-size: 2.8em;
	}

	.global__navi-item {
		padding-bottom: 0;
	}

	.global__navi-item:not(:last-child) {
		margin-right: 0;
		margin-bottom: 1.75em;
	}

	.global__navi-item a {
		display: flex;
		align-items: center;
	}

	.global__navi-item a::after {
		display: none;
	}

	.global__navi-item a:hover::after {
		display: none;
	}

	.global__navi-item-eng {
		font-size: 1.8rem;
		font-weight: 500;
		letter-spacing: 0.18em;
		padding-left: 1.2em;
	}

	.drawer-hamburger {
		width: 80px;
		height: 80px;
		background-color: #349138;
		padding: 24px;
		top: 0;
	}

	.drawer--right .drawer-nav {
		right: -100%;
	}

	.drawer-nav {
		width: 100%;
	}

	.drawer--right.drawer-open .drawer-hamburger {
		right: 0;
	}

	.drawer-hamburger-icon,
	.drawer-hamburger-icon:before,
	.drawer-hamburger-icon:after {
		height: 4px;
	}

	.drawer-hamburger-icon:before {
		top: -12px;
	}

	.drawer-hamburger-icon:after {
		top: 12px;
	}

	.drawer-open .drawer-hamburger-icon {
		background-color: transparent;
	}

	.drawer--right.drawer-open .drawer-nav,
	.drawer--right .drawer-hamburger,
	.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
		background: #349138;
	}

	.drawer-nav {
		height: 100%;
		background: #349138;
		top: 0;
	}

	.drawer-menu {
		background: #349138;
		width: 100%;
		margin-left: 0;
	}

	/*============================
#Googlemap
============================*/
	.ggmap__inner iframe {
		height: 340px;
	}

	/*============================
#footer
============================*/
	#footer {
		padding: 10.2% 0 9.2%;
	}

	.ft__inner {
		max-width: 100%;
		flex-direction: column;
		justify-content: center;
	}

	.footer__info {
		width: 100%;
		margin-right: 0;
		text-align: center;
	}

	.footer__info-address {
		font-size: 1.6rem;
		margin-top: 0;
	}

	.footer__info-company {
		font-size: 2.6rem;
		line-height: 2.2;
		padding: 0;
	}

	.footer__info-company:after {
		display: none;
	}

	.footer__info-hour {
		font-size: 1.8rem;
		margin-top: 1.5em;
	}

	.footer__info-notes {
		font-size: 1.4rem;
	}

	.footer__info-tel {
		font-size: 5.5rem;
	}

	.footer__info-tel-icon:after {
		top: 0.1em;
	}

	.footer__info-tel-icon {
		padding-left: 1.3em;
	}

	.ft__navi-list {
		display: none
	}

	.ft__navi__other-list {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-bottom: 3.5%;
	}

	.ft__navi__other-item {
		font-size: 1.4rem;
	}

	.ft__navi__other-icon {
		padding-left: 3.2em;
	}

	.footer__info-copy {
		font-size: 1.4rem;
		width: 100%;
	}

	/*============================
#top__mv
============================*/
	.top__mv {
		margin-top: 160px;
	}

	.top__mv-catch {
		width: 100%;
		top: 22%;
	}

	.top__mv-text01,
	.top__mv-text02 {
		font-size: 3.2rem;
	}

	/*============================
#top__concept
============================*/
	.top__concept-secInner {
		max-width: 100%;
		padding: 0;
	}

	.top__concept-imgBox {
		width: 90%;
	}

	.top__concept-textBox {
		width: 80%;
		font-size: 1.6rem;
		padding: 3.6em 3em;
		margin-left: 20%;
	}

	.top__concept-ttl-jpn {
		font-size: 3.2rem;
	}

	/*============================
#top__works
============================*/
	.top__works-ttlBox {
		margin-bottom: 4.5%;
	}

	.top__works-hover-catch {
		font-size: 1.5rem;
		font-weight: normal;
	}

	.top__works-hover-value {
		font-size: 1.4rem;
		margin-top: 0.5em;
	}

	.top__works-item-hoverBox {
		opacity: 1;
		height: auto;
		top: inherit;
		bottom: 0;
		padding: 1em 1.3em;
		box-sizing: border-box;
		display: block;
		text-align: left;
	}

	.top__works-hover-btn {
		display: none;
	}

	.top__works-btn01 {
		margin: 2.9em auto 0;
	}

	/*============================
#top__service
============================*/
	.top__service-ttlBox {
		margin-bottom: 3.7%;
	}

	.top__service-item {
		width: 32%;
		font-size: 1.6rem;
		padding: 1.6em 1.4em;
	}

	.top__service-item:not(:last-child) {
		margin-right: 2%;
	}

	.top__service-label {
		font-size: 2rem;
	}

	.top__service-txt {
		font-size: 1.6rem;
	}

	/*============================
#top__flow
============================*/
	#top__flow {
		padding: 7.1% 0 5%;
	}

	.top__flow-secInner {
		padding: 0;
	}

	.top__service-ttlBox {
		margin-bottom: 5.7%;
		padding: 0 5%;
	}

	.top__flow-list-bg {
		padding: 5% 5% 10% 5%;
	}

	.top__flow-top {
		padding: 3.8% 3.8% 5.3%;
		margin-bottom: 8.4%;
	}

	.top__flow-item:not(:last-child) {
		margin-bottom: 9.5%;
	}

	.top__flow-item-number {
		font-size: 4rem;
	}

	.top__flow-item-catch {
		font-size: 1.8rem;
	}

	.top__flow-lead {
		font-size: 3.2rem;
	}

	/*============================
#top__banner
============================*/
	.top__banner-inner {
		flex-direction: column;
	}

	.top__banner-imgBox {
		width: 100%;
		padding-top: 80%;
	}

	.top__banner-textBox {
		width: 100%;
		font-size: 1.6rem;
		padding: 5%;
		box-sizing: border-box;
	}

	.top__banner-tetx-mid {
		font-size: 1.4rem;
	}

	.top__banner-mid-small {
		font-size: 1.4rem;
	}

	/*============================
#about__mv
============================*/
	.about__mv-bg {
		background-image: url("../image/about-mv.jpg");
	}

	/*============================
#about__kenis
============================*/

	.about__kenis-wrap {
		padding-top: 5.8%;
		display: flex;
		background-color: #349138;
		padding: 3.5% 3.5% 8%;
		box-sizing: border-box;
		flex-direction: column;
	}

	.about__kenis-Inner {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 5%;
	}

	.about__kenis-imgBox {
		width: 100%;
		height: auto;
		position: inherit;
		z-index: 1;
	}

	.about__kenis-textBox {
		width: 100%;
		margin-left: 0;
		background: transparent;
		font-size: 1.8rem;
		padding: 0;
		margin-top: 1.5em;
	}

	.common__about-ttl-eng {
		font-size: 3.2rem;
	}

	.common__about-ttl-jpn {
		font-size: 2rem;
	}

	/*============================
#about__message
============================*/
	#about__message {
		padding: 5% 0 3.5%;
	}

	.about__message-wrap {
		flex-direction: column;
		background: #eee;
		padding: 3.5% 3.5% 8%;
		box-sizing: border-box;
		flex-direction: column-reverse;
	}

	.about__message-textBox {
		width: 100%;
		background: transparent;
		padding: 0;
	}

	.about__message-imgBox {
		width: 100%;
		margin-top: 0;
		margin-bottom: 3.8%;
	}

	/*============================
#about__cafe
============================*/
	#about__cafe {
		padding: 3.5% 0 5%;
	}

	.about__cafe-wrap {
		position: relative;
		align-items: flex-end;
		flex-wrap: wrap;
		background: #e7db1a;
		padding: 3.5% 3.5% 8%;
	}

	.about__cafe-imgBox01 {
		width: 100%;
	}

	.about__cafe-imgBox01:after {
		display: none;
	}

	.about__cafe-imgBox02 {
		display: none;
	}

	.about__cafe-textBox {
		width: 100%;
		font-size: 1.6rem;
		padding: 0;
		background: transparent;
		margin-top: 1.5em;
	}

	.about__cafe-ttl-eng {
		font-size: 3.2rem;
	}

	/*============================
#company__profile
============================*/
	#company__profile {
		padding-bottom: 8%;
	}

	.company__profile-secInner {
		padding: 0;
	}

	.company__profile-bg {
		padding: 10.6% 5%;
	}

	.company__profile-list {
		font-size: 1.6rem;
		margin-top: 3.6%;
	}

	/*============================
#works__cts
============================*/

	.works__cts-overview-slider.slick-dotted.slick-slider {
		margin-bottom: 170px !important;
	}

	.works__cts-slide-arrow-wrap .slick-prev {
		left: -24px;
	}

	.works__cts-slide-arrow-wrap .slick-next {
		right: -24px;
	}

	.works__cts-slide-arrow-wrap .slick-prev:before,
	.works__cts-slide-arrow-wrap .slick-next:before {
		width: 16px;
		height: 16px;
	}

	.works__cts-plane {
		margin-top: 1.9em;
	}

	/*============================
#works__achievement
============================*/
	.works__achievement-item {
		width: 49%;
	}

	.works__achievement-item:not(:nth-child(3n)) {
		margin-right: 0;
	}

	.works__achievement-item:not(:nth-child(2n)) {
		margin-right: 2%;
	}

	.works__achievement-item:nth-child(n + 4) {
		margin-top: 0;
	}

	.works__achievement-item:nth-child(n + 3) {
		margin-top: 5%;
	}

	.works__achievement-textBox {
		width: 100%;
		font-size: 1.5rem;
		position: absolute;
		left: 0;
		bottom: 0;
		background: rgba(3, 92, 6, 0.6);
		color: #fff;
		padding: 0.8em;
		box-sizing: border-box;
	}

	.works__achievement-ttl {
		font-weight: normal;
	}

	.works__achievement-place {
		font-size: 1.4rem;
	}

	/*============================
#contact__form
============================*/
	#contact__form {
		padding: 8.4% 0 12%;
		border: 0;
	}

	.contact__mv-ttlBox {}

	.contact__form-secInner {
		max-width: 100%;
	}

	.contact__form-item {
		flex-direction: column;
	}

	.contact__form-field {
		width: 100%;
		margin-right: 0;
		justify-content: flex-start;
		margin-bottom: 1em;
	}

	.contact__form-check-field {
		width: 100%;
	}

	.contact__form-value {
		width: 100%;
	}

	.contact__form textarea {
		height: 160px;
	}

	.contact__form-bottom {
		margin-top: 8.4%;
	}

	.privacy__policy-ttlBox {
		margin-bottom: 4.2%;
	}

	.privacy__policy-ttl-eng {
		font-size: 3rem;
	}

	.privacy__policy-ttl-jpn {
		font-size: 1.6rem;
	}

	.praivacypolicy-agree {
		margin-bottom: 2.8em;
	}

	.contact__form-submit_btn {
		margin: 2.8em auto 0;
	}
}