@media screen and (max-width: 1100px) {
    #news {
        padding: 160px 0;
    }
    #contact {
        margin: 0;
    }
    #news ul {
        flex-direction: column;
    }
    #news ul li {
        max-width: unset;
    }
    #news ul li a {
        margin-bottom: 2em;
    }
    #contents .items .section_title {
        right: -30px;
        padding-bottom: 20px;
    }
    #contents .items:nth-child(even) .section_title {
        left: -30px;
    }
    #contents .items {
        background: unset;
    }
    #contents .items .text_part {
        height: 100%;
        background: #fff;
        display: flex;
        align-items: center;
        padding: 0 40px;
    }
    #company .right .president_link {
        right: 20px;
        bottom: 20px;
    }
    #company .left .company_link {
        right: 20px;
        bottom: 20px;
    }
    #company .left .company_title {
        left: 20px;
    }
    #company .right .company_title {
        left: 20px;
    }
    #company .right .president_title {
        left: 20px;
    }
    #company .left .president_title {
        left: 20px;
    }
}
@media screen and (max-width: 1300px) {
	.sec-ttl.ttl-l.left{
		left: 20px;
	}
	.company-name-cont{
		padding: 200px 0;
    width: 90%;
    margin: 0 auto;
	}
		.company-message-cont{
		width: 80%;
    margin: 0 auto;
    padding: 200px 60px 100px 60px;
    box-sizing: border-box;
	}
		.sec-ttl.ttl-l.right{
		right: 20px;
	}
	.company-message .sec-ttl{
		left: 20px;
	}
	.company-profile{
		padding: 120x 10%;
	}
	.company-name-wrap{
		padding: 100px 0 0;
	}
	.company-access-wrap{
		padding: 100px 0 40px;
	}
	.company-access-map{
		height: 400px;
		background: #000;
		width: 50%;
	}
}
@media screen and (max-width: 1024px) {
.company-access-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 200px 0 0 0;
    width: 90%;
    margin: 0 auto;
}
		.company-name-cont{
		flex-direction: column;
		padding-bottom: unset;
	}
	.company-name-cont{
		width: 90%;
    margin: 0 auto;
    padding: 200px 0;
	}
	.sec-ttl.ttl-l.right{
		right: 20px;
	}
	.company-message .sec-ttl{
		left: 20px;
	}
	.company-message-cont{
		width: 80%;
    margin: 0 auto;
    padding: 200px 60px 100px 60px;
    box-sizing: border-box;
	}
	.company-profile{
		padding: 120px 10%;
	}
		.company-name-img{
		width: 100%;
		margin: 10% 0;
	}
	.company-name-cont{
		flex-direction: column;
		padding-bottom: 100px;
	}
	.company-name-block{
		width: 90%;
	}
}
.company-access-map {
    height: 400px;
    background: #000;
    width: 50%;
}
@media screen and (max-width: 900px) {
	.company-access-block{
		width: 100%;
    max-width: 640px;
    padding: 0 10px;
    margin: 0 auto;
    box-sizing: border-box;
	}
	.company-access-map{
		max-width: 640px;
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.company-access-cont{
		flex-direction: column-reverse;
	}
}
@media screen and (max-width: 800px) {
	.company-name-img{
		width: 100%;
		margin: 10% 0;
	}
	.company-name-cont{
		flex-direction: column;
		padding-bottom: unset;
	}
	.company-name-block{
		width: 90%;
	}
    #contact .contact_wrap {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #contact .contact_wrap .left {
        text-align: center;
        margin-bottom: 1em;
    }
    #contact .contact_wrap .right {
        text-align: center;
    }
    #contact .contact_wrap .right .contact_link {
        margin: 0 auto;
    }
    #works .section_title {
        padding-bottom: 20px;
    }
}
.h_700 {
    display: block;
}
.s_700 {
    display: none;
}
.sp_head {
    display: none;
}
@media screen and (max-width: 700px) {
	#contact{
		height: 400px;
	}
    footer{
        padding-bottom: 60px;
    }
    header .cta_link{
        top: unset;
        bottom: 0;
        display: flex;
    }
    header .cta_link a p{
        writing-mode: unset;
    }
    header .cta_link a .cta_row{
        display: block;
    }
    header .cta_link a{
        display: flex;
        align-items: center;
        width: 50%;
        justify-content: center;
        height: 60px;
        box-sizing: border-box;
    }
    header .cta_link a .cta_icon{
        margin: 0 20px;
    }
    header .cta_link{
        width: 100%;
    }
    header .sp_head .hum {
        z-index: 9999;
    }
    header .sp_nav {
        display: flex;
        transition: 0.5s;
    }
    header .sp_head .logo {
        position: relative;
        z-index: 9999;
    }
    header .hum_open {
        display: flex !important;
        top: 0px;
        z-index: 999;
    }
    header .sp_head .hum .hum_bar {
        transition: .5s;
    }
    header .sp_head .hum_on .hum_bar{
        transition: .5s;
    }
    header .sp_head .hum_on .bar_01 {
        transform: rotate(45deg);
        top: 9px;
    }
    header .sp_head .hum_on .bar_02 {
        opacity: 0;
    }
    header .sp_head .hum_on .bar_03 {
        transform: rotate(-45deg);
        bottom: 9px;
    }

    #contents .items:nth-child(even) .section_title::before {
        width: 230px;
    }
    .pc_head {
        display: none !important;
    }
    header .sp_head {
        display: flex;
    }
    .h_700 {
        display: none;
    }
    .s_700 {
        display: none;
    }
    footer .footer_nav {
        flex-direction: column;
        align-items: center;
        margin-bottom: unset;
        max-width: 500px;
        margin: 0 auto;
    }
    footer .footer_nav ul {
        display: flex;
        width: 100%;
        justify-content: space-around;
    }
    footer .wrap {
        flex-direction: column;
        align-items: center;
    }
    footer .footer_logo {
        text-align: center;
		padding: 80px 0;
    }
    #contact {
        margin: unset;
    }
    #contents .items .section_title {
        top: -100px;
    }
    #contents .items .image_part {
        width: 80%;
    }
    #contents .items .image_part_02{
        margin-right: unset;
        margin-left: auto;
    }
    #contents .items .part_01 {
        margin-right: auto!important;
    }
    #contents .items .part_02 {
        margin-left: unset!important;
        margin-right: auto;
    }
    #contents .items .text_part {
        max-width: unset;
        width: 80%;
        position: unset;
        margin-left: auto;
        padding: 10% 7%;
        position: relative;
        top: -20px;
    }
    #contents .items:nth-child(1) {
        flex-direction: column;
        margin-bottom: 200px;
    }
    #contents .items:nth-child(2) {
        flex-direction: column;
    }
    #contents .items {
        height: unset;
        width: 100%;
    }
    #contents .items .section_title {
        right: 10px;
    }
    #contents .items:nth-child(even) .section_title {
        left: 10px;
        top: -110px;
        z-index: 10;
    }
    #contents .items .text_part p {
        font-size: 15px;
    }
    #works .section_title::before {
        width: 230px;
        right: 10px;
        bottom: -20px;
    }
    #contents .items .section_title::before {
        width: 230px;
    }
    .part_03 {
        top: -120px !important;
        z-index: 10;
    }
    #contents .items .section_title::before {
        width: 230px;
        left: -80px;
    }
    #contents {
        margin: 80px 0;
    }
    #company .left .company_title {
        left: 0;
    }
    #company .right .president_title {
        left: 0;
    }
    #company .right .president_link {
        right: 10px;
        bottom: 10px;
    }
    #company .left .company_link {
        right: 10px;
        bottom: 10px;
    }
    #company .left .company_link {
        display: none;
    }
    #company .right .president_link {
        display: none;
    }
    #company{
        flex-direction: column;
        height: unset;
    }
    #company .left{
        width: 100%;
        bottom: -4px;
    }
    #company .right{
        width: 100%;
    }
    #works .works_link {
        width: 200px;
        height: 48px;
        font-weight: normal;
    }
    #fv .fv_content {
        align-items: flex-start;
        padding: 0 20px;
    }
    #fv .fv_content h2 {
        margin-top: 100px;
        font-size: 20px;
    }
    footer .privacy {
        justify-content: center;
    }
    footer .privacy small {
        padding: none;
        font-size: 10px;
    }
    .footer_contact {
        display: none;
    }
    #contact .contact_wrap .left .en {
        font-size: 32px;
    }
    #contact .contact_wrap .right .tel {
        font-size: 30px;
    }
    .section_title::before {
        width: 230px;
        right: 10px;
    }
}
@media screen and (max-width: 600px){
	.company-message-cont{
		padding: 200px 20px 40px 20px;
		width: 90%;
	}
	.contents{
		padding: unset;
	}
}
@media screen and (max-width: 500px){
    header .cta_link a p{
        font-size: 10px;
    }
    header .cta_link a{
        padding: unset;
    }
    header .cta_link a .cta_icon{
        margin: 0 10px;
    }
}