@charset "utf-8";

hr{/margin:0}

    html {font-size:16px}
	.box2-a, .box2-b {width:47.5%}
	.box3-a, .box3-b, .box3-c {width:30%}
	.box4-a, .box4-b, .box4-c, .box4-d {width:21.25%}
	.box12-a, .box23-b {width:57%}
	.box12-b, .box23-a {width:38%}
	.box13-a, .box24-b {width:66.5%}
	.box13-b, .box24-a {width:28.5%}
	.box2-a,
	.box3-a, .box3-b,
	.box4-a, .box4-b, .box4-c,
	.box12-a,
	.box23-a,
	.box13-a,
	.box24-a {float:left;margin-bottom:0;max-width:none}
	.box2-b,
	.box3-c,
	.box4-d,
	.box12-b,
	.box23-b,
	.box13-b,
	.box24-b {float:right;max-width:none}
	.box3-a,
	.box4-a, .box4-b {margin-right:5%}
    .fs_5l {font-size:2em}/* 30 */
    .fs_4l {font-size:1.6em}/* 24 */
    .fs_3l {font-size:1.333em}/* 20 */
    .fs_2l {font-size:1.2em}/* 18 */
    .fs_l {font-size:1.066em}/* 16 */
    .fs_m {font-size:1em}/* 15 */
    .fs_s {font-size:.933em}/* 14 */
    .fs_2s {font-size:.866em}/* 13 */
    .fs_3s {font-size:.8em}/* 12 */
    #header .inner {
        padding:25px 5%;
    }
    #subA,
    #subB {
        width:200px;
    }
    #subA {
        float:left;
        position:relative;
        z-index:1;
    }
    #subB {
        float:right;
        position:relative;
        z-index:2;
        padding-top:50px;
    }
    #mainWrap {
        margin:0 -200px;
        float:left;
        width:100%;
        position:relative;
        z-index:0;
    }
    #main {
        /*width:800px;*/
        padding:0;
        margin:0 240px;
        position:relative;
        z-index:3;
    }
    .site-description {
        margin:0;
        padding:8px;
        background:#eee;
    }
#header {
    border-bottom:solid 1px #ddd;
}
    #header .logo {
        float:left;
        width:143px;
    }
    #globalNav {
        display:block;
        padding-top:15px;
    }
    #globalNav ul {
        margin:0 0 .5em;
        padding:0;
        list-style:none;
        display:inline;
    }
    #globalNav li {
        display:inline;
        padding:0;
        margin-left:.5em;
    }
    #globalNav li:before {
        content:"／";
        margin-right:.6em;
    }
    #globalNav li:first-child:before {
        content:none;
    }
    #globalNav a {
        color:#333;
        text-decoration:none;
    }
    #globalNav a:hover {
        color:#f90;
    }
    #header .btnInquiry {
        margin-left:1.5em;
    }
    #header .btnInquiry a {
        display:inline-block;
        border:solid 1px #333;
        padding:2px 12px;
        border-radius:2px;
    }
    #header .btnInquiry a:hover {
        color:#fff;
        background:#f90;
        border-color:#f90;
    }
.breadCrumb div:before {
    width:1em;
    margin-left:auto;
    margin-right:auto;
}
    #subA .h_01 .english {
        font-size:2.5em;
    }
    .page-numbers {
        padding:1em .9em;
    }
    .pagination .nav-links a {
        padding:1em 1.4em;
        margin-left:2px;
        margin-right:2px;
    }
    .relatedPosts ul {
        list-style:none;
        margin:0 -3% 0 0;
        padding:0;
    }
    .relatedPosts li {
        width:22%;
        margin-right:3%;
    }
    .footerNavBox {
        width:25%;
    }
.contentFootBox {
    width:300px;
}
.socialInfoArea {
    width:300px;
}

/***** page-index *****/
    .serviceList .webSupport ul {
        margin-top:3em;
        margin-bottom:3.1em;
    }
    .search-bplus {
        float:right;
    }

/******* kawaguchi-web *******/
	.kawaguchi-webSection01 {
		padding-top:10%;
		padding-bottom:20%
	}
	.kawaguchi-webSection03 {
		padding:5% 55% 5% 5%;
		background:url('../images/kawaguchi_back01.jpg') no-repeat center center;
		background-size:cover;
	}
	.kawaguchi-webSection04 {
		padding:5% 5% 5% 55%;
		background:url('../images/kawaguchi_back02.jpg') no-repeat center center;
		background-size:cover;
	}
	.kawaguchi-webSection05 {
		padding:5% 55% 5% 5%;
		background:url('../images/kawaguchi_back03.jpg') no-repeat center center;
		background-size:cover;
	}