@charset "UTF-8";
/* CSS Document */





/* ====================================================================
	Ipad Pro 1024px > 
==================================================================== */


/* ---------------------------------------------------
	Top
--------------------------------------------------- */

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

	/* COMMON */

	.inner {
		max-width: 96%;
	}


	/* TOP */

	.top-news-single {
		width: 80%;
	}

	.home .invoice-section {
		width: 96%;
	}	

}




/* ====================================================================
	Ipad 768px > 
==================================================================== */


/* ---------------------------------------------------
	Top
--------------------------------------------------- */

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

	/* COMMON */

	body {
		font-size: 16px;
	}

	.for-pc {
		display: none;
	}

	.for-sp {
		display: block;
	}

	.inner {
		max-width: 90%;
	}


	/* HEADER */

	.header {
		width: 100%;
		height: 90px;
		background: #fff;
		position: relative;
	}

	.logo {
		width: 36%;
		height: 90px;
		display: flex;
	    align-items: center;
	    padding-left: 2%;
	    box-sizing: border-box;
	}

	.logo a {
		display: block;
	}

	.logo img {
		width: 100%;
	}

	#menuBtn {
		position: absolute;
		right: 0;
		top: 0;
		width: 90px;
		height: 90px;
		background: #248812;
		cursor: pointer;
	}

	#menuBtn i {
		display: block;
	    width: 100%;
	    height: 100%;
	    line-height: 90px;
	    text-align: center;
		font-size: 2rem;
		color: #fff;
	}


	/* SP-MENU用 */

	#sp-nav {
		display: none;
	}

	#sp-subnav {
		display: none;
	}

	#sp-subnav2 {
		display: none;
	}

	#sp-subnav3 {
		display: none;
	}

	#sp-nav {
		position: absolute;
		right: 0;
		top: 90px;
		width: 80%;
		z-index: 3;
	}

	#sp-nav ul li {
		overflow: hidden;
		color: #fff;
		width: 100%;
		padding: 5%;
		box-sizing: border-box;
		display: block;
		background: #248812;
		border-bottom: 1px solid #49b138;
		box-sizing: border-box;
	}

	#sp-nav ul li i {
		float: right;
		line-height: 20px;
	}

	#sp-nav ul li a {
		color: #fff;
		display: block;
		width: 100%;
		background: #248812;
	}

	#sp-nav ul li ul li {
		border-bottom: none;
	}

	#sp-nav #sp-subnav {
		border-top: none;
		margin-top: 4%;
	}

	#sp-nav #sp-subnav li {
		border-bottom: none;
	}

	.top-service-single h3 + p {
		margin-bottom: 28%;
	    line-height: 2;
	    letter-spacing: .1em;
	    font-size: .8rem;
	}


	/* TOP */

	.top-news-single {
		width: 100%;
	}

	.top-service-ad {
		margin: 12% auto 6%;
	}

	.top-interview-single {
		width: 30%;
	}

	.common-contact-box {
		width: 90%;
	}

	.common-contact-tel {
		font-size: 1.2rem;
	}

	.top-interview-more {
		width: 30%;
	}

	.top-news-more {
		width: 30%;
	}

	.common-contact-desc {
		font-size: .7rem;
	}

	.footer-box {
		width: 90%;
	}

	.footer-l {
		width: 40%;
	}

	.footer-r {
		width: 58%;
	}

	#page-top {
	    right: 30px;
	}

	/* INDEX */

	.page-title {
		font-size: 1.6rem;
	}


	/* SINGLE */

	.single-article h2 {
		font-size: 1.6rem;
	}

	.single-article h3 {
		font-size: 1.4rem;
	}

	.single-article ul {
		width: 92%;
	} 

	.single-article blockquote:before {
		top: -30px;
	}

	.single-article blockquote:after {
		bottom: -70px;
	}


}




/* ====================================================================
	Smartphone 600px > 
==================================================================== */


/* ---------------------------------------------------
	Top
--------------------------------------------------- */

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

	/* HEADER */
	.logo {
		width: 56%;
	}

	#menuBtn {
		width: 60px;
		height: 60px;
	}

	#menuBtn i {
	    line-height: 60px;
	}

	.header {
		height: 60px;
	}

	.logo {
		height: 60px;
	}

	#sp-nav {
		top: 60px;
	}

	#sp-nav ul li {
		padding: 6%;
	}
	

	/* TOP */

	.top-main {
		height: auto;
	}

	.top-about-img img {
		width: 100%;
	}

	.top-about-nav {
		position: initial;
		width: 100%;
	}

	.top-recruit-img img {
		float: initial;
		width: 100%;
	}

	.top-recruit-nav {
		position: initial;
		width: 100%;
	}

	.top-about {
		padding: 14% 0 0;
		background: none;
	}

	.h2-title {
		font-size: 1.5rem;
		padding-bottom: 2%;
	}

	.h2-title::after {
		width: 20%;
	}

	.h2-title-desc {
		font-size: 1rem;
		margin-bottom: 8%;
		padding: 4% 0 6%;
		letter-spacing: -.04em;
	}

	.top-about-nav {
		padding: 4% 0;
	}

	.top-about-nav a {
		background-image: none;
	}

	.top-about-nav ul {
		margin-bottom: 8%;
	}

	.top-about-nav p a {
		width: 60%;
		margin: 0 auto;
		float: none;
		text-align: center;
	}

	.top-service-single {
		width: 100%;
	}

	.top-service-single {
		padding: 10% 10% 14%;
	}

	.top-service-single h3 + p {
		margin-bottom: 12%;
	}

	.top-service-single p a {
		width: 80%;
		position: relative;
		bottom: initial;
		padding: 4%;
	}

	.top-service-ad {
		width: 100%;
	}

	.top-about .h2-title-desc {
		text-align: center;
	}

	.h2-title-desc {
		text-align: left;
	}

	.top-interview-single {
		width: 100%;
		margin-bottom: 8%;
	}

	.top-interview-more {
		width: 60%;
	}

	.top-interview {
		padding: 4% 0;
	}

	.top-recruit {
		background: none;
	}

	.top-recruit-nav p a {
		width: 60%;
		float: initial;
		text-align: center;
		margin: 4% auto 12%;
	}

	.top-news-single dt {
		width: 100%;
		padding: 6% 2% 0;
		color: #757575;
	}

	.top-news-single dd {
		width: 100%;
		padding: 0 2% 6% 2%;
	}

	.top-news-single dd a {
		text-decoration: none;
	}

	.top-news-more {
		width: 60%;
	}

	.common-contact {
		padding: 0;
		background: none;
		padding-bottom: 8%;
	}

	.common-contact .inner {
		max-width: 100%;
	}

	.common-contact-box {
		width: 100%;
	}

	.common-contact-single {
		width: 100%;
	}

	.footer-l {
		width: 100%;
	}

	.footer-r {
		display: none;
	}

	.copyright {
		margin-top: 6%;
		margin-bottom: 4%;
	}

	.top-service-single h3:before, .top-service-single h3:after {
		width: 1em;
	}

	#page-top {
	    right: 10px;
	}


	/* INDEX */

	.page-contents dt {
		width: 100%;
		padding: 2% 2% 1%;
		color: #757575;
	}

	.page-contents dd {
		width: 100%;
		padding: 0 2% 2%;
	}

	.page-contents dd a {
		color: #212121;
	}

	.page-contents dl {
		padding: 2% 0;
	}

	.page-main {
		height: 80px;
		position: relative;
	}

	.page-title {
		position: absolute;
		bottom: -10px;
		font-size: 1.2rem;
		box-shadow: 1px 1px 3px #ccc;
	}

	.page-contents {
		padding: 12% 0;
	}


	/* SINGLE */

	.single-article img {
		max-width: 100%;
	}

	.single-article h2 {
		font-size: 1.4rem;
		padding-bottom: 2%;
	}

	.single-article h2::after {
		width: 15%;
	}

	.single-article h3 {
		font-size: 1.2rem;
	}

	.single-article blockquote {
		padding: 26% 8%;
	}

	.single-article blockquote:after {
		bottom: -60px;
	}

	.single-article h2 {
		margin-bottom: 10%;
	}

	.single-article p {
		font-size: 1rem;
    	letter-spacing: -.03em;
	}

	.single-article img {
		margin: 8% auto 10%;
	}

	.f-logo {
		padding-left: 20px;
	}

	.f-logo img {
		left: -20px;
	}

	.home .invoice-section h3,
	.page-invoice .page-contents h3 {
		font-size: 21px;
	}

	.home .invoice-section {
		width: 90%;
	}
	.invoice-section p.top-news-more {
		width: 60%;
	}
	.invoice-link.flex {
		display: block;
	}
	.invoice-link-box {
		width: 100%;
		padding: 40px 10px;
		margin-bottom: 40px;
	}
}