@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1920px){
	
/* about */	
	#amamisouken_about .about_inner .about_look {
		margin: 1em 48em;
	}
/* works */
	#amamisouken_works .works_look {
		bottom: 40em;
	}
/* recruit */
	#amamisouken_recruit_ttl h2 {
		padding: 1em 0;
	}
/* contact */	
	#amamisouken_contact .wrap {
		width: 40%;
	}
}
@media screen and (max-width:1610px){
	.mainvisual {
		height: 93vh;
	}
	
/* about */	
	#amamisouken_about .about_inner .about_look {
		margin: 1em 40em;
	}
	#amamisouken_about .about_inner .about_look img {
		right: 41em;
	}
/* works */
	#amamisouken_works .works_look {
		bottom: 25em;
	}
/* contact */	
	#amamisouken_contact .wrap {
		width: 50%;
	}
}
@media screen and (max-width:1286px){
	.mainvisual {
	height: 75vh;
	}
	
/* about */	
	#amamisouken_about .about_inner {
		height: 50vh;
	}
	#amamisouken_about .about_inner .about_look {
		margin: 1em 32em;
	}
	#amamisouken_about .about_inner .about_look img {
		right: 33em;
	}
/* works */
	#amamisouken_works .works_look {
	    width: 24%;
		bottom: 10em;
	}
/* contact */	
	#amamisouken_contact .wrap {
		width: 60%;
	}
}
@media screen and (max-width:1024px){
	.mainvisual {
		height: 40vh!important;
	}
.catch_copy h2 {
  font-size: 5rem;
}
	
/* about */	
	#amamisouken_about .wrap{
		height: 45vh;
    	width: 95%;
	}
	#amamisouken_about {
		height: auto;
	}
	#amamisouken_about .about_inner {
		height: 35vh;
		padding: 3em 0;
	}
	#amamisouken_about .about_inner .about_look {
	    width: 24%;
		margin: 0em 25em;
	}
	#amamisouken_about .about_inner li {
		width: 100%;
	    font-size: 16px;
	}
	#amamisouken_about ul {
		width: 50%;
	}
	#amamisouken_about .about_inner .about_look img {
		right: 26em;
	}
/* works */
	#amamisouken_works {
		height: auto;
	}
	#amamisouken_works .wrap {
		width: 95%;
	}
	#amamisouken_works .works_phot {
		height: 33vh;
	}
	#amamisouken_works .works_look {
		width: 24%;
		bottom: 20em;
	}
/* recruit */	
	#amamisouken_recruit {
		height: 26vh;
		overflow: hidden;
	}
	#amamisouken_recruit .recruit_text {
		padding: 0;
	}
    #amamisouken_recruit h3 {
  font-size: 30px;
}
	#amamisouken_recruit p {
		margin: 0.5em 0;
        font-size: 20px;
	}
	#amamisouken_recruit .recruit_look {
		width: 45%;
		position: relative;
		bottom: 24em;
	    margin-top: 0;
	}
/* contact */
	#amamisouken_contact .wrap {
		width: 70%;
	}
	.contact_mail {
		margin-left: 5em;
	}
	#amamisouken_contact {
		height: 40vh;
	}
}

@media screen and (max-width:850px){
/* 汎用 */
	html {font-size: 8px;}
	body {max-width: 850px;}

	.mainvisual {
		margin-top: 12.5em;
	}
.header_left {
  width: 34%;
}
/* about */	
	#amamisouken_about .wrap{
		width: 100%;
		height: 104vh;
		background-image:url("../img/COMPANY_sp.png");
	}
	#amamisouken_about ul {
		width: 85%;
	}
	#amamisouken_about .about_inner {
		padding: 6em 0;
	}
	#amamisouken_about .about_inner .about_look {
		width: 30%;
		margin: 0em 30em;
	}
	#amamisouken_about .about_inner .about_look img {
		margin-top: 0.5em;
		right: 31em;
	}
/* works */
	
	#amamisouken_works h2 {
		padding-top: 1em;
	}

	#amamisouken_works .works_text {
		float: none;
		width: 95%;
		height: 20vh;
		padding: 0em 20px 0px;
	}
	#amamisouken_works .works_text li {
		width: 100%;
	    font-size: 16px;
	}
	#amamisouken_works img {
		float: none;
		width: 100%;
	}
	#amamisouken_works .works_phot {
		height: auto;
    	padding-top: 15em;
	}
	#amamisouken_works .works_look {
		width: 30%;
	    bottom: 100em;
    	margin-left: 30em;
	}
/* recruit */
	#amamisouken_recruit{
		width: 100%;
		height: 80vh;
		background-image: url("../img/recruit_sp.png");
	}
	#amamisouken_recruit .wrap {
		float: none;
		width: 80%;
	}
	#amamisouken_recruit .recruit_text li {
		width: 100%;
		font-size: 18px;
	}
	#amamisouken_recruit .recruit_look {
		width: 40%;
		bottom: 16em;
		left: 0em;
	}
/* news */
	#amamisouken_news .wrap {
		width: 95%;
	}
	#amamisouken_news hr {
		width: 15%;
	}
	#amamisouken_news dl {
		font-size: 18px;
	}
/* contact */
	#amamisouken_contact {
		height: 50vh;
	}
	.contact_mail {
		margin-left: 1em;
	}
	
}
@media screen and (max-width:768px){
/* about */
	#amamisouken_about .wrap {
		height: 116vh;
	}
/* works */
	#amamisouken_works .works_look {
		bottom: 90em;
	}
/* recruit */
	#amamisouken_recruit .wrap {
		padding: 0;
	}
	#amamisouken_recruit .recruit_look {
		bottom: 15em;
	}
/* contact */
	#amamisouken_contact .wrap {
		width: 75%;
	}
}
@media screen and (max-width:480px){
/* 汎用 */
	html {font-size: 6px;}
	body {max-width: 480px;}
	.sp-only {display: block;}
	.pc-only {display: none;}
/* header nav */
    #header
    {
        height: 17.24vw;
    }
    .mainvisual {
    margin-top: 17.24vw;
  }
	.header_right span, #gloval_nav {
		width: 20%;
	}
	.header_left {
		width: 35%;
	}
	
	.catch_copy h2 {
		font-size: 5rem;
	}
    .mr100 {
  margin-right: 20vw;
}
	.menu_icon {
		width: 58px;
		height: 28px;
	}
	.navicon {
		right: 3.5em;
	}
	.menu_icon p {
		font-size: 13px;
		padding: 1.3em 1em 0em;
	}

/* about */
	#amamisouken_about .wrap {
		height: 65vh;
	}
	#amamisouken_about h3 {
		font-size: 40px;
	}
	#amamisouken_about .wrap{
		width: 100%;
		height: 100vh;
		background-image:url("../img/COMPANY_480sp.png");
	}
	#amamisouken_about ul {
		width: 92%;
	}
	#amamisouken_about .about_inner .about_look {
		width: 60%;
		margin: 0em 20em;
	}
	#amamisouken_about .about_inner .about_look img {
		right: 22em;
		margin-top: 1em;
	}
	#amamisouken_about .about_inner li {
		padding: 1em 0;
	}
/* works */
	#amamisouken_works h2 {
		font-size: 50px;
	}
    #amamisouken_works h3 {
  font-size: 30px;
}
	#amamisouken_works .works_phot {
		padding-top: 20em;
	}
	#amamisouken_works .works_look {
		bottom: 70em;
	}
	#amamisouken_works .works_look {
	width: 80%;
    bottom: 70em;
    margin-left: 2em;
	}
	#amamisouken_works .works_look img {
		padding-top: 3em;
	}
	#amamisouken_works p {
		margin-top: 0.5em;
        font-size: 22px;
	}
/* recruit */
	#amamisouken_recruit_ttl h2 {
    	font-size: 50px;
	}
	#amamisouken_recruit{
		width: 100%;
		height: 80vh;
		background-image: url("../img/recruit_480sp.png");
	}
	#amamisouken_recruit .recruit_look {
		bottom: 0;
    width: 80%;
    top: 10em;
    left: 0em;
	}
	#amamisouken_recruit .recruit_look img {
		padding-top: 2.5em;
	}
/* news */
	#amamisouken_news {
		margin: 50px 0;
	}
	#amamisouken_news dt {
		float: none;
		padding-left: 0;
	}
/* contact */
	#amamisouken_contact {
		height: 100%;
	}
	#amamisouken_contact h2 {
		font-size: 60px;
	}
	#amamisouken_contact .wrap {
		width: 63%;
	}
	.contact_tel, .contact_mail {
		width: 100%;
	}
	.contact_tel {
		float: none;
	}
	.contact_mail {
		float: none;
		margin-left: 0;
		margin-top: 2em;
        font-weight: 600;
	}
/*--- footer ---*/
	
/*--- copyr ---*/
	.copy {
		margin-top: 5px;
		text-align: center;
		font-size: 12px;
	}

}