/*===============================================
pc 画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){

	/*---------------------------
	/*container
	----------------------------*/
	#container{
		width:100%;
		margin:0px;
		padding:0px;
	}

	/*---------------------------
	header
	----------------------------*/
	header{
		margin: 0px;
		padding:40px 0px;
		background:url(../img/line.gif) repeat-x;
		background-position:bottom;
		font-size:10px;
		text-align:center;
	}

	/*---------------------------
	footer
	---------------------------*/
	footer{
		width:100%;
		margin:0px;
		font-size:10px;
		/*文字位置指定*/
		text-align:left;
		clear:both;
        position: relative;
        background: #333;
	}
    
    footer .pagetop {
        position: absolute;
        top:-40px;
        left:0px;
        right:0px;
        width:48px;
        height: 32px;
        margin: 0px auto;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        z-index: 100;
        background: url(../img/common/pagetop_img.png) no-repeat;
    }
    footer .pagetop a {
        display: block;
        width:100%;
        height: 100%;
    }
    footer .inner {
        width:1000px;
        margin: 0px auto;
        padding: 40px 0px;
        text-align: center;
    }
    footer ul {
        width:100%;
        text-align: center;
        margin-bottom:40px;
    }
    footer li {
        display: inline-block;
        width:10%;
    }
    footer li a:link,
    footer li a:visited{
        padding:5px 10px;
        color:#ccc;
        font-size:120%;
        text-decoration: none;
        box-sizing: border-box;
    }
    footer li a:hover,
    footer li a:active{
        color:#fff;
        border:1px solid #ccc;
    }
    footer .copyright{
        width:100%;
        padding: 15px 0px;
        background: #fff;
        text-align: center;
        font-size: 10px;
        color:#999;
    }

	/*----------------------
	main
	------------------------*/
	main{
		width:100%;
		margin:0px auto 60px auto;
		text-align:left;
		clear:both;
		float:left;
	}
    main .inner{
        max-width:1000px;
        margin: 0px auto;
    }
    main.contact{
        background: url(../img/contact/bg_img.png) no-repeat;
        background-size:100% auto;
    }
    main.company{
        background: url(../img/company2/company_image02.JPG) #42494E no-repeat;
        background-size:100% auto;
    }

	/*----------------------
	aside
	------------------------*/
	aside{
		width:240px;
		float:right;
	}

	/*---------------------------
	nav
	-----------------------------*/
	nav{
		clear:both;
        background: #333;
        margin: 0px 0px 6px 0px;
        padding: 0px;
	}
	nav ul{
		padding: 0px; 
		margin: 0px;
	}
	nav li{
        width:230px;
        height: 55px;
        line-height: 55px;
		list-style:none;
		display:block; 
		padding: 0px 0px 0px 0px; 
		margin: 0px 0px 0px 0px;
		display:inline-block;
	}
    nav li a:link,
    nav li a:visited{
        width:100%;
        height: 100%;
        text-align: center;
        background:#333;
        display: block;
        color:#fff;
        text-decoration: none;
        background:url(../img/common/nav_bg.png) no-repeat center right;
    }
    nav li a:hover,
    nav li a:active{
        background: #fff;
        color:#333;
    }
    nav li.on a{
        width:100%;
        height: 100%;
        text-align: center;
        background:#fff;
        display: block;
        color:#333;
        text-decoration: none;
        font-weight: bold;
    }
    
    /*--------------------------
    content
    ---------------------------*/
    #content_title{
        width:100%;
        margin-bottom:60px;
        padding: 30px 0px 20px 0px;
        text-align: center;
        border-bottom:1px solid #ccc;
    }
    #content_title.company{
        padding-top:50px;
        margin-bottom:40px;
        border:none;
    }
    #content_title h1{
        font-size:20px;
        letter-spacing: 10px; 
    }
    #content_title.biz_guide{
        margin:0px;
        border:none;
    }
    #content_title span{
        display: block;
        padding:15px 0px;
        font-size:12px;
        letter-spacing: 10px;
        font-weight: normal;
    }

}

/*===============================================
tablet 画面の横幅が641px～768pxまで
===============================================*/
@media screen and (min-width: 641px) and (max-width: 768px) {

		/*---------------------------
	/*container
	----------------------------*/
	#container{
		width:100%;
		margin:0px;
		padding:0px;
	}

	/*---------------------------
	header
	----------------------------*/
	header{
		margin: 0px;
		padding:40px 0px;
		background:url(../img/line.gif) repeat-x;
		background-position:bottom;
		font-size:10px;
		text-align:center;
	}

	/*---------------------------
	footer
	---------------------------*/
	footer{
		width:100%;
		margin:0px;
		font-size:10px;
		/*文字位置指定*/
		text-align:left;
		clear:both;
        position: relative;
        background: #333;
	}
    
    footer .pagetop {
        position: absolute;
        top:-40px;
        left:0px;
        right:0px;
        width:48px;
        height: 32px;
        margin: 0px auto;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        z-index: 100;
        background: url(../img/common/pagetop_img.png) no-repeat;
    }
    footer .pagetop a {
        display: block;
        width:100%;
        height: 100%;
    }
    footer .inner {
        width:96%;
        margin: 0px auto;
        padding: 40px 0px;
        text-align: center;
    }
    footer ul {
        width:100%;
        text-align: center;
        margin-bottom:40px;
    }
    footer li {
        display: inline-block;
        width:20%;
    }
    footer li a:link,
    footer li a:visited{
        padding:5px 10px;
        color:#ccc;
        font-size:120%;
        text-decoration: none;
        box-sizing: border-box;
    }
    footer li a:hover,
    footer li a:active{
        color:#fff;
        border:1px solid #ccc;
    }
    footer .copyright{
        width:100%;
        padding: 15px 0px;
        background: #fff;
        text-align: center;
        font-size: 10px;
        color:#999;
    }

	/*----------------------
	main
	------------------------*/
	main{
		width:100%;
		margin:0px auto 60px auto;
		text-align:left;
		clear:both;
		float:left;
	}
    main .inner{
        width:1000px;
        margin: 0px auto;
    }
    main.contact{
        background: url(../img/contact/bg_img.png) no-repeat;
        background-size:100% auto;
    }
    main.company{
        background: url(../img/company2/company_image02.JPG) #42494E no-repeat;
        background-size:100% auto;
    }

	/*----------------------
	aside
	------------------------*/
	aside{
		width:240px;
		float:right;
	}

	/*---------------------------
	nav
	-----------------------------*/
	nav{
		clear:both;
        background: #333;
        margin: 0px 0px 6px 0px;
        padding: 0px;
	}
	nav ul{
		padding: 0px; 
		margin: 0px;
	}
	nav li{
        width:25%;
        height: 55px;
        line-height: 55px;
		list-style:none;
		display:block; 
		padding: 0px 0px 0px 0px; 
		margin: 0px 0px 0px 0px;
		display:inline-block;
	}
    nav li a:link,
    nav li a:visited{
        width:100%;
        height: 100%;
        text-align: center;
        background:#333;
        display: block;
        color:#fff;
        text-decoration: none;
        background:url(../img/common/nav_bg.png) no-repeat center right;
    }
    nav li a:hover,
    nav li a:active{
        background: #fff;
        color:#333;
    }
    nav li a:nth-child(2n){
        background:none;
        background:#333;
    }
    nav li.on a{
        width:100%;
        height: 100%;
        text-align: center;
        background:#fff;
        display: block;
        color:#333;
        text-decoration: none;
        font-weight: bold;
    }
    
    /*--------------------------
    content
    ---------------------------*/
    #content_title{
        width:100%;
        margin-bottom:60px;
        padding: 30px 0px 20px 0px;
        text-align: center;
        border-bottom:1px solid #ccc;
    }
    #content_title.company{
        padding-top:50px;
        margin-bottom:40px;
        border:none;
    }
    #content_title h1{
        font-size:20px;
        letter-spacing: 10px; 
    }
    #content_title.biz_guide{
        margin:0px;
        border:none;
    }
    #content_title span{
        display: block;
        padding:15px 0px;
        font-size:12px;
        letter-spacing: 10px;
        font-weight: normal;
    }

}
/*===============================================
smart  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

    /*---------------------------
	container
	----------------------------*/
	#container{
		width:100%;
		margin:0px;
		padding:0px;
	}

	/*---------------------------
	header
	----------------------------*/
	header{
		margin: 0px;
		padding:20px 0px;
		font-size:10px;
		text-align:center;
	}
    header img{
        width:60%;
    }

	/*---------------------------
	footer
	---------------------------*/
	footer{
		width:100%;
		margin:0px;
		font-size:10px;
		/*文字位置指定*/
		text-align:left;
		clear:both;
        position: relative;
        background: #333;
	}
    
    footer .pagetop {
        position: absolute;
        top:-40px;
        left:0px;
        right:0px;
        width:48px;
        height: 32px;
        margin: 0px auto;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        z-index: 100;
        background: url(../img/common/pagetop_img.png) no-repeat;
    }
    footer .pagetop a {
        display: block;
        width:100%;
        height: 100%;
    }
    footer .inner {
        width:96%;
        margin: 0px auto;
        padding: 40px 0px;
        text-align: center;
    }
    footer ul {
        width:80%;
        text-align: left;
        margin:0px auto 40px auto;
    }
    footer li {
        display: inline-block;
        width:50%;
    }
    footer li a:link,
    footer li a:visited{
        padding:5px 10px;
        color:#ccc;
        font-size:0.9rem;
        line-height: 1.6rem;
        text-decoration: none;
        box-sizing: border-box;
    }
    footer li a:hover,
    footer li a:active{
        color:#fff;
        border:1px solid #ccc;
    }
    footer .copyright{
        width:100%;
        padding: 15px 0px;
        background: #fff;
        text-align: center;
        font-size: 10px;
        color:#999;
    }

	/*----------------------
	main
	------------------------*/
	main{
		width:100%;
		margin:0px auto 60px auto;
		text-align:left;
		clear:both;
		float:left;
	}
    main .inner{
        width:96%;
        margin: 0px auto;
    }
    main.contact{
        background: url(../img/contact/bg_img.png) no-repeat;
        background-size:100% auto;
    }
    main.company{
        background: url(../img/company2/company_image02.JPG) #333 no-repeat top center;
        background-size:170% auto;
    }

	/*----------------------
	aside
	------------------------*/
	aside{
		width:240px;
		float:right;
	}

	/*---------------------------
	nav
	-----------------------------*/
	nav{
		clear:both;
        background: #333;
        margin: 0px 0px 6px 0px;
        padding: 0px;
	}
	nav ul{
		padding: 0px; 
		margin: 0px;
	}
	nav li{
        width:50%;
        height: 40px;
        line-height: 40px;
		list-style:none;
		display:block; 
		padding: 0px 0px 0px 0px; 
		margin: 0px 0px 0px 0px;
		display:inline-block;
	}
    nav li a:link,
    nav li a:visited{
        width:100%;
        height: 100%;
        text-align: center;
        background:#333;
        display: block;
        color:#fff;
        text-decoration: none;
        background:url(../img/common/nav_bg.png) no-repeat center right;
    }
    nav li a:hover,
    nav li a:active{
        background: #fff;
        color:#333;
    }
    nav li.on a{
        width:100%;
        height: 100%;
        text-align: center;
        background:#fff;
        display: block;
        color:#333;
        text-decoration: none;
        font-weight: bold;
    }
    
    /*--------------------------
    content
    ---------------------------*/
    #content_title{
        width:100%;
        margin-bottom:60px;
        padding: 30px 0px 20px 0px;
        text-align: center;
        border-bottom:1px solid #ccc;
    }
    #content_title.company{
        padding-top:50px;
        margin-bottom:40px;
        border:none;
    }
    #content_title h1{
        font-size:20px;
        letter-spacing: 10px; 
    }
    #content_title.biz_guide{
        margin:0px;
        border:none;
    }
    #content_title span{
        display: block;
        padding:15px 0px;
        font-size:12px;
        letter-spacing: 10px;
        font-weight: normal;
    }

}