/*クエリ*/
@media screen and (max-width:1024px){

	/* navigation---------------------------------------------------------------------- */
	#nav {
		max-width:800px;
	}
	#nav li {
		font-size: 14px;
	}
	#menu_logo a{
		width: 220px;
	}
	#menu_logo img{
		max-width: 100%;
		position:relative;
	}
	.menu_text a {
		width: 116px;
		padding-top: 24px;
	}
	
	/* section1-----------------------------------------------------------------------*/
	#section1{
		height: 720px;
	}
	#header{
		top: 60%;
	}
	#section1_inner {
		width: 720px;
	}
	#section1_inner h2{
		top: 110px;
		right: -40px;
	}
	#section1_inner h2 img{
		max-width:75%;
		height:auto;
	}
	#section1_down img,
	#section_02a_arrow img,
	#section_02b_arrow img, 
	#section_02c_arrow img, 
	#section_03_arrow img,
	#section_04a_arrow img,
	#section_04b_arrow img,
	#section_05_arrow img,
	#section6_up img {
		max-width:75%;
		height:auto;
		padding-top:6px;
	}
	
	/* section2----------------------------------------------------------------------- */

	/*section2_01*/
	#company_profile {	
		background-size:254%;
	}
	.company_profile_inner_box {
		width:96%;
	}
	
	/*section2_02*/
	.partner_list{
		width: 100%;
		padding:40px 0;
	}
	.partner_list_innerbox {
		width: 96%;
		max-width:1024px;
	}
	
	/*section2_4*/
	#agency_bg {
		width: 100%;
		padding:40px 0;
	}
	.agency {
		width:96%;
	}

	/* section3----------------------------------------------------------------------- */
	#section3 {
		width: 100%;
	}
	.history {
		width: 96%;
		padding:40px 10px;
	}

	/* section4----------------------------------------------------------------------- */
	.access_01_bg {
		width: 100%;
	}
	.access_01_inner_box {
		width:96%;
	}
	#access_02_bg {
		width: 100%;
	}
	.access_02_inner_box {
		width: 96%;
	}
	.access_02_inner_box img {
		max-width: 100%;
	}
	.root_01 {
		width:100%;
		float: left;
	}
	.root_02,
	.root_03,
	.root_04{
		width:100%;
		float: left;
		margin-top:30px;
	}
	.root_01 img,
	.root_02 img,
	.root_03 img,
	.root_04 img{
		width:100%;
		padding-bottom:40px;
		border-bottom:1px dashed #999;
	}
	.root_04 img{
		padding-bottom:0px;
		border-bottom:none;
	}
	.section_04a_arrow {
		position: absolute;
		top: 20%;
		right: 2%;
		height: 130px;
	}
	.section_04b_arrow {
		position: absolute;
		top: 60%;
		right: 2%;
		height: 130px;
	}
	.section4_down {
		margin-bottom: 20px;
	}

	/* section5----------------------------------------------------------------------- */
	#section5 {
		width: 100%;
	}
	.business{
		width: 96%;
	}

	/* section6----------------------------------------------------------------------- */
	#section6 {
		width: 100%;
	}
	.section6_inner {
		width: 96%;
	}
	.contact_bg {
		width:100%;
		max-width: 944px;
	}
}



@media screen and (max-width:800px){
	
	.arrow img{
		max-width:70%;
		height:auto;
	}
	
	/* navigation---------------------------------------------------------------------- */
	
	#nav_bg {
		background-color:rgba(0,0,0,0.0);
	}
	#nav {
		width: 100%;
		max-width:800px;
		height: 60px;
	}
	#nav li {
		display: inline-block;
		font-size: 14px;
		width:50%;
		float: left;
	}
	#nav li:nth-child(1n) {
		border-right:1px solid #fff;
	}
	#nav li:nth-child(2n) {
		border-left:1px solid #fff;
	}
	#nav #menu_logo {
		width:50%;
		display: none;
	}
	#nav #navigationText01 {
		display: block;
		width:50%;
	}
	#nav li:nth-child(5) {
		border-bottom:none;
	}
	#nav li:nth-child(6) {
		border-bottom:1px solid #fff;
	}
	#nav li a:hover {
		opacity: 0.8;
		float: left;
		background-color:#4DC4C9;
	}
	#menu_logo a{
		width: 100%;
	}
	#menu_logo img{
		max-width: 60%;
		margin-top:0;
	}
	.menu_text a {
		width: 100%;
	}
	
	/*globalNav
		------------------------------------------------------------ */
	.globalNav {
		position:relative;
		top:0;
	}
	.globalNav .gNav ul {
		position:absolute;
		top:20px;
		right:0px;
		padding:0;
	}
	.globalNav #mobileHead {
		width: 100%;
		height: 90px;
		z-index: 999;
		position: relative;
		top:0px;
    }
	 .gNav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -506px;
		right:0;
		width: 100%;
		z-index:1001;
		text-align: center;
		padding-right: 0;
		padding-left: 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
    }
	   .gNav ul {
		width: 100%;
		position: static;
		right: 0;
		bottom: 0;
    }
    .gNav ul li {
		width: 100%;
		float: none;
		background-color: rgba(0,0,0,0.85);
		border-top: 1px solid #fff;
		font-size: 1.6rem;
    }
	.gNav ul li:nth-child(5),
	.gNav ul li:last-child {
		border-bottom:1px solid #fff;
	}
	.gNav ul li a,
    .globalNav.fixed .gNav ul li a {
		width: 100%;
		display: block;
		padding:20px 0;
    }
	.globalNav .gNav ul li a:hover,
    .globalNav.fixed .gNav ul li a:hover {
		background:#ddd;
	}
    #navToggle {
        display: block;
    }
	#navToggle img {
		position:absolute;
		top:34px;
	}
	/* #nav-toggle 切り替えアニメーション */
    .open #navToggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #navToggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #navToggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* .global-nav スライドアニメーション */
    .open .gNav {
        /* .global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
	

	/* section1-----------------------------------------------------------------------*/
	#section1{
		width:100%;
		max-width:800px;
		height: 640px;
	}
	#header{
		width:100%;
		top: 470px;
	}
	#section1_inner {
		width: 640px;
	}
	#section1_inner h2{
		top: 100px;
		right: 0px;
	}
	#section1_inner h2 img{
		max-width: 64%;
	}
	
	#spHeader {
		display:block;
		width:100%;
		height:70px;
		background:rgba(0,0,0,0.85);
		position:fixed;
		z-index: 1;
	}
	#spHeader .spHeaderInner {
		width:100%;
		margin:0 auto;
		text-align: center;
		position: relative;
	}
	#spHeader .spHeaderInner a {
		width:100%;
		position: relative;
		z-index: 1000;
	}
	#spHeader .spHeaderInner a img {
		width:50%;
		margin-top:12px;
	}

	/* section2----------------------------------------------------------------------- */

	/*section2_01*/
	#company_profile {	
		background-size:324%;
	}

	/*section2_02*/
	.partner_list{
		width: 100%;
		padding-top: 40px;
	}
	.partner_list_innerbox {
		width: 96%;
		max-width:800px;
	}
	.cliant {
		width: 100%;
		margin-right: 0px;
	}
	.cliant ul li{
		width: 100%;
	}
	.cliant .cliant_List {
		width:50%;
		margin-top:20px;
	}
	.cliant .cliant_List02 {
		width:50%;
		margin-top:20px;
	}
	
	/*section2_03*/
	.partner {
		width: 100%;
		float: left;
		padding-top:40px;
	}
	
	/*section2_4*/
	#agency_bg {
		width: 100%;
	}
	.agency {
		width:96%;
		max-width: 800px;
	}

	/* section6----------------------------------------------------------------------- */
	#section6 {
		width: 100%;
	}
	.section6_inner {
		width: 96%;
		max-width:800px;
	}
	.contact_title{
		width: 100%;
		float: left;
		font-size: 24px;
		color: #00b4cc;
		border-bottom:1px solid #00b4cc;
		padding: 10px 0;
	}
	.contact_bg {
		width:100%;
		max-width: 800px;
	}
	.contact_bg {
		width: 100%;
	}
	.tel_number li{
		margin-right: 0px;
	}
	.tel {
		font-size: 34px;
		padding:15px 10px 0 0;
	}
	.fax_number {
		width: 100%;
		padding:15px 0px 20px 0;
	}
	.fax_number li {
		margin-left: 10px;
	}
	.fax_icon {
		margin-right: 20px;
		padding-left: 20px;
		padding-right: 10px;
	}
	.fax {
		font-size: 34px;
	}
}



@media screen and (max-width:640px){
	.arrow img {
		display:none;
	}
	/* navigation---------------------------------------------------------------------- */
	#nav{
		height: 58px;
	}
	#nav li {
		font-size: 14px;
	}
	#menu_logo img{
		max-width: 80%;
		margin-top:-4px;
	}
	.menu_text a {
		padding-top: 14px;
	}
	
	/* section1-----------------------------------------------------------------------*/
	#section1{
		height: 770px;
		margin-top: 0px;
	}
	#header{
		top: 630px;
	}
	#header h1 img{
		max-width:80%;
		height:auto;
	}
	#section1_inner {
		width: 100%;
		top: 260px;
	}
	#section1_inner h2{
		padding: 20px;
		background-color: rgba(0,0,0,0.70);
		text-align: center;
		top:0;
		left:0;
	}
	#section1_inner h2 img{
		max-width: 50%;
	}

	#spHeader .spHeaderInner a img {
		width:50%;
		margin-top:18px;
	}
	
	/* section2----------------------------------------------------------------------- */
	/*section2_01*/
	#company_profile {	
		background-size:468%;
		padding:100px 0 0;
	}

	/*section2_03*/
	.partner {
		width: 100%;
		float: left;
	}
	
	/*section2_4*/
	#agency_bg {
		width: 100%;
	}
	.agency {
		width:96%;
		max-width: 640px;
	}

	/* section2.5----------------------------------------------------------------------- */
	#design_box01 {
		display:none;
	}
	/* section3----------------------------------------------------------------------- */
	.history {
		padding:100px 0 80px;
	}
	
	/* section4----------------------------------------------------------------------- */
	.access_01_inner_box #map {
    	padding-bottom: 115%; /*これが縦横比*/
	}
	.access_01_bg {
		padding:100px 0 40px;
	}
	.access_02_inner_box {
		padding: 60px 20px 40px;
	}
	
	/* section5----------------------------------------------------------------------- */
	#section5 {
		width: 100%;
		padding:100px 0 20px 0;
	}
	.business{
		width: 90%;
		padding-bottom:40px;
	}

	/* section6----------------------------------------------------------------------- */
	#section6 {
		width: 100%;
	}
	.section6_inner {
		width: 90%;
		font-size: 14px;
		padding:100px 0 60px;
	}
	.section6_inner p {
		font-size:14px;
	}
	.contact_title {
		width: 100%;
	}
	.contact {
		width: 100%;
		margin-top: 20px;
	}
	.contact_bg {
		width: 100%;
		display:block;
		text-align:center;
	}
	.contact_bg h4 {
		width: 100%;
		font-size:20px;
	}
	.tel_number li{
		display: inline-block;
	}
	.tel {
		width:100%;
		font-size:30px;
		line-height:0;
		margin-bottom:40px;
	}
	.number,
	.number img {
		display:none;
	}
	.number_text {
		width:100%;
		list-style:none;
	}
	.number_text ul {
		width:100%;
		padding-top:20px;
	}
	.number_text ul li { /*テキストに切り替え*/
		width:100%;
		display: block;
		line-height: 1.5em;
	}
	.number_text ul li a{
		text-decoration:none;
		color:#fff;
	}
	.number_text ul{
		font-size: 26px;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	.fax_number {
		width:100%;
	}
	.fax {
		width: 100%;
		margin-top:40px;
	}
	.fax_icon {
		padding-left: 40px;
	}
	.fax_number .number02_text { /*テキストに切り替え*/
		width: 100%;
		display: block;
		font-size: 26px;
		line-height: 1em;
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	.number02 img{/* 画像隠す */
		display:none;
	}
	.name {
		width: 100%;
		height:160px;
		padding:10px 2%;
	}
	.name h3 {
		padding:4%;
		line-height:1.2;
	}
	.name p {
		padding:5%;
		font-size:14px;
	}
}



@media screen and (max-width:480px){
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	.navLogoSp {
		width:60%;
		float: left;
		position: relative;
		top:-8px;
		left:30px;
	}
	
	/* Navigation -----------------------------------------------------------------------*/
	#nav {
		width: 100%;
		max-width:480px;
	}
	#menu_logo img {
		max-width: 90%;
		margin-top: 0;
	}
	/* Toggle Button
		------------------------------------------------------------ */
	#navToggle {
    	top: 24px;
    	width: 28px;
    	height: 30px;
	}
	#navToggle span:nth-child(1) {
    	top: 0;
	}
	#navToggle span:nth-child(2) {
    	top: 10px;
	}
	#navToggle span:nth-child(3) {
    	top: 20px;
	}
	
	/* section1-----------------------------------------------------------------------*/
	#section1{
	background-size: 390%;
	background-position: 50% 100%;
}
	#section1 {
		height: 640px;
	}
	#header {
		top: 520px;
	}
	#header h1 img {
		max-width:90%;
	}
	#section1_inner {
		top: 270px;
	}	
	#section1_inner h2 img {
		max-width: 45%;
	}
	
	#spHeader .spHeaderInner a img {
		width:60%;
		margin-top:20px;
	}
	/* section2----------------------------------------------------------------------- */
	
	/*section2_01*/
	#company_profile {
		background-size:836%;
	}
	.company_profile_inner_box {
		font-size: 14px;
	}
	.company_profile_inner_box table tr .company_profile_table01Left {
		width:30%;
}
	.cp_description {
		width: 50%;
	}
	.cp_description_2nd {
		width: 50%;
	}
	.bank_list_Left {
		width:50%;
	}
	.assosiation {
		width: 90%;
		float: left;
	}
	
	/*section2_3*/
	.cliant ul li {
		font-size: 14px;
	}
	.cliant .cliant_List {
		width:100%;
		margin-top:20px;
	}
	.cliant .cliant_List02 {
		width:100%;
		margin-top:0px;
	}
	.partner_01 {
		width: 100%;
	}
	.partner_01 li {
		font-size: 14px;
	}
	.partner_02 {
		width: 100%;
		margin-top: 0px;
	}
	.partner_02 li {
		font-size: 14px;
	}
	
	/*section2_2nd*/
	#agency_bg {
		padding: 40px 0;
	}
	.agency_01 {
		width: 100%;
		padding:20px 0 0 0;
		float: none;
		font-size: 14px;
	}
	.agency_01 li {
		display: block;
		width:100%;
		line-height: 1.6;
	}
	.agency_02 {
		width: 100%;
		padding:0;
		float: none;
		font-size: 14px;
	}
	.agency_02 li {
		line-height: 1.6;
		display: block;
		width:100%;
	}
	.agency_03 {
		width: 100%;
		padding:0;
		float: none;
		font-size: 14px;
	}
	.agency_03 li{
		line-height: 1.6;
		display: block;
		width:100%;
	}
	.ather {
		padding:20px 0 0 0;
	}
	.ather_01 {
		width: 100%;
		padding-top:20px;
		font-size: 14px;
	}
	.ather_02,
	.ather_03 {
		width:100%;
		padding:0px;
		font-size: 14px;
	}
	
	/* section3----------------------------------------------------------------------- */
	#section3 {
		width: 100%;
	}
	.history {
		width: 100%;
		padding: 80px 4% 40px;
		font-size: 14px;
	}
	.history table tr .history_data{
		width:35%;
	}

	/* section4----------------------------------------------------------------------- */
	#section4 {
		width: 100%;
	}
	.access_02_inner_box {
		width: 100%;
		margin-top:-40px;
		padding:40px 4%;
	}
	.access_01_inner_box p,
	.access_02_inner_box{
		font-size: 14px;
	}
	.access_01_inner_box,
	.access_02_bg,
	.access_02_inner_box h3,
	.root_01,
	.root_02,
	.root_03,
	.root_04 {
		width: 100%;
	}
	
	/* section5----------------------------------------------------------------------- */
	#section5 {
		font-size: 14px;
	}
	
	/* section6----------------------------------------------------------------------- */
	#section6 {
		width: 100%;
	}
	.section6_inner {
		width: 90%;
	}
	.section6_inner p {
		font-size:14px;
	}
	.contact_title{
		width: 100%;
	}
	.contact {
		width: 100%;
		margin-top: 0;
	}
	.contact_bg {
		width: 100%;
		display:block;
		text-align:center;
	}
	.contact_bg h4 {
		width: 100%;
		font-size:24px;
		border-bottom: 1px solid #fff;
		padding:0 0 10px;
	}
	.tel_number{
		padding:30px 0 0;
	}
	.tel_number li{
		margin-right: 0px;
	}
	.tel {
		width:100%;
		font-size:34px;
		margin-bottom:40px;
		line-height: 0;
	}
	.tel_icon {
		width:50%;
		float: left;
		text-align: right;
		padding-right:0.5rem;
	}
	.sp_icon {
		width:50%;
		float: left;
		text-align:left;
		padding-left:0.5rem;
	}
	.number_text {
		width:100%;
		list-style:none;
	}
	.number_text ul {
		width:100%;
		padding-top:0;
		font-size: 28px;
	}
	.number_text ul li a{
		text-decoration:none;
		color:#fff;
	}
	.number_text ul{
		font-weight: bold;
		letter-spacing: 0.1em;
	}
	.fax_number {
		width:100%;
	}
	.fax_number li {
		margin-left: 0px;
	}
	.fax_number .number02_text {
		font-size: 28px;
	}
	.fax {
		width: 100%;
		font-size:34px;
		margin-top:10px;
		border-top:1px dashed #fff;
		padding: 40px 0 0 0;
	}
	.fax_icon {
		display: inline-block;
		text-align: center;
		padding:15px 0px 15px 40px;
	}
	.name {
		width: 100%;
	}
	.name h3 {
		font-size:24px;
		padding:4%;
		line-height:1.4;
	}
	.section6_inner .name p {
		font-size: 14px;
		padding:0 4%;
	}
	
	/* footer----------------------------------------------------------------------- */
	#footer .footerInner p {
		font-size:12px;
	}
}