@charset "utf-8";


/*-----------------------------------------------------------
全体スタイル
-----------------------------------------------------------*/


body {
    background: #FFFFFF;
    color: #4D4D4D;
    font-size: 15px;
/* 文字サイズ計算＝【基本サイズ ÷ 表示したいサイズ * 100 （小数点以下切り上げ） */
    line-height: 1.5;
    width: 100% !important;
    webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    max-height: 100%;
}

.mB15 {
    width: 960px;
    margin: 0 auto 15px;
    font-size: 16px;
}

.form_wrap {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 50px 0;
}

/*リンク表示方法*/

a:link {
    color: #0000FF;
    text-decoration: underline;
}

a:visited {
    color: #0000FF;
    text-decoration: underline;
}

a {}

a:active {
    color: #0000FF;
    text-decoration: none;
}

a:hover {
    color: #993300;
    text-decoration: none;
}

.contact_bnnr img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

#side > ul > li a img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 961px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

    body {
        font-size: 14px;
/* 文字サイズ計算＝【基本サイズ ÷ 表示したいサイズ * 100 （小数点以下切り上げ） */
        min-width: 960px;
        max-height: 100%;
        overflow: hidden;
        color: #333333;
    }

    .pc_none {
        display: none !important;
    }

    .pc_none2 {
        display: none;
    }


/*-----------------------------------------------------------

.header

-----------------------------------------------------------*/

    #header {
        position: relative;
        background: #F2F2F2;
        z-index: 9999;
    }

	/* logo */
	#header .logo {
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 9999;
	    box-shadow: 0px 1px 12px 0px #8a8989;
	    -moz-box-shadow: 0px 1px 12px 0px #ccc;
	    -webkit-box-shadow: 0 5px 10px 0 #8a8989;
	}

	.spec #header .logo {
	    position: absolute;
	}

	#header .logo img {
	    transition: all .4s;
	}

	#logo > p > a {
	    display: block;
	}

	/* 固定ヘッダー */
	.fixed #header {
		position: fixed;
		width: 100%;
		height: 90px;
		top: 0;
		left: 0;
	}

	.fixed #header .logo {
		position: absolute;
	}

	.fixed #header .logo img {
		width: 120px;
		height: 145px;
	}
	.fixed .hIn,
	.fixed .hWrap {
		display: none;
	}

    h1 {
        color: #fff;
        font-weight: normal;
        font-size: 12px;
        margin: 0 auto;
        text-align: center;
        padding: 4px 70px 1px 0;
        background: #63BDC6;
        width: 890px;
    }

	.hWrap {
	    background: #63BDC6;
	}

    .h_logo {
        width: 390px;
        float: left;
        margin: 22px 0 0 0;
    }

    .h_logo + li {
        width: 304px;
        float: right;
        margin: 11px 0 0 0;
        padding: 0 0 0 48px;
        background: url(./../img/h_icon.png) no-repeat;
        background-position: 0 4px;
    }

    .h_info > li:first-child {
        font-size: 12px;
        font-weight: bold;
    }

    .h_info_dl dt {
        font-size: 13px;
        display: inline-block;
        vertical-align: top;
        margin: 13px 3px 0 0;
    }

    .h_info_dl {
        color: #00558D;
        font-weight: bold;
        margin: -3px 0 0 0;
    }

    .h_info_dl dd {
        display: inline-block;
        margin: 8px 0 0 0;
    }

    .h_navi > li {
        display: inline-block;
        line-height: 1;
        border-left: solid 1px #00A9CE;
        margin: 0 0 0 1px;
        padding: 0 0 0 5px;
        vertical-align: top;
    }

    .h_navi > li a {
        color: #00A9CE;
        font-size: 14px;
        text-decoration: none;
    }

    .h_navi > li:first-child {
        border: none;
        margin: 0;
        padding: 0;
    }

    .h_navi {
        text-align: right;
    }

    .h_info {
        margin: 0 0 15px 0;
    }

    .h_navi > li a:hover {
        color: #FF931E;
    }

    .hIn li {
        display: inline-block;
        vertical-align: top;
    }

	.hIn a {
	    display: block;
	}

	.hIn li + li > dl > dd {
	    padding: 5px 0 5px 0;
	    font-size: 12px;
	}

	.hIn > li:first-child > dl > dt {
	    margin: 3px 25px 0 0;
	    padding: 0 0 0 24px;
	    background-image: url("../img/tel_icon01.png");
	    background-repeat: no-repeat;
	    background-position: 0 1px;
	}

    .hIn {
        margin: 0 auto;
        padding: 14px 0 0 0;
        width: 960px;
        text-align: right;
    }

	.hIn > li:first-child dd {
	    margin: 8px 19px 0 0;
	    padding: 1px 25px 0 0;
	    background: #FBF4E0;
	    font-size: 12px;
	}

/*-----------------------------------------------------------
#nav
-----------------------------------------------------------*/

    .gNavi li {
        display: inline-block;
    }

	.gNavi a {
	    display: block;
	}

    .gNavi {
        margin: 0 auto;
        width: 960px;
        text-align: right;
        font-size: 0;
    }

    .naviWrap {
        background-image: url("../img/navi_bg.png");
        background-repeat: repeat;
        box-shadow: 0px 0px 0px 0px #ccc;
        -moz-box-shadow: 0px 1px 12px 0px #ccc;
        -webkit-box-shadow: 0 3px 12px 0 #7b7a7a;
        background-position: center top;
    }

/*-----------------------------------------------------------

.cover

-----------------------------------------------------------*/

    .cover {
        height: 550px;
        background: url(./../img/top_bg1.jpg) no-repeat;
        background-position: center top;
        position: relative;
        margin: -9px 0 0 0;
    }

    #midground {
        background: url(./../img/top_bg2.png) repeat center top;
    }

/*------- cover_in ---------*/

    .cover_in {
        background: url(./../img/cover_in_bg1.jpg) no-repeat;
        background-position: center top;
    }

    .cover_in h2 {
        width: 1000px;
        margin: 0 auto;
    }

.cover01 {
	background-image: url("../img/cover_bg_01.png");
}

.cover02 {
	background-image: url("../img/cover_bg_02.png");
}

.cover03 {
	background-image: url("../img/cover_bg_03.png");
}

.cover04 {
	background-image: url("../img/cover_bg_04.png");
}

.cover05 {
	background-image: url("../img/cover_bg_05.png");
}

.cover06 {
	background-image: url("../img/cover_bg_06.png");
}

.cover07 {
	background-image: url("../img/cover_bg_07.png");
}

.cover08 {
	background-image: url("../img/cover_bg_08.png");
}

.inCover {
	height: 320px;
	background-position: center top;
}

.inCover h2{
	width: 900px;
	margin: 0 auto;
}

.bx-viewport {
    overflow: inherit !important;
}

.bx-wrapper {
    z-index: 9998;
    width: 960px !important;
    overflow: visible;
}

.bxslider2 {
    overflow: hidden;
    height: 340px;
}


/*-----------------------------------------------------------
#wrap
-----------------------------------------------------------*/

    #wrap {
        margin: 49px auto 0;
        width: 1000px;
    }


/*-----------------------------------------------------------
#main
-----------------------------------------------------------*/

    #main {
        /* padding: 0; */
        width: 100%;
        /* float: right; */
        background: #FAFAFA;
    }

	.topContentsWrap {
	    padding: 36px 0 0 0;
	    height: 647px;
	    background-image: url("../img/news_bg.png");
	    background-repeat: repeat;
	    background-position: center top;
	}

	.newsWrap {
	    margin: 55px 0 0 0;
	    /* background-image: url("../img/news_bg.png"); */
	    /* background-repeat: no-repeat; */
	}

	.newsIn a {
		text-decoration: none;
		color: #39B54A;
	}

	.newsIn a:hover {
		color: #63BDC6;
	}
	 

    .orderWrap {
        /* margin: 120px 0 0 0; */
        background-image: url(".././img/order_bg.png");
        /* background-repeat: no-repeat; */
        background-position: center top;
        /* box-shadow: 0px 1px 12px 0px #ccc; */
        -moz-box-shadow: 0px 1px 12px 0px #ccc;
        /* -webkit-box-shadow: 0 9px 12px 0 #ccc; */
    }

	.order {
	    margin: 0 auto;
	    width: 960px;
	}

	    .order dt {
	        margin: -91px -83px 0 -80px;
	        float: right;
	        width: 550px;
	    }

	.orderIn h3 {
	    padding: 31px 0 0 21px;
	}

	.orderIn p {
	    font-size: 16px;
	    padding: 8px 17px 0 22px;
	    line-height: 1.7em;
	}

	.orderIn > dd > p + p + p +p {
	    padding: 9px 20px 0 21px;
	}

	.orderBtn a {
	    display: block;
	}

	.area h3 {
	    width: 960px;
	    margin: 0 auto;
	}

	.areaIn {
	    width: 960px;
	    margin: 24px auto 0;
	}

	.botBannerWrap {
	    /* margin: 58px 0 0 0; */
	    padding: 38px 0 28px 0;
	    border-top: solid 3px #39B54A;
	    background-image: url("../img/bottom_banner_bg.png");
	    background-repeat: repeat;
	    background-position: center top;
	}

	.topContact h3 {
	    width: 960px;
	    padding: 0 0 8px 0;
	    margin: 0 auto;
	    border-bottom: solid 1px #CECDCA;
	}

	.topContactIn {
	    width: 960px;
	    margin: 19px auto 0;
	}

	.topContactIn a {
	    display: block;
	}

	.topContactIn > li:first-child {
	    float: left;
	    width: 711px;
	    background-image: url("../img/contact_bg.png");
	    background-repeat: no-repeat;
	}

	.topContactTop {
	    padding: 33px 0 10px 26px;
	}

	.topContactBot {
	    margin: 0 0 0 26px;
	    padding: 9px 0 0 0;
	    width: 500px;
	    border-top: solid 1px #B2A9A2;
	}

	.topContactTop dt {
	    padding: 0 0 0 39px;
	    float: left;
	    width: 250px;
	    background-image: url("../img/tel_icon04.png");
	    background-repeat: no-repeat;
	    background-position: -1px 5px;
	}

	.topContactTop dd {
	    float: left;
	    width: 102px;
	    background: #fff;
	    font-size: 13px;
	    padding: 3px 20px 3px 20px;
	    margin: 5px 0 0 18px;
	}

	.topContactBot dt {
	    float: left;
	    padding: 4px 0 5px 40px;
	    width: 170px;
	    background-image: url("../img/tel_icon05.png");
	    background-repeat: no-repeat;
	    background-position: 8px 3px;
	}

	.topContactBot dd {
	    float: left;
	    margin: 1px 0 20px 32px;
	    padding: 5px 6px 4px 16px;
	    width: 185px;
	    font-size: 13px;
	    background: #fff;
	}

	.topContactIn > li + li {
	    float: left;
	    width: 235px;
	    margin: 0 0 0 14px;
	}

	.botBanner {
	    width: 960px;
	    margin: 0 auto;
	}

	.botBanner li {
	    margin: 0 0 0 30px;
	    float: left;
	    width: 300px;
	}

	.botBanner li:first-child {
	    margin: 0;
	}

	.botBanner a {
	    display: block;
	}

	.areaIn > li:first-child {
	    float: left;
	    width: 409px;
	}

	.areaIn > li + li {
	    float: left;
	    width: 518px;
	    margin: 2px 0 0 33px;
	}

	.areaText h4 {
	    font-size: 20px;
	    font-weight: bold;
	    color: #63BDC6;
	}

	.areaText p {
	    margin: 11px 0 0 0;
	    font-size: 16px;
	    line-height: 1.8em;
	}

	.areaTextIn {
	    margin: 65px 0 0 0;
	}

	.areaTel {
	    margin: 13px 0 0 0;
	    padding: 15px 0 9px 0;
	    width: 100%;
	    background: #FBF4E1;
	    border-bottom: solid 3px #E2D8BE;
	}

	.areaTel > li:first-child > dl {
	    padding: 0 0 14px 7px;
	    border-bottom: solid 1px #EBE5D5;
	}

	.areaTelTop dt {
	    padding: 8px 0 0 38px;
	    width: 195px;
	    float: left;
	    font-size: 25px;
	    font-weight: bold;
	    background-image: url("../img/tel_icon02.png");
	    background-repeat: no-repeat;
	    background-position: 5px 7px;
	}

	.areaTelBot dt {
	    margin: 5px 0 0 8px;
	    padding: 7px 0 0 42px;
	    float: left;
	    width: 150px;
	    font-weight: bold;
	    font-size: 17px;
	    background-image: url("../img/tel_icon03.png");
	    background-repeat: no-repeat;
	    background-position: 2px 7px;
	}

	.areaTelBot dd {
	    margin: 5px 0 0 76px;
	    padding: 8px 6px 5px 16px;
	    width: 185px;
	    float: left;
	    font-size: 13px;
	    background: #fff;
	}

	.areaTelTop dd {
	    margin: 1px 0 0 36px;
	    padding: 15px 8px 10px 14px;
	    width: 185px;
	    float: left;
	    font-size: 13px;
	    background: #fff;
	}

    .order dd {
        margin: 22px 0 0 0;
        padding: 0 0 23px 0;
        float: left;
        width: 570px;
        background-image: url("../img/order_in_bg.png");
        background-repeat: no-repeat;
    }

	.area {
	    padding: 60px 0 58px 0;
	    background: url("../img/area_bg.png");
	    background-repeat: repeat;
	    background-position: center top;
	}

	.topContact {
	    margin: 30px 0 0 0;
	    padding: 0 0 55px 0;
	    background-image: url("../img/contact_bg02.png");
	    background-position: center top;
	}


/*-----------------------------------------------------------
#side
-----------------------------------------------------------*/

    .side_tit1 {
        margin: 0 0 19px 0;
    }

    .tit_style05 {
        margin: 0 0 23px 0;
    }

    .side_style1 > dt {
        margin: 0 0 16px 0;
    }

    #side {
        width: 220px;
        float: left;
        padding: 1px 0 0 0;
    }

    .side_style_in1 dt {
        font-weight: bold;
        margin: 0 0 14px 0;
    }

    .side_style_in1 dd {
        margin: 12px 0 0 0;
    }

    .side_style_in1 dt + dd {
        margin: 0;
        line-height: 1.2;
    }

    #side > ul > li {
        margin: 20px 0 0 0;
    }

    #side > ul > li:first-child {
        margin: 0;
    }


/*-----------------------------------------------------------
#footer
-----------------------------------------------------------*/

    #footer {
        border-top: solid 5px #63BDC6;
        /* margin: 55px 0 0 0; */
        padding: 29px 0 0 0;
        background-position: center bottom;
    }

	.inner {
	    margin: 0 auto;
	    width: 960px;
	}

	.fn {
	    margin: 0 0 0 8px;
	}

	.fInfo {
	    border-top: solid 1px #D3D3D3;
	}

	.fInfo li:first-child a {
	    display: block;
	}

	.fCopyrightWrap {
	    background: #63BDC6;
	}

	.fCopyright {
	    width: 960px;
	    margin: 0 auto;
	    padding: 4px 0 1px 0;
	}

	.fCopyright li:first-child {
	    float: left;
	    width: 180px;
	    color: #fff;
	    font-size: 12px;
	}

	.fCopyright li + li {
	    float: right;
	    width: 325px;
	    color: #fff;
	    font-size: 13px;
	    text-align: right;
	    letter-spacing: 0.5px;
	}

	.fn li {
	    margin: 0 0 22px 3px;
	    font-size: 13px;
	    display: inline-block;
	    background-image: url("../img/iconF_off.png");
	    background-repeat: no-repeat;
	    background-position: 1px 2px;
	}

	.fn li:hover {
	    background-image: url("../img/iconF_on.png");
	}

	.fn li > a {
	    padding: 0 0 0 18px;
	    text-decoration: none;
	    color: #333333;
	    display: block;
	}

	.fn li > a:hover {
	    color: #63BDC6;
	}

	.fInfo li:first-child {
	    float: left;
	    width: 185px;
	    padding: 13px 0 17px 0;
	}

	.fInfo li + li {
	    /* padding: 40px 0 0 0; */
	    float: right;
	    width: 375px;
	}

	.fInfoR dt {
	    margin: 40px 0 0 5px;
	    padding: 0 0 0 26px;
	    float: left;
	    width: 191px;
	    background-image: url("../img/tel_icon06.png");
	    background-repeat: no-repeat;
	}

	.fInfoR dd {
	    float: left;
	    margin: 30px 0 15px 10px;
	    padding: 2px 21px 2px 21px;
	    width: 100px;
	    background: #FBF4E1;
	    text-align: center;
	    font-size: 13px;
	}

    .footer_in {
        width: 1000px;
        margin: 0 auto;
    }

    .footer_in > li {
        border-bottom: solid 1px #BFE0F0;
    }

    .f_llist > li {
        display: inline-block;
        letter-spacing: normal;
    }

    .f_llist {
        letter-spacing: 9px;
        font-size: 13px;
        padding: 0 0 32px 0;
    }

    .f_navi > li a {
        color: #00A9CE;
        font-size: 13px;
        text-decoration: none;
    }

    .f_navi > li a:hover {
        color: #FF931E;
    }

    .f_navi > li {
        display: inline-block;
        line-height: 1;
        border-left: solid 1px #00A9CE;
        padding: 0 0 0 6px;
        margin: 0 0 0 1px;
    }

    .f_navi > li:first-child {
        border: none;
        margin: 0;
        padding: 0;
    }

    .f_navi {
        text-align: center;
        padding: 41px 0 37px 0;
    }

    .f_logo {
        width: 1000px;
        margin: 41px auto 24px;
        text-align: center;
        font-size: 12px;
    }

    .copyright small {
        width: 1000px;
        margin: 0 auto;
        display: block;
    }

    .copyright {
        text-align: center;
    }

    .f_logo dt {
        margin: 0 0 21px 0;
    }


/* 全ページ共通クラス
----------------------------------------------------------- */


/*--- タイトル ---*/

    .tit1 {
        margin: 0 0 20px 0;
    }

    .tit3 {
        margin: 0 0 13px 0;
    }

    .tit4 {
        margin: 0 0 20px 0;
    }

    .tit_in1 {
        color: #00558D;
        font-size: 28px;
        line-height: 1;
        margin: 0 0 20px 0;
        border-left: solid 6px #54BCE8;
        padding: 0 0 0 7px;
    }

    .tit_in1 span {
        color: #4D4D4D;
        display: block;
        font-size: 14px;
    }

    #form {
        margin: 30px 0 0 0;
        padding: 10px 0 0 0;
    }

    .tit_in2 {
        color: #00558D;
        font-size: 20px;
        margin: 0 0 10px 0;
        line-height: 1;
        padding: 5px 0 8px 42px;
        background: url(./../img/icon1.png) no-repeat;
        background-position: 0 center;
    }

    .tit_in3 {
        color: #00558D;
        font-size: 20px;
        margin: 0 0 10px 0;
        line-height: 1;
        padding: 5px 0 8px 42px;
        background: url(./../img/icon2.png) no-repeat;
        background-position: 0 center;
    }

    .tit_in4 {
        color: #00558D;
        font-size: 20px;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .tit_in5 {
        color: #00558D;
        font-size: 20px;
        margin: 0 0 10px 0;
        line-height: 1;
    }

/*--- リスト ---*/

    .inList1 > li {
        width: 300px;
        float: left;
        height: 250px;
        position: relative;
        text-align: center;
    }

    .inList1 > li img {
        max-width: 300px;
    }

    .pmance .inList1 > li {
        margin: 0 50px 15px 0;
    }

    .pmance .inList1 > li:first-child {
        margin: 0 80px 15px 0;
    }

    .pmance .inList1 {
        margin: 0 -50px 0 0;
    }

    .pmance .inList1 > li img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .inList1 > li:first-child {
        margin: 0 50px 0 0;
    }

    .inner_contents > li {
        border: solid 1px #E6E6E6;
        padding: 29px 29px 30px;
        margin: 30px 0 0 0;
    }

    .inner_contents > li:first-child {
        margin: 0;
    }


/*--- リード ---*/

    .lead {
        /* background: #EAF5FA; */
        padding: 10px 20px 10px;
        margin: 11px 0 20px 0;
        text-align: center;
        font-size: 16px;
        line-height: 1.8em;
    }

    .lead_box {
        padding: 1%;
        box-shadow: 2px 2px 10px 2px #f2f2f2;
        -moz-box-shadow: 2px 2px 10px 2px #f2f2f2;
        -webkit-box-shadow: 0px 1px 10px 3px #f2f2f2;
        margin: 0 0 30px 0;
    }

    .lead_box dt {
        background: #29ABE2;
        padding: 10px 2% 10px;
        color: #fff;
    }

    .lead_box dd {
        padding: 17px 2% 16px;
        text-align: center;
        background: #E6F7FF;
    }

    .lead_box dt span {
        display: block;
    }

    .lead_box dd p {
        margin: 5px 0 0 0;
    }

    .lead_box dd p:first-child {
        margin: 0;
    }

    .lead_box2 dt {
        background: #29ABE2;
        padding: 10px 2% 10px;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        width: 30%;
    }

    .lead_box dt em {
        font-weight: bold;
        font-size: 18px;
        letter-spacing: 1px;
    }

/*--- セクション ---*/

    .section_style02 dt {
        width: 275px;
        float: left;
        margin: 0 20px 0 0;
    }

    .listStyle2 > li > dl > dd {
        padding: 6px 4% 5px;
        background: #E6F7FF;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .section_style02 dt img {
        display: block;
        margin: 0 0 10px 0;
    }

    .section_style02 dd {
        width: 385px;
        float: left;
    }

    .section_style02 dt img {
        box-shadow: 2px 2px 10px 2px #f2f2f2;
        -moz-box-shadow: 2px 2px 10px 2px #f2f2f2;
        -webkit-box-shadow: 0px 2px 10px 2px #f2f2f2;
        padding: 2%;
    }

    .section_style03 dt {
        width: 275px;
        float: right;
        margin: 0 0 0 20px;
    }

    .section_style03 dd {
        width: 385px;
        float: right;
    }

    .section_style03 dt img {
        box-shadow: 2px 2px 10px 2px #f2f2f2;
        -moz-box-shadow: 2px 2px 10px 2px #f2f2f2;
        -webkit-box-shadow: 0px 2px 10px 2px #f2f2f2;
        padding: 2%;
    }

    .movie_text {
        padding: 10px 15px;
        background: #e6f7ff;
    }

    .movie_text li {
        float: left;
        width: 150px;
    }

    .movie_text li:first-child {
        float: left;
        width: 485px;
        margin: 0 10px 0 0;
        line-height: 1.7;
    }

    .movie_text li dl dd {
        font-size: 11px;
        font-weight: bold;
        margin: 5px 0 0 3px;
        color: #00558d;
    }


/*--- テーブル ---*/

    .tb1 {
        padding: 0 0 30px 0;
        width: 100%;
        font-size: 100%;
    }

    .tb1 th, .tb1 td {
        padding: 10px 3% 10px !important;
    }

    .tb1 th {
        text-align: center;
        padding: 3% 1% 2%;
        position: relative;
        width: 30%;
    }

    .tb1 td {
        font-size: 14px;
    }

    .tb1 .tb_bg1 {
        background: #ECD6EB;
    }

    .tb2 {
        width: 100%;
    }

    .tb2 th,.tb2 td {
        padding: 3% 1.5% 2%;
    }

    .tb2 th {
        width: 210px;
        text-align: center;
    }

    .tb3 {
        width: 100%;
    }

    .tb3 th {
        width: 170px;
        text-align: center;
    }

    .tb3 th,.tb3 td {
        padding: 10px 10px 8px;
    }


/*--- パンくずリスト ---*/

    .pankuzu_wrap {
        height: 40px;
        line-height: 40px;
        font-size: 85.714%;
    }

    .pankuzu {
        margin: 20px auto 25px;
        width: 960px;
        font-size: 12px;
    }


/*--- gallery_01 ---*/
.galleryWrap {
    width: 960px;
    margin: 0 auto 70px;
}

.galleryTitle h3 {
    padding: 10px 0;
    font-size: 20px;
    border-bottom: solid 1px #D0D0D0;
}

.galleryTitle p {
    margin: 11px 0 0 0;
    padding: 0 0 25px 0;
    font-size: 16px;
    line-height: 1.8em;
    text-align: center;
}

.main_img {
	display: none;
}

.gallery > li:first-child img {
	/* display: block; */
	/* max-width: 457px; */
	/* max-height: 350px; */
	/* width: auto; */
	/* height: auto; */
	/* position: absolute; */
	/* top: 0; */
	/* right: 0; */
	/* left: 0; */
	/* bottom: 0; */
	/* margin: auto; */
}

.pager li {
    /* float: left; */
    display: inline-block;
    margin: 0 0 0 8px;
    text-align: center;
}

.pager > li > em {
    background: #39B54A;
    border: solid 1px #33A83E;
    display: block;
    width: 30px;
    padding: 4px 0 5px 0;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}

.pager li:first-child {
    margin: 0;
}

.pager {
    margin: 50px auto 0;
    text-align: center;
}

.pager a {
    display: block;
    width: 30px;
    padding: 4px 0 5px 0;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    background: #63BDC6;
    border: solid 1px #50A1A5;
}

.pager a:hover {
    background: #39B54A;
    border: solid 1px #33A83E;
}

.galleryContents {
    padding: 30px 0 0 0;
}

.gallery > li {
    float: left;
    /* width: 454px; */
    /* margin: 0 0 0 19px; */
    /* position: relative; */
    /* height: 350px; */
}

.gallerySub {
    letter-spacing: 10px;
    font-size: 0;
    width: 454px;
}

.gallerySub li {
    display: inline-block;
    width: 222px;
    height: 170px;
    margin: 0 0 10px 0;
    letter-spacing: normal;
}

.thum_img {
    width: auto;
    height: auto;
    max-width: 222px;
    max-height: 170px;
    cursor: pointer;
}

.thum_img:hover {
    opacity: .5;
}

.gallery > li:first-child {
    /* float: left; */
    /* width: 457px; */
    /* margin: 0; */
}

.gallery > li:first-child img {
    /* width: 430px; */
}

.galleryIn h4 {
    font-size: 20px;
    margin: 0 0 20px 0;
    padding: 10px 0 10px 30px;
    border-bottom: solid 1px #D0D0D0;
    background-image: url("../img/title_icon05.png");
    background-repeat: no-repeat;
    background-position: 0 10px;
}

#wrapper_red {
    width: 560px;
    margin: 0 auto;
    /* border: 5px solid #C30; */
    padding: 20px 60px 0;
}

.slider_in li {
    float: left;
    margin: 20px;
    width: 219px;
}

.gallery .bx-wrapper .bx-pager {
    text-align: center !important;
}

.gallery {
    /* padding: 0 15px; */
}

.galleryIn h5 {
    width: 930px;
    margin: 30px auto 0;
    padding: 9px 0 9px 30px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-image: url("../img/title_cover01.png");
    background-repeat: no-repeat;
    /* background: #63BDC6; */
    /* border-bottom: solid 3px #50A1A5; */
    /* border-radius: 5px; */
}

.galleryIn p {
    width: 940px;
    padding: 5px 10px 5px 10px;
    margin: 11px auto 0;
    font-size: 16px;
    line-height: 1.8em;
    /* border: solid 1px #50A1A5; */
}

.galleryContents h4 + ul + p {
    font-size: 14px;
    color: #39B54A;
}


/*--- furniture ---*/
.furnitureWrap,.joineryWrap {
    width: 960px;
    margin: 0 auto 50px;
}

.furnitureWrap ul,.joineryWrap ul {
    margin: 40px 0 0 0;
    background: #fff;
    padding: 15px;
    /* border: solid 1px #D0D0D0; */
    box-shadow: 6px 6px 5px -3px #8a8989;
    -moz-box-shadow:6px 6px 5px -3px #8a8989;
    -webkit-box-shadow:6px 6px 5px -3px #8a8989;
}

.furniture li,.joinery li {
    float: left;
    width: 533px;
    margin: 0 0 0 15px;
    /* padding: 10px; */
    /* border: solid 1px #D0D0D0; */
}

.furniture li + li > dl > dt,.joinery li + li > dl > dt {
    font-size: 20px;
    font-weight: bold;
}

.furniture dd,.joinery dd {
    margin: 11px 0 0 0;
    font-size: 16px;
    line-height: 1.8em;
    padding: 0 0 0 10px;
}

.furniture li:first-child dd,.joinery li:first-child dd {
    border: solid 1px #D0D0D0;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.furniture li:first-child,.joinery li:first-child {
    float: left;
    width: 380px;
    margin: 0;
    border: none;
}

.furnitureWrap h3,.joineryWrap h3 {
    padding: 10px 0;
    font-size: 20px;
    border-bottom: solid 1px #D0D0D0;
}

.furnitureWrap p,.joineryWrap p {
    font-size: 16px;
    line-height: 1.8em;
    margin: 11px 0 0 0;
    text-align: center;
}


/*--- about ---*/
.aboutWrap {
    width: 960px;
    margin: 0 auto;
}

.aboutBot {
    width: 960px;
    margin: 40px auto 0;
    padding: 0 0 30px 0;
    /* background: #fff; */
}

.aboutBot h3 + ul {
    margin: 21px 0 0 0;
}

.aboutContents > li {
    /* border: solid 1px #D0D0D0; */
}

.aboutContents > li:first-child {
    border-bottom: none;
}

.aboutBot h3 {
    font-size: 20px;
    padding: 10px 0 10px 40px;
    border-bottom: solid 1px #D0D0D0;
    background-image: url("../img/title_icon01.png");
    background-repeat: no-repeat;
    background-position: 4px 11px;
}

.aboutContents {
    margin: 70px 0 0 0;
    background: #fff;
}

.aboutContents h4 {
    font-size: 20px;
    padding: 9px 0 9px 30px;
    color: #fff;
    background-image: url("../img/title_cover02.png");
    background-repeat: no-repeat;
}

.aboutContentsIn {
    padding: 20px 15px;
    position: relative;
}

.aboutContentsIn li {
    font-size: 16px;
    line-height: 1.8em;
    float: left;
    width: 610px;
    margin: 0;
    border: none;
}

.aboutContentsIn li:first-child {
    float: right;
    width: 300px;
    font-size: 16px;
    line-height: 1.8em;
    margin: 0 0 0 15px;
    border: solid 1px #D0D0D0;
}

.aboutContentsIn li > p {
    padding: 0 0 40px 0;
}

.aboutContentsIn a {
    margin: 15px auto;
    display: block;
    background: #63BDC6;
    border: solid 1px #50A1A5;
    text-decoration: none;
    color: #fff;
    text-align: center;
    width: 410px;
    position: absolute;
    bottom: 0;
    left: 9%;
}

.aboutContentsIn a:hover {
    background: #39B54A;
    border: solid 1px #33A83E;
}

.aboutWrap h3 {
    font-size: 20px;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #D0D0D0;
}

.aboutIn {
    margin: 11px 0 0 0;
    padding: 15px 0 15px 0;
    /* border: solid 1px #D0D0D0; */
}

.aboutIn li {
    float: left;
    width: 560px;
    border: none;
}

.aboutIn li:first-child {
    float: right;
    width: 366px;
    border: solid 1px #D0D0D0;
}

.aboutIn p {
    font-size: 16px;
    line-height: 1.8em;
}

.aboutIn_president {
    text-align: right;
    font-size: 18px !important;
}

/*--- way ---*/
.wayWrap {
    width: 960px;
    margin: 0 auto;
    padding: 0 0 70px 0;
}

.wayTitle {
    padding: 0 0 30px 0;
}

span.wayTitle_span {
    font-size: 20px;
    font-weight: bold;
}

.wayWrap h3 {
    font-size: 20px;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #D0D0D0;
}

.wayWrap p {
    margin: 11px 0 0 0;
    font-size: 16px;
    line-height: 1.8em;
    text-align: center;
}

.wayIn {
    /* background: #fff; */
    padding: 40px 0 0 0;
}

.wayIn > ul > li {margin: 65px 0 0 0;}

.wayIn > ul > li:first-child {
    margin: 0;
}

.wayTime {
    margin: 20px 72px 0 72px;
}


.wayTime li {
    float: left;
    width: 230px;
    background: #FBF4E1;
    text-align: center;
    padding: 7px 5px;
    margin: 0 0 0 20px;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    border: solid 1px #FBF4E1;
}

.wayTime li:first-child {
    margin: 0;
}

.way > li:first-child {
    float: left;
    width: 240px;
    text-align: center;
    border-right: none;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    background: #63BDC6;
    /* position: relative; */
    display: table;
}

.way > li:first-child span {
    display: table-cell;
    vertical-align: middle;
}



.way > li + li {
    float: left;
    width: 658px;
    padding: 20px 15px 20px 15px;
    border: solid 1px #D0D0D0;
}

.way h4 {
    font-size: 20px;
}

.way p {
    font-size: 16px;
    line-height: 1.8em;
    padding: 0 0 0 10px;
}


/*--- contact ---*/
.contactIn {
    width: 960px;
    margin: 0 auto;
}

.contactTitle {
    /* border: solid 1px #50A1A5; */
}

.contactTitle h3 {
    width: 960px;
    font-size: 20px;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #D0D0D0;
    margin: 0 auto;
}


/*--- privacy ---*/
.privacyWrap {
    width: 960px;
    margin: 0 auto;
    /* border: solid 1px #50A1A5; */
}

.privacyWrapBg {
    padding: 0 0 70px 0;
}

.privacyBg {
    width: 918px;
    padding: 25px 20px 20px 20px;
    margin: 30px auto 0;
    border: solid 1px #50A1A5;
}

.privacyWrap p {
    margin: 0 auto;
    width: 960px;
    text-align: center;
    font-size: 16px;
    line-height: 1.9em;
}

.privacyWrap h3 {
    padding: 10px 0 10px;
    margin: 0 0 20px 0;
    border-bottom: solid 1px #D0D0D0;
}

.privacyWrap h3 > img {
    display: block;
    /* margin: 0 auto; */
}

.privacy a {
	text-decoration: none;
	color: #333333;
}


/*--- company ---*/
.companyWrap {
    margin: 0 auto 70px;
    width: 960px;
}

.companyWrap h3 {
    width: 960px;
    margin: 0 auto 20px;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #D0D0D0;
}

.companyWrap h3 img {
    /* width: 105px; */
    display: block;
}

.comTb {
    width: 960px;
    margin: 0 auto;
    font-size: 16px;
}

.comTb th {
    width: 250px;
    height: 70px;
    font-weight: normal;
    border: solid 1px #50A1A5;
    background: #63BDC6;
    color: #FFF;
}

.comTb td {
    width: 617px;
    border: solid 1px #50A1A5;
    padding: 0 0 0 30px;
    background: #fff;
}

.comTb a {
    color: #333333;
    text-decoration: none;
}

/*--- pankuzu ---*/
    .pankuzu li {
        display: inline;
        padding: 0 7px 0 4px;
    }

    .pankuzu li:first-child {
        background: none;
        padding-left: 0;
    }

    .pankuzu li a {
        display: inline-block;
        margin-right: 12px;
        color: #00A9CE;
        text-decoration: none;
    }

    .pankuzu li a:hover {
        color: #33A83E;
    }


/*--- ページトップ ---*/

    #pageTop {
        position: fixed;
        bottom: 250px;
        right: 25px;
        z-index: 9999;
    }

    input {
        vertical-align: middle;
    }


/*--- フォーム ---*/

    .btnBox1 {
        text-align: center;
    }

    .clearForm,
.clearForm2 {
        cursor: pointer;
        width: 170px;
        border: solid 1px #0B4788;
        outline: 0;
        padding: 15px 5px 15px;
        background: #FFFFFF;
        color: #0B4788;
        font-size: 112.5%;
        -moz-transition: .2s;
        -webkit-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s;
        font-weight: bold;
    }

    .contact_cf .clearForm,.contact_cf .clearForm2 {
        padding: 10px 5px 10px;
    }

    .choose_list1 > li {
        width: 220px;
        float: right;
    }

    .choose_list1 > li:first-child {
        margin: 0 0 0 10px;
    }

    .choose_list1 {
        margin: 20px auto;
        width: 350px;
    }

    .contact_tb td span {
        /* display: block; */
        margin: 9px 0 0 0;
    }

    .clearForm:hover,
.clearForm2:hover {
        background: #39B54A;
        color: #FFFFFF;
    }

    #zip {
        width: 120px;
    }

    #addr, #pref,#add_detail {
        width: 530px;
    }

    #tel {
        width: 364px;
    }

    .error_style {
        color: #FF0000;
        display: block;
    }

    #name, #kana,#tanto {
        width: 365px;
    }

    #fax {
        width: 360px;
        margin: 0 0 0 0;
    }

    #zip {
        width: 120px;
        margin: 0 0 6px 0;
    }

    #address3 {
        width: 590px;
    }

    #title,#mail,#mail_confirm, textarea {
        width: 365px;
    }

    input[type="text"] {
        height: 25px;
        padding: 5px;
    }

    input[type="text"],
textarea,
select,
option {
        border: 1px solid #CCCCCC;
    }

    button {
        border: none;
        outline: none;
        background: none;
    }

    .form_notice1 {
        font-size: 80.714%;
        display: block;
        margin-top: 5px;
    }

    .form_notice2 {
        font-size: 87.5%;
    }

    .modification {
        width: 180px;
        float: left;
        margin-left: 180px;
    }

    .send_bt {
        width: 180px;
        float: right;
        margin-right: 180px;
    }

    .error_style {
        color: #FF0000;
        display: block;
        margin-top: 8px;
    }

    .contact_tb {
        padding: 0 0 30px 0;
        width: 100%;
        margin: 0 0 30px 0;
    }

    .contact_tb th {
        line-height: 1.4;
        width: 240px;
        text-align: left;
        padding: 10px 12px 10px 12px;
        position: relative;
    }

    .contact_tb th, .contact_tb td {
        padding: 10px 10px 10px 20px;
    }

.contactTbTop {
    text-align: center;
    background: #63BDC6 !important;
    border: none !important;
    border-bottom: solid 3px #50A1A5 !important;
    color: #fff;
}

    .contact_tb th em {
        background: #FF0000;
        color: #FFFFFF;
        padding: 2px 5px;
        margin-left: 5px;
        position: absolute;
        right: 10px;
        font-size: 85.714%;
    }

.contactTbTop em {
    background: #D14758;
    width: 3em;
    text-align: center;
    /* position: absolute; */
    /* right: 10px; */
    color: #FFFFFF;
    padding: 0 8px 0 8px;
    margin: 0 30px 0 0;
}

    .toHome {
        cursor: pointer;
        width: 170px;
        border: solid 1px #0B4788;
        outline: 0;
        padding: 10px 5px;
        background: #FFFFFF;
        color: #0B4788 !important;
        font-size: 112.5%;
        -moz-transition: .2s;
        -webkit-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s;
        font-weight: bold;
        display: block;
        text-decoration: none !important;
        margin: 30px auto;
        text-align: center;
    }

    .toHome:hover {
        background: #0094C1;
        color: #FFFFFF !important;
    }

    .contact .lead em {
        line-height: 1.6;
        display: block;
    }



/* ホーム index
----------------------------------------------------------- */

    .kanae_200 {
        margin: 0 0 15px;
    }

    .list_top1 {
        border: solid 1px #E6E6E6;
        padding: 22px 20px 22px;
    }

    .list_top4 {
        display: none;
    }

    .list_top1 dd {
        color: #00558D;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }

    .list_bg1 {
        background: url(./../img/top_content_bg1.png) no-repeat;
        background-position: center top;
    }

    .list_bg2 {
        background: url(./../img/top_content_bg2.png) no-repeat;
        background-position: center top;
    }

    .list_bg3 {
        background: url(./../img/top_content_bg3.png) no-repeat;
        background-position: center top;
    }

    .list_bg2 dd {
        color: #B3446D;
    }

    .list_bg3 dd {
        color: #5C9732;
    }

    .list_top1 > li {
        padding: 7px 9px 87px;
        margin: 6px 0 0 0;
    }

    .list_top1 dt {
        margin: 0 0 20px 0;
    }

    .list_top1 dd {
        background: rgba(255, 255, 255, 0.8);
        padding: 17px 20px 15px;
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
/*IE8以下用*/
    }

    .list_top1 > li:first-child {
        margin: 0;
    }

    .contentsList > li {
        margin: 40px 0 0 0;
    }

    .contentsList > li:first-child {
        margin: 0;
    }

    .contects_style1 {
        border: solid 1px #E6E6E6;
        padding: 29px 29px 30px;
    }

    .list_top2 > li {
        width: 325px;
        float: left;
    }

    .list_top2 dt {
        margin: 0 0 20px 0;
    }

    .list_top2 > li:first-child {
        margin: 0 30px 0 0;
    }

    .list_top2 dd {
    }

    .tit2 {
        font-size: 16px;
        color: #00558D;
        margin: 0 0 15px 0;
    }

    .list_top2 dd p {
        font-size: 13px;
    }

    .list_top2 {
        margin: 0 0 33px 0;
    }

    .list_top3 dt {
        width: 101px;
        float: left;
        margin: 0 19px 0 0;
    }

    .list_top3 dd {
        width: 208px;
        float: left;
        font-size: 13px;
        line-height: 1.6;
        margin: 2px 0 0 0;
    }

    .list_top3 dd p {
        color: #A67C52;
        margin: 0 0 20px 0;
    }

    .list_top3 dd span {
        color: #FF7BAC;
        display: block;
        text-align: right;
    }

    .list_top3 > li {
        width: 328px;
        float: left;
    }

    .list_top3 > li:first-child {
        margin: 0 24px 0 0;
    }

    .voice_link a {
        display: block;
        text-decoration: none;
        color: #fff;
        background: #00558D;
        font-weight: bold;
        padding: 1px 9px 1px;
        width: 187px;
        margin: 14px 0 0 auto;
        font-size: 12px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        letter-spacing: 1px;
    }

    .voice_link a:hover {
        background: #FF931E;
    }

    .f_contentsList {
        width: 1000px;
        margin: 0 auto;
    }

    .top_info > li {
        width: 480px;
        float: left;
    }

    .top_info > li:first-child {
        margin: 0 40px 0 0;
    }

    #f_contents {
        background: url(./../img/contents_bg1.png) no-repeat;
        background-position: center top;
        padding: 50px 0 0 0;
        margin: 49px 0 0 0;
    }

    .f_contentsList > li {
        margin: 99px 0 0 0;
    }

    .f_contentsList > li:first-child {
        margin: 0;
    }

    .contects_style2 {
        border: solid 1px #ccc;
        padding: 9px 8px 9px;
    }

    .top_info2_2 {
        display: none;
    }

    .top_info2 {
        background: url(./../img/contents_bg2.jpg) no-repeat;
        background-position: center top;
        padding: 13px 14px 24px;
    }

    .top_info2 > li {
        float: left;
        width: auto;
        margin: 10px 0 0 0;
    }

    .top_info2 > li:first-child {
        margin: 0 27px 0 0;
    }

    .f_info_navi > li {
        display: inline-block;
    }

    .f_info_navi {
        font-size: 0;
    }

    .movie iframe {
        width: 100%;
        height: 270px;
    }

    .movie02 iframe {
        width: 100%;
        height: 390px;
        margin: 30px auto 0;
    }

/*-- 新着情報 --*/

    .news dt {
        float: left;
        width: 90px;
    }

    .news dl {
        padding: 28px 0 25px 0;
        font-size: 16px;
        border-top: solid 1px #D0D0D0;
    }

.scroll-pane {
    overflow-y: auto !IMPORTANT;
    height: 130px;
}

    .news {
        height: 270px;
        width: 960px;
        margin: 0 auto;
    }

.newsWrap h3 {
	width: 960px;
	margin: 0 auto;
}

    .news dd {
        margin: 0 0 0 30px;
        float: left;
    }

.news span {
    margin: 0 70px 0 0;
    padding: 2px 18px 0 18px;
    background: #C4B771;
    font-size: 12px;
    color: #fff;
}

    .news li {
        padding: 0 10px 2px 0;
        margin: 0 6px 0 0;
    }

.news li:first-child > dl {
    border: none;
}


/*-- スクロールバーデザイン --*/

    .jspContainer {
        overflow: hidden;
        position: relative;
        height: 206px;
    }

    .jScrollPaneDrag {
        height: 204px;
    }

    .jspPane {
        position: absolute;
    }

    .jspVerticalBar {
        height: 215px;
        position: absolute;
        top: 0;
        right: -5px;
        width: 20px;
        overflow: visible;
    }

    .jspHorizontalBar {
        display: none;
    }

    .jspCap {
        background-color: #FFF;
        position: relative;
    }

    .jspHorizontalBar .jspCap {
        display: none;
    }

    .jspTrack {
        background: url(../img/icon_02.png) repeat-y;
        position: relative;
        background-position: center;
    }

    .jspDrag {
        margin: 0 auto;
        width: 4px;
        background: #63BDC6;
        position: relative;
        top: 0;
        left: 0;
        cursor: pointer;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
    }

    .jspCapRight {
        display: none;
    }

    .jspDragLeft,
.jspDragRight {
        display: none;
    }

    .jspArrow.jspDisabled {
        cursor: default;
    }

    .jspVerticalBar .jspArrow {
        height: 20px;
    }

    .jspHorizontalBar .jspArrow {
        width: 20px;
        float: left;
        height: 100%;
    }

    .jspVerticalBar .jspArrow:focus {
        outline: none;
    }

    .jspCorner {
        background: #eeeef4;
        float: left;
        height: 100%;
    }

    .jspArrowUp {
        display: block;
        cursor: pointer;
        padding: 0;
        margin: 0;
        background: url(../img/icon_01.png) no-repeat;
        background-position: center;
    }

    .jspArrowDown {
        display: block;
        cursor: pointer;
        padding: 0;
        margin: 0;
        background: url(../img/icon_03.png) no-repeat;
        background-position: center;
    }

/* 会社概要
----------------------------------------------------------- */


    .gmap {
        margin: 0 auto 70px;
        width: 960px;
        padding: 29px 0 30px;
    }

.gmap h3 {
    width: 960px;
    margin: 0 auto 20px;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #D0D0D0;
}

.gmap h3 img {
    display: block;
    /* margin: 0 auto; */
}

    .gmap iframe {
        width: 99%;
        height: 350px;
        border: solid 1px #D0D0D0;
    }

/* お客様の声
----------------------------------------------------------- */

    .voice_list1 > li {
        margin: 30px 0 0 0;
    }

    .voice_list1 > li:first-child {
        margin: 0;
    }

/* プライバシーポリシー
----------------------------------------------------------- */

    .lead2 {
        margin: 0 0 10px 0;
    }

    .privacy {
        margin: 0 auto;
    }

    .privacyLead {
        margin: 0 auto 20px;
        padding: 10px 10px;
        border: dotted 1px #666;
        line-height: 1.5;
    }

    .privacy dt {
        margin: 0 0 11px 0;
        font-weight: bold;
        font-size: 20px;
        color: #63BDC6;
        border-bottom: solid 1px #50A1A5;
    }

    .privacy dd {
        font-size: 16px;
        margin: 0 0 15px 0;
        padding: 0 0 0 10px;
        line-height: 1.8em;
    }

.privacy ul {
    padding: 10px 0 0 10px;
}

    .lead2 {
        margin: 0 0 10px 0;
    }

/* 製品について
----------------------------------------------------------- */

    .tb_style1 th,.tb_style1 td {
        width: 96%;
        display: block;
        padding: 5px 2% 4px;
    }

    .tb_style1 th {
        font-size: 110%;
    }

    .listStyle2 > li > dl > dt {
        border: 3px solid #FF931E;
        position: relative;
        border-radius: 5px;
        margin: 0 0 3px 0;
        padding: 8px 3% 7px;
        text-align: center;
        font-weight: bold;
        color: #FF931E;
        background: #fff;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .listStyle2 dt:after,.listStyle2 dt:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .listStyle2 dt:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 8px;
        margin-left: -8px;
    }

    .listStyle2 > li > dl > dt:before {
        border-color: rgba(255, 147, 30, 0);
        border-top-color: #FF931E;
        border-width: 12px;
        margin-left: -12px;
    }

    .listStyle2 > li {
        width: 48%;
        margin: 0 0 10px 0;
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
    }

    .listStyle2 {
        margin: 0 0 30px 0;
        letter-spacing: 20px;
    }

    .mb_none {
        margin: 0 -40px 0 0;
    }

    .listStyle2 > li > dl > dd > a {
        display: block;
        text-decoration: none;
        color: #fff;
        background: #00558D;
        padding: 2px 10px 2px;
        text-align: center;
        margin: 20px 0 0 0;
    }

    .listStyle2 > li > dl > dd > a:hover {
        background: #FF931E;
    }

    .use_list {
        letter-spacing: 25px;
    }

    .use_list dt {
        margin: 0 0 15px 0;
    }

    .use_list dd {
        font-size: 16px;
        color: #00558D;
        font-weight: bold;
    }

    .use_list > li {
        width: 325px;
        margin: 0 0 20px 0;
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
    }

    .use_list dt img {
        box-shadow: 2px 2px 10px 2px #f2f2f2;
        -moz-box-shadow: 2px 2px 10px 2px #f2f2f2;
        -webkit-box-shadow: 0px 2px 10px 2px #f2f2f2;
        padding: 2%;
    }


/* @2016060
----------------------------------------------------------- */

    .lead_box > dd > ul > li {
        margin: 20px 0 0;
    }

    .lead_box > dd > ul > li:first-child {
        margin: 0px 0 0;
    }

    .lead_box > dd > .earthquake > li:first-child {
        margin: 20px 53px 20px;
    }

    .lead_box > dd > em {
        font-weight: bold;
    }

    .earthquake {
        margin: -20px 0 0;
    }

    .earthquake li {
        float: left;
        width: 270px;
    }

    .international li {
        text-align: left;
    }

    .international li:first-child {
        float: left;
        width: 270px;
        padding: 0 20px 0 0;
    }

    .international em {
        font-weight: bold;
    }

    .lead_box h3 {
        background: #206A9B;
        color: #fff;
        padding: 5px 15px;
        text-align: left;
        width: 240px;
    }

    .convenience li {
        text-align: left;
    }

    .convenience li:first-child {
        float: left;
        width: 270px;
        padding: 0 10px 0 0;
    }

    .contentsList > li > a {
        font-weight: bold;
        background: #34A9A6;
        color: #fff;
        padding: 10px 100px;
        margin: 10px 235px 0;
        text-decoration: none;
        -webkit-box-shadow: 0px 1px 10px 3px #f2f2f2;
    }

    .contentsList > li > a:hover {
        background: #46DCD8;
    }

    .tb_bg1 {
        background-color: #9ddaed !important;
    }

    .tb_bg2 {
        background-color: #d5ebf6 !important;
    }

/* フォーム
----------------------------------------------------------- */

input[type="checkbox"],
input[type="radio"] {
    vertical-align: middle;
}

/*--- テーブル ---*/

.contact_tb {
    width: 100%;
    margin: 0 0 30px 0;
}

.contact_tb tr th {
    width: 250px;
    text-align: left;
    padding: 10px 12px 10px 12px;
    position: relative;
    background-color: #63BDC6;
    color: #fff;
    font-weight: normal;
    border: solid 1px #50A1A5;
}

.contact_tb tr td {
    padding: 10px 12px 10px 12px;
    background: #f5f5f5;
    border: solid 1px #50A1A5;
}

.contact_tbl th label {
    cursor: pointer;
    display: block;
    padding: 10px 0 0 20px;
}

input[type="text"], textarea {
    border: 1px solid #E7E7E7;
    outline: none;
    padding: 5px;
}

input[type="text"]:focus, textarea:focus {
    background: #FFFFFF;
}

input[type="text"] {
    height: 30px;
}

#pref2, #addr2, #add_detail2 {
    width: 530px;
}

input[type="radio"] {
    vertical-align: middle;
}

textarea {
    vertical-align: middle;
    padding: 10px 5px;
}

button, input[type="submit"], input[type="button"] {
    cursor: pointer;
}

.error_style {
    color: #FF0000;
    display: block;
}

#department1,#department2,#product,#corporate,#name, #kana, #kana2 {
    width: 380px;
}

#tel,#fax, #addr {
    /* width: 200px; */
}

#pref, #zip {
    /* width: 120px; */
}

#add_detail {
    /* width: 590px; */
}

#address3 {
    width: 590px;
}

#title,#mail,#mail_confirm,#mail2,#mail_confirm2, textarea {
    width: 590px;
}

button {
    border: none;
    outline: none;
    background: none;
}

.form_notice1 {
    font-size: 87.5%;
}

.choose_list1 {
    margin: 0 auto 50px auto;
    width: 450px;
}

.choose_list1 li {
    text-align: center;
    float: left;
    margin: 0 0 0 10px;
}

.choose_list1 li:first-child {
    margin: 0 0 0 0;
}

.choose_list1 li input, .confirm_bt, .toHome {
    border: 0;
    outline: 0;
    background: none;
    color: #fff;
    padding: 20px 10px;
    width: 218px;
    background-color: #63BDC6;
    font-size: 18px;
}

.choose_list1 li input:hover, button:hover, .toHome:hover {
    background-color: #39B54A;
    color: #fff;
}

.send_bt {
    float: right;
    margin: 0 230px 0 0;
    border: 0;
    outline: 0;
    background: none;
    color: #fff;
    padding: 15.5px 10px;
    width: 218px;
    background-color: #63BDC6;
    font-size: 18px;
}

.modification {
    float: left;
    margin: 0 0 0 230px;
    border: 0;
    outline: 0;
    background: none;
    color: #fff;
    padding: 15.5px 10px;
    width: 218px;
    background-color: #63BDC6;
    font-size: 18px;
}

.contact_tb th em {
    background: #D14758;
    width: 3em;
    text-align: center;
    position: absolute;
    right: 10px;
    color: #FFFFFF;
}

.toHome {
    display: block;
    margin: 0 auto;
    width: 218px;
    text-align: center;
    text-decoration: none !important;
    color: #fff !important;
}

.toHome:hover {
    color: #fff !important;
}

.tb2 {
    margin: 30px auto;
    width: 960px;
}

.con_m {
    display: block;
}

.con_m10 {
    display: block;
    margin-top: 10px;
}

.intro_inner1 {
    /* padding-bottom: 60px; */
}

.contact .intro_inner1 {
    /* padding-bottom: 80px; */
}

.contactWrap {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 110px 0;
}

.contactWrap p {
    margin: 40px 0 0 0;
    font-size: 16px;
}

.contactWrap p + p {
    margin: 130px 0 0 0;
}

.contactSend {
	padding: 30px 0 155px 0;
}

.bxslider {
    overflow: hidden;
    height: 200px;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 961px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 960px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------

全体スタイル

-----------------------------------------------------------*/

    body {
        font-size: 14px;
/* 文字サイズ計算＝【基本サイズ ÷ 表示したいサイズ * 100 （小数点以下切り上げ） */
        width: 100% !important;
        min-width: 100%;
        max-height: 100%;
        overflow: hidden;
        color: #333333;
    }

.collection_bx {
    /* width: 100% !important; */
}

.box {
    width: 20%;
}

#visual .catchcopy img {
    position: absolute;
    left: -145%;
    width: 146px;
    top: 44px;
}

    .pc_none {
        display: none;
    }

    .pc_none2 {
        display: none;
    }

	img {
		width: 100%;
	}


/*-----------------------------------------------------------

.header

-----------------------------------------------------------*/

    #header {
        position: relative;
        background: #F2F2F2;
        z-index: 9990;
    }

	/* logo */
	#header .logo {
	    position: fixed;
	    top: 0;
	    left: 0;
	    z-index: 9999;
	}

	.spec #header .logo {
	    position: absolute;
	}

	#header .logo img {
	    transition: all .4s;
	    width: 120px;
	    height: 145px;
	}

	#logo > p > a {
	    display: block;
	}

	/* 固定ヘッダー */
	.fixed #header {
		position: fixed;
		width: 100%;
		/* height: 90px; */
		top: 0;
		left: 0;
	}

	.fixed #header .logo {
		position: absolute;
	}

	.fixed #header .logo img {
		width: 120px;
		height: 145px;
	}
	.fixed .hIn,
	.fixed .hWrap {
		display: none;
	}

    h1 {
        color: #fff;
        font-weight: normal;
        font-size: 12px;
        margin: 0 auto;
        text-align: center;
        padding: 4px 0 1px 0;
        background: #63BDC6;
        width: 100%;
    }

	.hWrap {
	    background: #63BDC6;
	}

    .h_logo {
        width: 390px;
        float: left;
        margin: 22px 0 0 0;
    }

    .h_logo + li {
        width: 304px;
        float: right;
        margin: 11px 0 0 0;
        padding: 0 0 0 48px;
        background: url(./../img/h_icon.png) no-repeat;
        background-position: 0 4px;
    }

    .h_info > li:first-child {
        font-size: 12px;
        font-weight: bold;
    }

    .h_info_dl dt {
        font-size: 13px;
        display: inline-block;
        vertical-align: top;
        margin: 13px 3px 0 0;
    }

    .h_info_dl {
        color: #00558D;
        font-weight: bold;
        margin: -3px 0 0 0;
    }

    .h_info_dl dd {
        display: inline-block;
        margin: 8px 0 0 0;
    }

    .h_navi > li {
        display: inline-block;
        line-height: 1;
        border-left: solid 1px #00A9CE;
        margin: 0 0 0 1px;
        padding: 0 0 0 5px;
        vertical-align: top;
    }

    .h_navi > li a {
        color: #00A9CE;
        font-size: 14px;
        text-decoration: none;
    }

    .h_navi > li:first-child {
        border: none;
        margin: 0;
        padding: 0;
    }

    .h_navi {
        text-align: right;
    }

    .h_info {
        margin: 0 0 15px 0;
    }

    .h_navi > li a:hover {
        color: #FF931E;
    }

    .hIn li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

	.hIn a {
	    display: block;
	}

	.hIn li + li > dl > dd {
	    padding: 5px 0 5px 0;
	    font-size: 12px;
	}

	.hIn > li:first-child > dl > dt {
	    margin: 3px 25px 0 0;
	    padding: 0 0 0 24px;
	    background-image: url("../img/tel_icon01.png");
	    background-repeat: no-repeat;
	    background-position: 0 1px;
	}

    .hIn {
        margin: 0 auto;
        padding: 14px 0 0 0;
        width: 100%;
        text-align: right;
    }

	.hIn > li:first-child dd {
	    margin: 8px 19px 0 0;
	    padding: 1px 5% 0 0;
	    background: #FBF4E0;
	    font-size: 85%;
	}

/*-----------------------------------------------------------
#nav
-----------------------------------------------------------*/

    .gNavi li {
        display: inline-block;
        width: 12.5%;
    }

	.gNavi a {
	    display: block;
	}

    .gNavi {
        margin: 0 auto;
        width: 100%;
        text-align: right;
        font-size: 0;
    }

    .naviWrap {
        background-image: url("../img/navi_bg.png");
        background-repeat: no-repeat;
        box-shadow: 0px 1px 12px 0px #ccc;
        -moz-box-shadow: 0px 1px 12px 0px #ccc;
        -webkit-box-shadow: 0 3px 9px 0 #7d7a7a;
    }

/*-----------------------------------------------------------

.cover

-----------------------------------------------------------*/

    .cover {
        height: 550px;
        background: url(./../img/top_bg1.jpg) no-repeat;
        background-position: center top;
        position: relative;
        margin: -9px 0 0 0;
    }

    #midground {
        background: url(./../img/top_bg2.png) repeat center top;
    }

/*------- cover_in ---------*/

    .cover_in {
        background: url(./../img/cover_in_bg1.jpg) no-repeat;
        background-position: center top;
    }

    .cover_in h2 {
        width: 1000px;
        margin: 0 auto;
    }


.cover01 {
	background-image: url("../img/cover_bg_01.png");
}

.cover02 {
	background-image: url("../img/cover_bg_02.png");
}

.cover03 {
	background-image: url("../img/cover_bg_03.png");
}

.cover04 {
	background-image: url("../img/cover_bg_04.png");
}

.cover05 {
	background-image: url("../img/cover_bg_05.png");
}

.cover06 {
	background-image: url("../img/cover_bg_06.png");
}

.cover07 {
	background-image: url("../img/cover_bg_07.png");
}

.cover08 {
	background-image: url("../img/cover_bg_08.png");
}

.inCover {
	/* height: 320px; */
	background-position: center top;
	background-size: cover;
}

.inCover h2{
	width: 100%;
	margin: 0 auto;
}

/*-----------------------------------------------------------
#wrap
-----------------------------------------------------------*/

    #wrap {
        margin: 49px auto 0;
        width: 1000px;
    }


/*-----------------------------------------------------------
#main
-----------------------------------------------------------*/

    #main {
        /* padding: 0; */
        width: 100%;
        /* float: right; */
        background: #FAFAFA;
    }

.inner-slider-warpper {
    left: 44%;
}

.inner-slider-wrapper {
    text-align: center;
}

	.topContentsWrap {
	    padding: 36px 0 0 0;
	    height: 647px;
	    background-image: url("../img/news_bg.png");
	    background-repeat: no-repeat;
	}

.collection_bx li {
    width: 3% !important;
}

	.newsWrap {
	    margin: 57px 0 0 0;
	    padding: 0 3% 0 3%;
	    /* background-image: url("../img/news_bg.png"); */
	    /* background-repeat: no-repeat; */
	}

	.newsIn a {
		text-decoration: none;
		color: #39B54A;
	}

	.newsIn a:hover {
		color: #63BDC6;
	}
	 

    .orderWrap {
        /* margin: 120px 0 0 0; */
        background-image: url(".././img/order_bg.png");
        background-size: cover;
        background-repeat: no-repeat;
        /* box-shadow: 0px 1px 12px 0px #ccc; */
        -moz-box-shadow: 0px 1px 12px 0px #ccc;
        /* -webkit-box-shadow: 0 9px 12px 0 #ccc; */
    }

	.order {
	    margin: 0 auto;
	    width: 100%;
	}

.orderIn {
    position: relative;
}

	    .order dt {
	        margin: -91px -9% 0 -9%;
	        float: right;
	        width: 60%;
	        position: absolute;
	        bottom: 0;
	        right: 0;
	    }

	.orderIn h3 {
	    padding: 31px 0 0 3%;
	    width: 65%;
	}

	.orderIn p {
	    font-size: 98%;
	    padding: 12px 17px 0 22px;
	    line-height: 1.7em;
	}

	.orderIn > dd > p + p + p + p {
	    padding: 13px 3% 0 3%;
	}

	.orderBtn a {
	    display: block;
	    text-align: center;
	}

.orderBtn img {
    width: 94%;
    height: 100%;
}

	.area h3 {
	    width: 98%;
	    margin: 0 auto;
	}

	.areaIn {
	    width: 98%;
	    margin: 24px auto 0;
	}

	.botBannerWrap {
	    /* margin: 58px 0 0 0; */
	    padding: 38px 0 28px 0;
	    border-top: solid 3px #39B54A;
	    background-image: url("../img/bottom_banner_bg.png");
	    background-repeat: no-repeat;
	}

	.topContact h3 {
	    width: 98%;
	    padding: 0 0 8px 0;
	    margin: 0 auto;
	    border-bottom: solid 1px #CECDCA;
	}

	.topContactIn {
	    width: 98%;
	    margin: 19px auto 0;
	}

	.topContactIn a {
	    display: block;
	}

	.topContactIn > li:first-child {
	    float: left;
	    width: 70%;
	    background-image: url("../img/contact_bg.png");
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center top;
	}

.topContactIn > li > ul > li {
    width: 70%;
}

	.topContactTop {
	    padding: 4% 0 10px 3%;
	    width: 97%;
	}

	.topContactBot {
	    margin: 0 0 0 2%;
	    padding: 9px 0 0 0;
	    width: 98%;
	    border-top: solid 1px #B2A9A2;
	}

	.topContactTop dt {
	    padding: 8px 0 10px 7%;
	    float: left;
	    width: 45%;
	    background-image: url("../img/tel_icon04.png");
	    background-repeat: no-repeat;
	    background-position: -1px 5px;
	}

	.topContactTop dd {
	    float: right;
	    width: 35%;
	    background: #fff;
	    text-align: center;
	    font-size: 90%;
	    padding: 3px 2% 3px 2%;
	    margin: 1% 0 0 1%;
	}

	.topContactBot dt {
	    float: left;
	    padding: 3% 0 1% 8%;
	    width: 45%;
	    background-image: url("../img/tel_icon05.png");
	    background-repeat: no-repeat;
	    background-position: 8px 8px;
	}

	.topContactBot dd {
	    float: left;
	    margin: 1% 0 3% 1%;
	    padding: 5px 2% 4px 2%;
	    width: 42%;
	    text-align: center;
	    font-size: 90%;
	    background: #fff;
	}

	.topContactIn > li + li {
	    float: left;
	    width: 28%;
	    margin: 0 0 0 2%;
	}

	.botBanner {
	    width: 98%;
	    margin: 0 auto;
	}

.botBanner {
}

	.botBanner li {
	    margin: 0 0 0 5%;
	    float: left;
	    width: 30%;
	}

	.botBanner li:first-child {
	    margin: 0;
	}

	.botBanner a {
	    display: block;
	}

	.areaIn > li:first-child {
	    float: left;
	    width: 45%;
	}

.areaIn li:first-child img {
    width: 100%;
}

	.areaIn > li + li {
	    float: right;
	    width: 50%;
	    margin: 2px 0 0 3%;
	}

	.areaText h4 {
	    font-size: 17px;
	    font-weight: bold;
	    color: #63BDC6;
	}

	.areaText p {
	    margin: 11px 0 0 0;
	    font-size: 14px;
	    line-height: 1.8em;
	}

	.areaTextIn {
	    margin: 35px 0 0 0;
	    width: 100%;
	}

.areaTextIn dt {
    width: 90%;
}

	.areaTel {
	    margin: 13px 0 0 0;
	    padding: 15px 10px 9px 8px;
	    width: 95%;
	    background: #FBF4E1;
	    border-bottom: solid 3px #E2D8BE;
	}

	.areaTel > li:first-child > dl {
	    padding: 0 0 14px 7px;
	    border-bottom: solid 1px #EBE5D5;
	}

	.areaTelTop dt {
	    padding: 8px 0 5px 9%;
	    width: 44%;
	    float: left;
	    font-size: 140%;
	    font-weight: bold;
	    background-image: url("../img/tel_icon02.png");
	    background-repeat: no-repeat;
	    background-position: 5px 7px;
	}

	.areaTelBot dt {
	    margin: 5px 0 0 1%;
	    padding: 7px 0 0 8%;
	    float: left;
	    width: 44%;
	    font-weight: bold;
	    font-size: 17px;
	    background-image: url("../img/tel_icon03.png");
	    background-repeat: no-repeat;
	    background-position: 2px 7px;
	}

	.areaTelBot dd {
	    margin: 9px 0 0 0;
	    padding: 8px 1% 5px 1%;
	    width: 40%;
	    float: right;
	    font-size: 80%;
	    background: #fff;
	}

	.areaTelTop dd {
	    margin: 1px 0 0 2%;
	    padding: 15px 1% 10px 1%;
	    width: 40%;
	    float: right;
	    font-size: 80%;
	    background: #fff;
	}

    .order dd {
        margin: 22px 0 0 0;
        padding: 0 0 23px 0;
        float: left;
        width: 57%;
        background-image: url("../img/order_in_bg.png");
        background-repeat: no-repeat;
    }

	.area {
	    padding: 60px 0 58px 0;
	    background-image: url("../img/area_bg.png");
	    background-repeat: repeat-x;
	    background-position: center bottom;
	}

	.topContact {
	    margin: 30px 0 0 0;
	    padding: 0 0 55px 0;
	    width: 100%;
	    background-image: url("../img/contact_bg02.png");
	}

/*-----------------------------------------------------------
#side
-----------------------------------------------------------*/

    .side_tit1 {
        margin: 0 0 19px 0;
    }

    .tit_style05 {
        margin: 0 0 23px 0;
    }

    .side_style1 > dt {
        margin: 0 0 16px 0;
    }

    #side {
        width: 220px;
        float: left;
        padding: 1px 0 0 0;
    }

    .side_style_in1 dt {
        font-weight: bold;
        margin: 0 0 14px 0;
    }

    .side_style_in1 dd {
        margin: 12px 0 0 0;
    }

    .side_style_in1 dt + dd {
        margin: 0;
        line-height: 1.2;
    }

    #side > ul > li {
        margin: 20px 0 0 0;
    }

    #side > ul > li:first-child {
        margin: 0;
    }


/*-----------------------------------------------------------
#footer
-----------------------------------------------------------*/

    #footer {
        border-top: solid 5px #63BDC6;
        /* margin: 55px 0 0 0; */
        padding: 29px 0 0 0;
        background-position: center bottom;
    }

	.inner {
	    margin: 0 auto;
	    width: 100%;
	}

	.fn {
	    margin: 0 0 0 8px;
	}

	.fInfo {
	    padding: 0 2% 0 2%;
	    border-top: solid 1px #D3D3D3;
	}

	.fInfo li:first-child a {
	    display: block;
	}

	.fCopyrightWrap {
	    background: #63BDC6;
	    padding: 0 2% 0 2%;
	}

	.fCopyright {
	    width: 100%;
	    margin: 0 auto;
	    padding: 4px 0 1px 0;
	}

	.fCopyright li:first-child {
	    float: left;
	    width: 35%;
	    color: #fff;
	    font-size: 12px;
	}

	.fCopyright li + li {
	    float: right;
	    width: 60%;
	    color: #fff;
	    font-size: 13px;
	    text-align: right;
	    letter-spacing: 0.5px;
	}

	.fn li {
	    margin: 0 0 22px 3px;
	    font-size: 13px;
	    display: inline-block;
	    background-image: url("../img/iconF_off.png");
	    background-repeat: no-repeat;
	    background-position: 1px 2px;
	}

	.fn li:hover {
	    background-image: url("../img/iconF_on.png");
	}

	.fn li > a {
	    padding: 0 0 0 18px;
	    text-decoration: none;
	    color: #333333;
	    display: block;
	}

	.fn li > a:hover {
	    color: #63BDC6;
	}

	.fInfo li:first-child {
	    float: left;
	    width: 20%;
	    padding: 13px 0 17px 0;
	}

	.fInfo li + li {
	    /* padding: 40px 0 0 0; */
	    float: right;
	    width: 40%;
	}

	.fInfoR dt {
	    margin: 40px 0 0 1%;
	    padding: 0 0 0 6%;
	    float: left;
	    width: 50%;
	    background-image: url("../img/tel_icon06.png");
	    background-repeat: no-repeat;
	}

	.fInfoR dd {
	    float: left;
	    margin: 30px 0 15px 1%;
	    padding: 2px 3% 2px 3%;
	    width: 36%;
	    background: #FBF4E1;
	    text-align: center;
	    font-size: 81%;
	}

    .footer_in {
        width: 1000px;
        margin: 0 auto;
    }

    .footer_in > li {
        border-bottom: solid 1px #BFE0F0;
    }

    .f_llist > li {
        display: inline-block;
        letter-spacing: normal;
    }

    .f_llist {
        letter-spacing: 9px;
        font-size: 13px;
        padding: 0 0 32px 0;
    }

    .f_navi > li a {
        color: #00A9CE;
        font-size: 13px;
        text-decoration: none;
    }

    .f_navi > li a:hover {
        color: #FF931E;
    }

    .f_navi > li {
        display: inline-block;
        line-height: 1;
        border-left: solid 1px #00A9CE;
        padding: 0 0 0 6px;
        margin: 0 0 0 1px;
    }

    .f_navi > li:first-child {
        border: none;
        margin: 0;
        padding: 0;
    }

    .f_navi {
        text-align: center;
        padding: 41px 0 37px 0;
    }

    .f_logo {
        width: 1000px;
        margin: 41px auto 24px;
        text-align: center;
        font-size: 12px;
    }

    .copyright small {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .copyright {
        text-align: center;
    }

    .f_logo dt {
        margin: 0 0 21px 0;
    }


/* 全ページ共通クラス
----------------------------------------------------------- */


/*--- タイトル ---*/

    .tit1 {
        margin: 0 0 20px 0;
    }

    .tit3 {
        margin: 0 0 13px 0;
    }

    .tit4 {
        margin: 0 0 20px 0;
    }

    .tit_in1 {
        color: #00558D;
        font-size: 28px;
        line-height: 1;
        margin: 0 0 20px 0;
        border-left: solid 6px #54BCE8;
        padding: 0 0 0 7px;
    }

    .tit_in1 span {
        color: #4D4D4D;
        display: block;
        font-size: 14px;
    }

    #form {
        margin: 30px 0 0 0;
        padding: 10px 0 0 0;
    }

    .tit_in2 {
        color: #00558D;
        font-size: 20px;
        margin: 0 0 10px 0;
        line-height: 1;
        padding: 5px 0 8px 42px;
        background: url(./../img/icon1.png) no-repeat;
        background-position: 0 center;
    }

    .tit_in3 {
        color: #00558D;
        font-size: 20px;
        margin: 0 0 10px 0;
        line-height: 1;
        padding: 5px 0 8px 42px;
        background: url(./../img/icon2.png) no-repeat;
        background-position: 0 center;
    }

    .tit_in4 {
        color: #00558D;
        font-size: 20px;
        margin: 0 0 10px 0;
        text-align: center;
    }

    .tit_in5 {
        color: #00558D;
        font-size: 20px;
        margin: 0 0 10px 0;
        line-height: 1;
    }

/*--- リスト ---*/

    .inList1 > li {
        width: 300px;
        float: left;
        height: 250px;
        position: relative;
        text-align: center;
    }

    .inList1 > li img {
        max-width: 300px;
    }

    .pmance .inList1 > li {
        margin: 0 50px 15px 0;
    }

    .pmance .inList1 > li:first-child {
        margin: 0 80px 15px 0;
    }

    .pmance .inList1 {
        margin: 0 -50px 0 0;
    }

    .pmance .inList1 > li img {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .inList1 > li:first-child {
        margin: 0 50px 0 0;
    }

    .inner_contents > li {
        border: solid 1px #E6E6E6;
        padding: 29px 29px 30px;
        margin: 30px 0 0 0;
    }

    .inner_contents > li:first-child {
        margin: 0;
    }


/*--- リード ---*/

    .lead {
        /* background: #EAF5FA; */
        padding: 10px 3% 10px;
        margin: 11px 0 20px 0;
        text-align: center;
        font-size: 16px;
        line-height: 1.8em;
    }

    .lead_box {
        padding: 1%;
        box-shadow: 2px 2px 10px 2px #f2f2f2;
        -moz-box-shadow: 2px 2px 10px 2px #f2f2f2;
        -webkit-box-shadow: 0px 1px 10px 3px #f2f2f2;
        margin: 0 0 30px 0;
    }

    .lead_box dt {
        background: #29ABE2;
        padding: 10px 2% 10px;
        color: #fff;
    }

    .lead_box dd {
        padding: 17px 2% 16px;
        text-align: center;
        background: #E6F7FF;
    }

    .lead_box dt span {
        display: block;
    }

    .lead_box dd p {
        margin: 5px 0 0 0;
    }

    .lead_box dd p:first-child {
        margin: 0;
    }

    .lead_box2 dt {
        background: #29ABE2;
        padding: 10px 2% 10px;
        color: #fff;
        font-weight: bold;
        font-size: 18px;
        width: 30%;
    }

    .lead_box dt em {
        font-weight: bold;
        font-size: 18px;
        letter-spacing: 1px;
    }

/*--- セクション ---*/

    .section_style02 dt {
        width: 275px;
        float: left;
        margin: 0 20px 0 0;
    }

    .listStyle2 > li > dl > dd {
        padding: 6px 4% 5px;
        background: #E6F7FF;
    /* border-radius: 5px; */
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .section_style02 dt img {
        display: block;
        margin: 0 0 10px 0;
    }

    .section_style02 dd {
        width: 385px;
        float: left;
    }

    .section_style02 dt img {
        box-shadow: 2px 2px 10px 2px #f2f2f2;
        -moz-box-shadow: 2px 2px 10px 2px #f2f2f2;
        -webkit-box-shadow: 0px 2px 10px 2px #f2f2f2;
        padding: 2%;
    }

    .section_style03 dt {
        width: 275px;
        float: right;
        margin: 0 0 0 20px;
    }

    .section_style03 dd {
        width: 385px;
        float: right;
    }

    .section_style03 dt img {
        box-shadow: 2px 2px 10px 2px #f2f2f2;
        -moz-box-shadow: 2px 2px 10px 2px #f2f2f2;
        -webkit-box-shadow: 0px 2px 10px 2px #f2f2f2;
        padding: 2%;
    }

    .movie_text {
        padding: 10px 15px;
        background: #e6f7ff;
    }

    .movie_text li {
        float: left;
        width: 150px;
    }

    .movie_text li:first-child {
        float: left;
        width: 485px;
        margin: 0 10px 0 0;
        line-height: 1.7;
    }

    .movie_text li dl dd {
        font-size: 11px;
        font-weight: bold;
        margin: 5px 0 0 3px;
        color: #00558d;
    }


/*--- テーブル ---*/

    .tb1 {
        padding: 0 0 30px 0;
        width: 100%;
        font-size: 100%;
    }

    .tb1 th, .tb1 td {
        padding: 10px 3% 10px !important;
    }

    .tb1 th {
        text-align: center;
        padding: 3% 1% 2%;
        position: relative;
        width: 30%;
    }

    .tb1 td {
        font-size: 14px;
    }

    .tb1 .tb_bg1 {
        background: #ECD6EB;
    }

    .tb2 {
        width: 100%;
    }

    .tb2 th,.tb2 td {
        padding: 3% 1.5% 2%;
    }

    .tb2 th {
        width: 210px;
        text-align: center;
    }

    .tb3 {
        width: 100%;
    }

    .tb3 th {
        width: 170px;
        text-align: center;
    }

    .tb3 th,.tb3 td {
        padding: 10px 10px 8px;
    }


/*--- パンくずリスト ---*/

    .pankuzu_wrap {
        height: 40px;
        line-height: 40px;
        font-size: 85.714%;
    }

    .pankuzu {
        margin: 20px auto 25px;
        width: 1000px;
        font-size: 12px;
    }

    .pankuzu li {
        display: inline;
        padding: 0 7px 0 4px;
    }

    .pankuzu li:first-child {
        background: none;
        padding-left: 0;
    }

    .pankuzu li a {
        display: inline-block;
        margin-right: 12px;
        color: #00A9CE;
        text-decoration: none;
    }

    .pankuzu li a:hover {
        color: #FF931E;
    }

    .pankuzu_wrap {
        height: 40px;
        line-height: 40px;
        font-size: 85.714%;
    }

    .pankuzu {
        margin: 20px auto 25px;
        width: 96%;
        font-size: 12px;
    }


/*--- gallery_01 ---*/
.galleryWrap {
    width: 96%;
    margin: 0 auto 70px;
}

.galleryTitle h3 {
    padding: 10px 0;
    font-size: 20px;
    border-bottom: solid 1px #D0D0D0;
}

.galleryTitle h3 img {
    width: 81%;
}

.galleryTitle p {
    margin: 11px 0 0 0;
    padding: 0 0 25px 0;
    font-size: 16px;
    line-height: 1.8em;
    text-align: center;
}

.main_img {
	display: none;
}

.gallery > li:first-child img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
}

.pager li {
    /* float: left; */
    display: inline-block;
    margin: 0 0 0 8px;
    text-align: center;
}

.pager li:first-child {
    margin: 0;
}

.pager > li > em {{
    background: #39B54A;
    border: solid 1px #33A83E;
    display: block;
    width: 30px;
    padding: 4px 0 5px 0;
    text-decoration: none;
    font-weight: bold;
    color: #fff;  }
    background: #39B54A;
    background: #39B54A;
    border: solid 1px #33A83E;
    display: block;
    width: 30px;
    padding: 4px 0 5px 0;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}

.pager {
    margin: 50px auto 0;
    text-align: center;
}

.pager a {
    display: block;
    width: 30px;
    padding: 4px 0 5px 0;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    background: #63BDC6;
    border: solid 1px #50A1A5;
}

.pager a:hover {
    background: #39B54A;
    border: solid 1px #33A83E;
}

.galleryContents {
    /* background: #fff; */
    padding: 30px 0 0 0;
}

.gallery > li {
    float: left;
    width: 47%;
    margin: 0 0 0 5%;
    position: relative;
    top: 0;
    bottom: 0;
    /* padding: 36% 0 0 0; */
    /* height: 350px; */
}

.gallerySub {
    letter-spacing: 10px;
    font-size: 0;
    width: 100%;
}

.gallerySub li {
    display: inline-block;
    width: 48%;
    height: auto;
    margin: 0 0 10px 0;
    letter-spacing: normal;
}

.thum_img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}

.thum_img:hover {
    opacity: .5;
}

.gallery > li:first-child {
    float: left;
    width: 47%;
    margin: 0;
    padding: 36% 0 0 0;
}

.gallery > li:first-child img {
    /* width: 430px; */
}

.galleryIn h4 {
    font-size: 20px;
    margin: 0 0 20px 0;
    padding: 10px 0 10px 5%;
    border-bottom: solid 1px #D0D0D0;
    background-image: url("../img/title_icon05.png");
    background-repeat: no-repeat;
    background-position: 0 10px;
}

#wrapper_red {
    width: 560px;
    margin: 0 auto;
    /* border: 5px solid #C30; */
    padding: 20px 60px 0;
}

.bx-wrapper {
    z-index: 9998;
    width: 960px !important;
    overflow: visible;
}

#wrapper_red li {
    float: left;
    margin: 10px;
}

.gallery {
}

.galleryIn h5 {
    width: 94%;
    margin: 30px auto 0;
    padding: 9px 3% 9px 3%;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    background-image: url("../img/title_cover01.png");
    background-repeat: no-repeat;
    /* background: #63BDC6; */
    /* border-bottom: solid 3px #50A1A5; */
    /* border-radius: 5px; */
}

.galleryIn p {
    width: 96%;
    padding: 5px 2% 5px 2%;
    margin: 11px auto 0;
    font-size: 16px;
    line-height: 1.8em;
    /* border: solid 1px #50A1A5; */
}

.galleryContents h4 + ul + p {
    font-size: 14px;
    color: #39B54A;
}


/*--- furniture ---*/
.furnitureWrap,.joineryWrap {
    width: 96%;
    margin: 0 auto 50px;
}

.furnitureWrap ul,.joineryWrap ul {
    margin: 40px 0 0 0;
    background: #fff;
    padding: 15px 2% 15px 2%;
    /* border: solid 1px #D0D0D0; */
    box-shadow: 6px 6px 5px -3px #8a8989;
    -moz-box-shadow:6px 6px 5px -3px #8a8989;
    -webkit-box-shadow:6px 6px 5px -3px #8a8989;
}

.furniture li,.joinery li {
    float: left;
    width: 58%;
    padding: 0 0 0 2%;
    /* padding: 10px; */
    /* border: solid 1px #D0D0D0; */
}

.furniture li + li > dl > dt,.joinery li + li > dl > dt {
    font-size: 20px;
    font-weight: bold;
}

.furniture dd,.joinery dd {
    margin: 11px 0 0 0;
    font-size: 16px;
    line-height: 1.8em;
    padding: 0 0 0 2%;
}

.furniture li:first-child dd,.joinery li:first-child dd {
    border: solid 1px #D0D0D0;
    padding: 5px 10px 5px 10px;
    text-align: center;
}

.furniture li:first-child,.joinery li:first-child {
    float: left;
    width: 38%;
    margin: 0;
    border: none;
}

.furnitureWrap h3,.joineryWrap h3 {
    padding: 10px 0;
    font-size: 20px;
    border-bottom: solid 1px #D0D0D0;
}

.furnitureWrap h3 img, .joineryWrap h3 img {
    width: 40%;
}

.furnitureWrap p,.joineryWrap p {
    font-size: 16px;
    line-height: 1.8em;
    margin: 11px 0 0 0;
    text-align: center;
}


/*--- about ---*/
.aboutWrap {
    width: 96%;
    margin: 0 auto;
}

.aboutBot {
    width: 96%;
    margin: 40px auto 0;
    padding: 0 0 30px 0;
    /* background: #fff; */
}

.aboutBot h3 + ul {
    margin: 21px 0 0 0;
    width: 100%;
}

.aboutContents > li {
    /* border: solid 1px #D0D0D0; */
}

.aboutContents > li:first-child {
    border-bottom: none;
    width: 100%;
}

.aboutBot h3 {
    font-size: 20px;
    padding: 10px 0 10px 6%;
    border-bottom: solid 1px #D0D0D0;
    background-image: url("../img/title_icon01.png");
    background-repeat: no-repeat;
    background-position: 4px 11px;
}

.aboutContents {
    margin: 70px 0 0 0;
    background: #fff;
}

.aboutContents h4 {
    font-size: 20px;
    padding: 9px 0 9px 3%;
    width: 97%;
    color: #fff;
    background-image: url("../img/title_cover02.png");
    background-repeat: no-repeat;
    background-position: center top;
}

.aboutContentsIn {
    padding: 20px 2%;
    position: relative;
}

.aboutContentsIn li {
    float: left;
    width: 63%;
    font-size: 16px;
    line-height: 1.8em;
    margin: 0 0 0 15px;
    border: none;
}

.aboutContentsIn li:first-child {
    float: right;
    width: 31%;
    margin: 0;
    border: none;
}

.aboutContentsIn li > p {
    padding: 0 0 70px 0;
}

.aboutContentsIn a {
    margin: 15px auto;
    display: block;
    background: #63BDC6;
    border: solid 1px #50A1A5;
    text-decoration: none;
    color: #fff;
    text-align: center;
    width: 50%;
    position: absolute;
    bottom: 0;
    left: 9%;
}

.aboutContentsIn a:hover {
    background: #39B54A;
    border: solid 1px #33A83E;
}

.aboutWrap h3 {
    font-size: 20px;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #D0D0D0;
}

.aboutWrap h3 img {
    width: 20%;
}

.aboutIn {
    margin: 11px 0 0 0;
    padding: 15px 0 15px 0;
    /* border: solid 1px #D0D0D0; */
}

.aboutIn li {
    float: left;
    width: 60%;
    border: none;
}

.aboutIn li:first-child {
    float: right;
    width: 36%;
    border: none;
}

.aboutIn p {
    font-size: 16px;
    line-height: 1.8em;
}

.aboutIn_president {
    text-align: right;
    font-size: 17px !important;
}

/*--- way ---*/
.wayWrap {
    width: 96%;
    margin: 0 auto;
    padding: 0 0 70px 0;
}

.wayTitle {
    padding: 0 0 30px 0;
}

span.wayTitle_span {
    font-size: 20px;
    font-weight: bold;
}

.wayWrap h3 {
    font-size: 20px;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #D0D0D0;
}

.wayWrap h3 img {
    width: 68%;
}

.wayWrap p {
    margin: 11px 0 0 0;
    font-size: 16px;
    line-height: 1.8em;
    text-align: center;
}

.wayIn {
    /* background: #fff; */
    padding: 40px 0 0 0;
}

.wayIn > ul > li {margin: 65px 0 0 0;}

.wayIn > ul > li:first-child {
    margin: 0;
}

.wayTime {
    margin: 20px 12% 0 12%;
}


.wayTime li {
    float: left;
    width: 45%;
    background: #FBF4E1;
    text-align: center;
    padding: 7px 1%;
    margin: 0 0 0 4%;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    border: solid 1px #FBF4E1;
}

.wayTime li:first-child {
    margin: 0;
}

.way > li:first-child {
    float: left;
    width: 25%;
    text-align: center;
    border-right: none;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    background: #63BDC6;
    padding: 20px 0 0 0;
    display: table;
}

.way > li:first-child >span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}



.way > li + li {
    float: left;
    width: 70%;
    padding: 20px 2% 40px 2%;
    border: solid 1px #D0D0D0;
}

.way h4 {
    font-size: 20px;
    /* background-image: url("../img/title_icon04.png"); */
    /* background-repeat: no-repeat; */
    /* padding: 0 0 0 35px; */
}

.way p {
    font-size: 16px;
    line-height: 1.8em;
    padding: 0 2% 0 2%;
}


/*--- contact ---*/
.contactIn {
    width: 96%;
    margin: 0 auto;
}

.contactTitle {
    width: 96%;
    margin: 0 auto;
    /* border: solid 1px #50A1A5; */
}

.contactWrap {
    width: 96%;
    margin: 0 auto;
}

.contactTitle h3 {
    width: 100%;
    font-size: 20px;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #D0D0D0;
    margin: 0 auto;
}


/*--- privacy ---*/
.privacyWrap {
    width: 96%;
    margin: 0 auto;
    /* border: solid 1px #50A1A5; */
}

.privacyWrapBg {
    padding: 0 0 70px 0;
}

.privacyBg {
    width: 96%;
    padding: 25px 2% 20px 2%;
    margin: 30px auto 0;
    border: solid 1px #50A1A5;
}

.privacyWrap p {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 16px;
    line-height: 1.9em;
}

.privacyWrap h3 {
    padding: 10px 0 10px;
    margin: 0 0 20px 0;
    border-bottom: solid 1px #D0D0D0;
}

.privacyWrap h3 > img {
    display: block;
    width: 35%;
    /* margin: 0 auto; */
}


/*--- company ---*/
.companyWrap {
    margin: 0 auto 70px;
    width: 96%;
}

.companyWrap h3 {
    width: 100%;
    margin: 0 auto 20px;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #D0D0D0;
}

.companyWrap h3 img {
    /* width: 105px; */
    width: 15%;
    display: block;
}

.comTb {
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
}

.comTb th {
    width: 25%;
    padding: 3% 0 3% 0;
    /* height: 70px; */
    font-weight: normal;
    border: solid 1px #50A1A5;
    background: #63BDC6;
    color: #FFF;
}

.comTb td {
    width: 71%;
    border: solid 1px #50A1A5;
    padding: 0 0 0 4%;
    background: #fff;
}


/*--- pankuzu ---*/
    .pankuzu li {
        display: inline;
        padding: 0 7px 0 4px;
    }

    .pankuzu li:first-child {
        background: none;
        padding-left: 0;
    }

    .pankuzu li a {
        display: inline-block;
        margin-right: 12px;
        color: #00A9CE;
        text-decoration: none;
    }

    .pankuzu li a:hover {
        color: #33A83E;
    }


/*--- ページトップ ---*/

    #pageTop {
        position: fixed;
        bottom: 250px;
        right: 25px;
        z-index: 9999;
    }

    input {
        vertical-align: middle;
    }


/*--- フォーム ---*/

    .btnBox1 {
        text-align: center;
    }

    .clearForm,
.clearForm2 {
        cursor: pointer;
        width: 170px;
        border: solid 1px #0B4788;
        outline: 0;
        padding: 15px 5px 15px;
        background: #FFFFFF;
        color: #0B4788;
        font-size: 112.5%;
        -moz-transition: .2s;
        -webkit-transition: .2s;
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s;
        font-weight: bold;
    }

    .contact_cf .clearForm,.contact_cf .clearForm2 {
        padding: 10px 5px 10px;
    }

    .choose_list1 > li {
        width: 220px;
        float: right;
    }

    .choose_list1 > li:first-child {
        margin: 0 0 0 10px;
    }

    .choose_list1 {
        margin: 20px auto;
        width: 350px;
    }

    .contact_tb td span {
        /* display: block; */
        margin: 9px 0 0 0;
    }

    .clearForm:hover,
.clearForm2:hover {
        background: #39B54A;
        color: #FFFFFF;
    }

    #zip {
        width: 120px;
    }

    #addr, #pref,#add_detail {
        width: 530px;
    }

    #tel {
        width: 364px;
    }

    .error_style {
        color: #FF0000;
        display: block;
    }

    #name, #kana,#tanto {
        width: 365px;
    }

    #fax {
        width: 360px;
        margin: 0 0 0 0;
    }

    #zip {
        width: 120px;
        margin: 0 0 6px 0;
    }

    #address3 {
        width: 590px;
    }

    #title,#mail,#mail_confirm, textarea {
        width: 365px;
    }

    input[type="text"] {
        height: 25px;
        padding: 5px;
    }

    input[type="text"],
textarea,
select,
option {
        border: 1px solid #CCCCCC;
    }

    button {
        border: none;
        outline: none;
        background: none;
    }

    .form_notice1 {
        font-size: 80.714%;
        display: block;
        margin-top: 5px;
    }

    .form_notice2 {
        font-size: 87.5%;
    }

    .modification {
        width: 180px;
        float: left;
        margin-left: 180px;
    }

    .send_bt {
        width: 180px;
        float: right;
        margin-right: 180px;
    }

    .error_style {
        color: #FF0000;
        display: block;
        margin-top: 8px;
    }

    .contact_tb {
        padding: 0 0 30px 0;
        width: 100%;
        margin: 0 0 30px 0;
    }

    .contact_tb th {
    }

    .contact_tb th, .contact_tb td {
        padding: 10px 10px 10px 20px;
    }

.contactTbTop {
    text-align: center;
    background: #63BDC6 !important;
    border: none !important;
    border-bottom: solid 3px #50A1A5 !important;
    color: #fff;
}

    .contact_tb th em {
        background: #FF0000;
        color: #FFFFFF;
        padding: 2px 5px;
        margin-left: 5px;
        position: absolute;
        right: 10px;
        font-size: 85.714%;
    }

.contactTbTop em {
    background: #D14758;
    width: 3em;
    text-align: center;
    /* position: absolute; */
    /* right: 10px; */
    color: #FFFFFF;
    padding: 0 8px 0 8px;
    margin: 0 30px 0 0;
}

    .toHome {
        /* cursor: pointer; */
        /* width: 170px; */
        /* border: solid 1px #0B4788; */
        /* outline: 0; */
        /* padding: 10px 5px; */
        /* background: #FFFFFF; */
        /* color: #0B4788 !important; */
        /* font-size: 112.5%; */
        -moz-transition: .2s;
        /* -webkit-transition: .2s; */
        -o-transition: .2s;
        -ms-transition: .2s;
        /* transition: .2s; */
        /* font-weight: bold; */
        /* display: block; */
        /* text-decoration: none !important; */
        /* margin: 30px auto; */
        /* text-align: center; */
    }

    .toHome:hover {
        background: #0094C1;
        color: #FFFFFF !important;
    }

    .contact .lead em {
        line-height: 1.6;
        display: block;
    }



/*--- ページトップ ---*/

    #pageTop {
        position: fixed;
        bottom: 250px;
        right: 25px;
        z-index: 9999;
    }

    input {
        vertical-align: middle;
    }


/*--- フォーム ---*/

    .btnBox1 {
        text-align: center;
    }

    .clearForm,
.clearForm2 {
        /* cursor: pointer; */
        /* width: 170px; */
        /* border: solid 1px #0B4788; */
        /* outline: 0; */
        /* padding: 15px 5px 15px; */
        /* background: #FFFFFF; */
        /* color: #0B4788; */
        /* font-size: 112.5%; */
        -moz-transition: .2s;
        /* -webkit-transition: .2s; */
        -o-transition: .2s;
        -ms-transition: .2s;
        /* transition: .2s; */
        /* font-weight: bold; */
        border: 0;
        outline: 0;
        background: none;
        color: #fff;
        padding: 20px 2%;
        width: 100%;
        background-color: #63BDC6;
        font-size: 18px;
    }

    .contact_cf .clearForm,.contact_cf .clearForm2 {
        padding: 10px 5px 10px;
    }

    .choose_list1 > li {
        width: 220px;
        float: left;
        margin: 0 0 0 10px;
    }

    .choose_list1 > li:first-child {
        margin: 0 0 0 0;
    }

    .choose_list1 {
        margin: 0 auto 50px auto;
        width: 450px;
    }

    .contact_tb td span {
        display: block;
        margin: 9px 0 0 0;
    }

    .clearForm:hover,
.clearForm2:hover {
        background-color: #39B54A;
        color: #fff;
    }

    #zip {
        width: 120px;
    }

    #addr, #pref,#add_detail {
        width: 365px;
    }

    #tel {
        width: 364px;
    }

    .error_style {
        color: #FF0000;
        display: block;
    }

    #name, #kana,#tanto {
        width: 65%;
    }

    #fax {
        width: 360px;
        margin: 0 0 0 0;
    }

    #zip {
        width: 120px;
        margin: 0 0 6px 0;
    }

    #address3 {
        width: 590px;
    }

    #title,#mail,#mail_confirm, textarea {
        width: 365px;
    }

    input[type="text"] {
        height: 25px;
        padding: 5px;
    }

#title, #mail, #mail_confirm, #mail2, #mail_confirm2, textarea {
    width: 94%;
}

#tel2, #tel {
    width: 45%;
}

#pref2, #addr2, #add_detail2 {
    width: 94%;
}

    input[type="text"],
textarea,
select,
option {
        border: 1px solid #CCCCCC;
    }

    button {
        border: none;
        outline: none;
        background: none;
    }

    .form_notice1 {
        font-size: 80.714%;
        display: block;
        margin-top: 5px;
    }

    .form_notice2 {
        font-size: 87.5%;
    }

    .modification {
        width: 27%;
        float: left;
        margin-left: 21%;
    }

    .send_bt {
        width: 27%;
        float: right;
        margin-right: 21%;
    }

    .error_style {
        color: #FF0000;
        display: block;
        margin-top: 8px;
    }

    .contact_tb {
        padding: 0 0 30px 0;
        width: 100%;
        margin: 0 0 30px 0;
    }

    .contact_tb th {
        line-height: 1.4;
        /* width: 240px; */
        /* text-align: left; */
        padding: 10px 12px 10px 12px;
        position: relative;
    }

.contact_tb tr th {
    width: 19%;
    text-align: left;
    padding: 10px 8% 10px 2%;
    position: relative;
    background-color: #63BDC6;
    color: #fff;
    font-weight: normal;
    border: solid 1px #50A1A5;
}

.contact_tb tr td {
    width: 71%;
    padding: 10px 2% 10px 2%;
    background: #f5f5f5;
    border: solid 1px #50A1A5;
}

    .contact_tb th, .contact_tb td {
        padding: 10px 10px 10px 20px;
    }

    .contact_tb th em {
        background: #FF0000;
        color: #FFFFFF;
        padding: 2px 5px;
        margin-left: 5px;
        position: absolute;
        right: 10px;
        font-size: 85.714%;
    }

    .toHome {
        cursor: pointer;
        /* width: 170px; */
        /* border: solid 1px #0B4788; */
        /* outline: 0; */
        padding: 10px 5px;
        /* background: #FFFFFF; */
        /* color: #0B4788 !important; */
        /* font-size: 112.5%; */
        -moz-transition: .2s;
        /* -webkit-transition: .2s; */
        -o-transition: .2s;
        -ms-transition: .2s;
        transition: .2s;
        font-weight: bold;
        display: block;
        text-decoration: none !important;
        margin: 30px auto;
        text-align: center;
        border: 0;
        outline: 0;
        background: none;
        color: #fff !important;
        width: 218px;
        background-color: #63BDC6;
        font-size: 18px;
    }

    .toHome:hover {
        background: #39B54A;
        color: #FFFFFF !important;
    }

    .contact .lead em {
        line-height: 1.6;
        display: block;
    }



/* ホーム index
----------------------------------------------------------- */

    .kanae_200 {
        margin: 0 0 15px;
    }

    .list_top1 {
        border: solid 1px #E6E6E6;
        padding: 22px 20px 22px;
    }

    .list_top4 {
        display: none;
    }

    .list_top1 dd {
        color: #00558D;
        font-size: 16px;
        font-weight: bold;
        text-align: center;
    }

    .list_bg1 {
        background: url(./../img/top_content_bg1.png) no-repeat;
        background-position: center top;
    }

    .list_bg2 {
        background: url(./../img/top_content_bg2.png) no-repeat;
        background-position: center top;
    }

    .list_bg3 {
        background: url(./../img/top_content_bg3.png) no-repeat;
        background-position: center top;
    }

    .list_bg2 dd {
        color: #B3446D;
    }

    .list_bg3 dd {
        color: #5C9732;
    }

    .list_top1 > li {
        padding: 7px 9px 87px;
        margin: 6px 0 0 0;
    }

    .list_top1 dt {
        margin: 0 0 20px 0;
    }

    .list_top1 dd {
        background: rgba(255, 255, 255, 0.8);
        padding: 17px 20px 15px;
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
/*IE8以下用*/
    }

    .list_top1 > li:first-child {
        margin: 0;
    }

    .contentsList > li {
        margin: 40px 0 0 0;
    }

    .contentsList > li:first-child {
        margin: 0;
    }

    .contects_style1 {
        border: solid 1px #E6E6E6;
        padding: 29px 29px 30px;
    }

    .list_top2 > li {
        width: 325px;
        float: left;
    }

    .list_top2 dt {
        margin: 0 0 20px 0;
    }

    .list_top2 > li:first-child {
        margin: 0 30px 0 0;
    }

    .list_top2 dd {
    }

    .tit2 {
        font-size: 16px;
        color: #00558D;
        margin: 0 0 15px 0;
    }

    .list_top2 dd p {
        font-size: 13px;
    }

    .list_top2 {
        margin: 0 0 33px 0;
    }

    .list_top3 dt {
        width: 101px;
        float: left;
        margin: 0 19px 0 0;
    }

    .list_top3 dd {
        width: 208px;
        float: left;
        font-size: 13px;
        line-height: 1.6;
        margin: 2px 0 0 0;
    }

    .list_top3 dd p {
        color: #A67C52;
        margin: 0 0 20px 0;
    }

    .list_top3 dd span {
        color: #FF7BAC;
        display: block;
        text-align: right;
    }

    .list_top3 > li {
        width: 328px;
        float: left;
    }

    .list_top3 > li:first-child {
        margin: 0 24px 0 0;
    }

    .voice_link a {
        display: block;
        text-decoration: none;
        color: #fff;
        background: #00558D;
        font-weight: bold;
        padding: 1px 9px 1px;
        width: 187px;
        margin: 14px 0 0 auto;
        font-size: 12px;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        letter-spacing: 1px;
    }

    .voice_link a:hover {
        background: #FF931E;
    }

    .f_contentsList {
        width: 1000px;
        margin: 0 auto;
    }

    .top_info > li {
        width: 480px;
        float: left;
    }

    .top_info > li:first-child {
        margin: 0 40px 0 0;
    }

    #f_contents {
        background: url(./../img/contents_bg1.png) no-repeat;
        background-position: center top;
        padding: 50px 0 0 0;
        margin: 49px 0 0 0;
    }

    .f_contentsList > li {
        margin: 99px 0 0 0;
    }

    .f_contentsList > li:first-child {
        margin: 0;
    }

    .contects_style2 {
        border: solid 1px #ccc;
        padding: 9px 8px 9px;
    }

    .top_info2_2 {
        display: none;
    }

    .top_info2 {
        background: url(./../img/contents_bg2.jpg) no-repeat;
        background-position: center top;
        padding: 13px 14px 24px;
    }

    .top_info2 > li {
        float: left;
        width: auto;
        margin: 10px 0 0 0;
    }

    .top_info2 > li:first-child {
        margin: 0 27px 0 0;
    }

    .f_info_navi > li {
        display: inline-block;
    }

    .f_info_navi {
        font-size: 0;
    }

    .movie iframe {
        width: 100%;
        height: 270px;
    }

    .movie02 iframe {
        width: 100%;
        height: 390px;
        margin: 30px auto 0;
    }

/*-- 新着情報 --*/

    .news dt {
        float: left;
        width: 11%;
    }

    .news dl {
        width: 100%;
        padding: 28px 0 25px 0;
        font-size: 98%;
        border-top: solid 1px #D0D0D0;
    }

.scroll-pane {
    overflow-y: auto !IMPORTANT;
    height: 130px;
}

    .news {
        height: 270px;
        width: 100% !important;
        margin: 0 auto;
    }

.newsWrap h3 {
	width: 100%;
	margin: 0 auto;
}

    .news dd {
        margin: 0 0 0 4%;
        float: left;
        width: 85%;
    }

.news span {
    margin: 0 5% 0 0;
    padding: 2px 3% 0 3%;
    background: #C4B771;
    font-size: 97%;
    color: #fff;
}

    .news li {
        padding: 0 0 2px 0;
        margin: 0 3% 0 0;
    }

.news li:first-child > dl {
    border: none;
}


/*-- スクロールバーデザイン --*/

    .jspContainer {
        overflow: hidden;
        position: relative;
        height: 206px;
        width: 100% !important;
    }

    .jScrollPaneDrag {
        height: 204px;
    }

    .jspPane {
        width: 100% !important;
        position: absolute;
    }

    .jspVerticalBar {
        height: 215px;
        position: absolute;
        top: 0;
        right: -5px;
        width: 20px;
        overflow: visible;
    }

    .jspHorizontalBar {
        display: none;
    }

    .jspCap {
        background-color: #FFF;
        position: relative;
    }

    .jspHorizontalBar .jspCap {
        display: none;
    }

    .jspTrack {
        background: url(../img/icon_02.png) repeat-y;
        position: relative;
        background-position: center;
    }

    .jspDrag {
        margin: 0 auto;
        width: 4px;
        background: #63BDC6;
        position: relative;
        top: 0;
        left: 0;
        cursor: pointer;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
    }

    .jspCapRight {
        display: none;
    }

    .jspDragLeft,
.jspDragRight {
        display: none;
    }

    .jspArrow.jspDisabled {
        cursor: default;
    }

    .jspVerticalBar .jspArrow {
        height: 20px;
    }

    .jspHorizontalBar .jspArrow {
        width: 20px;
        float: left;
        height: 100%;
    }

    .jspVerticalBar .jspArrow:focus {
        outline: none;
    }

    .jspCorner {
        background: #eeeef4;
        float: left;
        height: 100%;
    }

    .jspArrowUp {
        display: block;
        cursor: pointer;
        padding: 0;
        margin: 0;
        background: url(../img/icon_01.png) no-repeat;
        background-position: center;
    }

    .jspArrowDown {
        display: block;
        cursor: pointer;
        padding: 0;
        margin: 0;
        background: url(../img/icon_03.png) no-repeat;
        background-position: center;
    }

/* 会社概要
----------------------------------------------------------- */


    .gmap {
        border: solid 1px #E6E6E6;
        padding: 29px 3% 30px;
        margin: 0 auto 70px;
        width: 94%;
    }

.gmap h3 {
    width: 100%;
    margin: 0 auto 20px;
    padding: 10px 0 10px 0;
    border-bottom: solid 1px #D0D0D0;
}

.gmap > h3 > img {
    width: 20%;
}

    .gmap iframe {
        width: 100%;
        height: 350px;
        border: solid 1px #D0D0D0;
    }

/* お客様の声
----------------------------------------------------------- */

    .voice_list1 > li {
        margin: 30px 0 0 0;
    }

    .voice_list1 > li:first-child {
        margin: 0;
    }

/* プライバシーポリシー
----------------------------------------------------------- */

    .lead2 {
        margin: 0 0 10px 0;
    }

    .privacy {
        margin: 0 auto;
    }

    .privacyLead {
        margin: 0 auto 20px;
        padding: 10px 10px;
        border: dotted 1px #666;
        line-height: 1.5;
    }

    .privacy dt {
        margin: 0 0 11px 0;
        font-weight: bold;
        font-size: 20px;
        color: #63BDC6;
        border-bottom: solid 1px #50A1A5;
    }

    .privacy dd {
        /* font-size: 87.5%; */
        /* margin: 0 0 15px 0; */
        /* line-height: 1.5; */
        font-size: 16px;
        margin: 0 0 15px 0;
        padding: 0 2% 0 2%;
        line-height: 1.8em;
    }

    .lead2 {
        margin: 0 0 10px 0;
    }

/* 製品について
----------------------------------------------------------- */

    .tb_style1 th,.tb_style1 td {
        width: 96%;
        display: block;
        padding: 5px 2% 4px;
    }

    .tb_style1 th {
        font-size: 110%;
    }

    .listStyle2 > li > dl > dt {
        border: 3px solid #FF931E;
        position: relative;
        border-radius: 5px;
        margin: 0 0 3px 0;
        padding: 8px 3% 7px;
        text-align: center;
        font-weight: bold;
        color: #FF931E;
        background: #fff;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    }

    .listStyle2 dt:after,.listStyle2 dt:before {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .listStyle2 dt:after {
        border-color: rgba(255, 255, 255, 0);
        border-top-color: #fff;
        border-width: 8px;
        margin-left: -8px;
    }

    .listStyle2 > li > dl > dt:before {
        border-color: rgba(255, 147, 30, 0);
        border-top-color: #FF931E;
        border-width: 12px;
        margin-left: -12px;
    }

    .listStyle2 > li {
        width: 48%;
        margin: 0 0 10px 0;
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
    }

    .listStyle2 {
        margin: 0 0 30px 0;
        letter-spacing: 20px;
    }

    .mb_none {
        margin: 0 -40px 0 0;
    }

    .listStyle2 > li > dl > dd > a {
        display: block;
        text-decoration: none;
        color: #fff;
        background: #00558D;
        padding: 2px 10px 2px;
        text-align: center;
        margin: 20px 0 0 0;
    }

    .listStyle2 > li > dl > dd > a:hover {
        background: #FF931E;
    }

    .use_list {
        letter-spacing: 25px;
    }

    .use_list dt {
        margin: 0 0 15px 0;
    }

    .use_list dd {
        font-size: 16px;
        color: #00558D;
        font-weight: bold;
    }

    .use_list > li {
        width: 325px;
        margin: 0 0 20px 0;
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
    }

    .use_list dt img {
        box-shadow: 2px 2px 10px 2px #f2f2f2;
        -moz-box-shadow: 2px 2px 10px 2px #f2f2f2;
        -webkit-box-shadow: 0px 2px 10px 2px #f2f2f2;
        padding: 2%;
    }


/* @20160602
----------------------------------------------------------- */

    .lead_box > dd > ul > li {
        margin: 20px 0 0;
    }

    .lead_box > dd > ul > li:first-child {
        margin: 0px 0 0;
    }

    .lead_box > dd > .earthquake > li:first-child {
        margin: 20px 53px 20px;
    }

    .lead_box > dd > em {
        font-weight: bold;
    }

    .earthquake {
        margin: -20px 0 0;
    }

    .earthquake li {
        float: left;
        width: 270px;
    }

    .international li {
        text-align: left;
    }

    .international li:first-child {
        float: left;
        width: 270px;
        padding: 0 20px 0 0;
    }

    .international em {
        font-weight: bold;
    }

    .lead_box h3 {
        background: #206A9B;
        color: #fff;
        padding: 5px 15px;
        text-align: left;
        width: 240px;
    }

    .convenience li {
        text-align: left;
    }

    .convenience li:first-child {
        float: left;
        width: 270px;
        padding: 0 10px 0 0;
    }

    .contentsList > li > a {
        font-weight: bold;
        background: #34A9A6;
        color: #fff;
        padding: 10px 100px;
        margin: 10px 235px 0;
        text-decoration: none;
        -webkit-box-shadow: 0px 1px 10px 3px #f2f2f2;
    }

    .contentsList > li > a:hover {
        background: #46DCD8;
    }

    .tb_bg1 {
        background-color: #9ddaed !important;
    }

    .tb_bg2 {
        background-color: #d5ebf6 !important;
    }

.bx-controls-direction {
	width: 100%;
}

.form_wrap {
    width: 96%;
    padding: 0 0  50px 0;
}

.mB15 {
    width: 96%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* max-width: 960px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

    .tb_none {
        display: none;
    }

    .pc_none2 {
        display: block;
    }

    .h_icon {
        width: 6%;
        float: left;
        margin: 0 0 0 50%;
    }

    h1 {
        color: #fff;
        font-weight: normal;
        font-size: 12px;
        margin: 0 0 0 125px;
        text-align: left;
        padding: 4px 0 1px 0;
        background: #63BDC6;
        width: 76%;
    }

    .cover {
        margin: 0 0 0 0;
    }

    .bxslider {
    }

    .movie02 iframe {
        width: 100%;
        height: 265px;
        margin: 30px auto 0;
    }
    
    
    .topContentsWrap {
    	height: auto;
    	padding: 5% 0 10% 0;
    }

.areaTelTop dt {
	padding: 0 0 0 10%;
}

.areaTelBot dt {
	margin: 5% 0 0 0;
	padding: 0 0 0 10%;
	background-position: 2px 4px;
}

.areaTelBot dd {
	margin: 10px 0 0 0;
}

.privacyWrap h3 > img {
    width: 40%;
}

.companyWrap h3 img {
    width: 20%;
}

.companyWrap h3 img {
    width: 20%;
}

.gmap > h3 > img {
    width: 25%;
}

.wayWrap h3 img {
    width: 80%;
}

.aboutWrap h3 img {
    width: 30%;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* max-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 591px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/*-----------------------------------------------------------

全体スタイル

-----------------------------------------------------------*/

    body {
        webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -o-text-size-adjust: 100%;
        text-size-adjust: 100%;
        max-height: 9999px;
        font-size: 90%;
    }

    #pageTop {
        display: none !important;
    }

    .sp_none {
        display: none !important;
    }

    .pc_none {
        display: block;
    }

.spTitle h2 {
    padding: 15px 0 15px 0;
}

.header_sp > li:first-child {
    float: left;
    width: 45%;
}

.spTel > li:first-child {
    float: left;
    padding: 7px 0 0 0;
    width: 45%;
}

.header_sp li:first-child dd {
    font-size: 90%;
    padding: 0 1% 0 1%;
    background: #FBF4E0;
}

.header_sp {
    padding: 10px 3% 2% 5%;
    background-image: url("../img/navi_bg.png");
}

.header_sp li:first-child dt {
    padding: 0 0 5px 10%;
    background-image: url("../img/tel_icon01.png");
    background-repeat: no-repeat;
}

.header_sp li:first-child dd {
    font-size: 11px;
    margin: 5px 0 0 0;
    text-align: center;
}

.header_sp li + li {
    float: right;
    width: 25%;
    padding: 1% 0 0 0;
}

.spTel li:first_child {
    padding: 3px 0 12px 0;
    float: left;
    width: 45%;
}

.spTel > li + li {
    float: left;
    width: 45%;
    margin: 0 0 0 10%;
}

.fixed #header {
    position: static;
    width: 100%;
    top: 0;
    left: 0;
}

.aboutBot h3 {
	padding: 10px 0 10px 10%;
}

.area {
	padding: 60px 2% 58px 2%;
}

.topContact {
	padding: 0 2% 0 2%;
	width: 96%;
}

#visual .catchcopy img {
	width: 100%;
	position: absolute;
	top: 15px;
}

.bx-wrapper .bx-pager {
	display: none;
}


/*-----------------------------------------------------------

header

-----------------------------------------------------------*/


h1 {
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    margin: 0;
    text-align: center;
    padding: 4px 0 1px 0;
    background: #63BDC6;
    width: 100%;
}

    .header_in > .h_logo {
        width: 61%;
        margin: 3% 5% 0 0;
    }

    .header_in > li + li + li + .humb {
        width: 20%;
        margin: -1% 0 0 3%;
        float: left;
    }

    .header_in {
        padding: 2% 0 2%;
    }

    .h_icon {
        margin: 2% 0 0 2%;
        width: 8%;
    }

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: " ";
    background: url("../img/hamburger_icon.png") no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    width: 45px !important;
    height: 45px;
}


/*-----------------------------------------------------------

cover

-----------------------------------------------------------*/
    .bx-wrapper .bx-pager.bx-default-pager a {
        background: #666;
        text-indent: -9999px;
        display: block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        margin: 0 2px;
        width: 5px;
        height: 5px;
        display: inline-block;
        overflow: hidden;
        background: #FFF;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
    }

    .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #000;
        background: #29ABE2;
        border: solid 1px #fff;
        width: 3px;
        height: 3px;
    }

/*-----------------------------------------------------------

nav

-----------------------------------------------------------*/


    #nav {
        display: none;
    }

    nav {
        display: block;
        margin: 50px 0 30px 0;
    }

    .navi li {
        text-align: center;
    }

    .navi li {
        text-align: center;
        background-size: contain;
        font-weight: bold;
        border-bottom: solid 1px #88B8CC;
        border-top: solid 1px #CBE0EF;
    }

    .navi li a {
        color: #fff;
        font-size: 110%;
        width: 100%;
        padding: 10px 0 8px;
        display: block;
        text-decoration: none;
        background: #63BDC6;
    }

    .navi .nav_in a {
        padding: 6px 0 4px;
        font-size: 105%;
        background: #0094C1;
        font-weight: normal;
    }

    .navi .nav_in li {
        border-bottom: solid 1px #88B8CC;
        border-top: solid 1px #CBE0EF;
    }

    .navi .nav_in a:hover {
        background: #64CCE5;
    }

    .news li {
        margin: 0;
    }

/*-----------------------------------------------------------

#main

-----------------------------------------------------------*/

    #main {
        width: 100%;
        float: none;
        padding: 0 !important;
    }


/*-----------------------------------------------------------

#side

-----------------------------------------------------------*/

    #side {
        width: 100%;
        float: none;
        margin: 50px 0 0 0;
    }

    #side > ul > li + li + li {
        width: 48%;
        float: left;
    }

    #side > ul > li + li + li + li {
        margin: 20px 0 0 4%;
    }

    .tit_style04 {
        width: 40%;
    }

    .tit_style05 {
        width: 40%;
    }

    .side_style_in1 dt {
        text-align: center;
        font-size: 16px;
    }

    .side_style_in1 dt + dd {
        width: 96%;
        margin: 0 auto;
    }

    .side_style_in1 dd {
        width: 96%;
        margin: 10px auto;
    }

    .fb {
        text-align: center;
    }

    .top_info > li {
        width: 100%;
        float: none;
        margin: 30px 0 0 0;
    }

    .top_info > li:first-child {
        margin: 0;
    }

    .f_contentsList > li + li {
        display: none;
    }

    .side_style_in1 dt + dd br {
        display: none;
    }

    .list_top3 > li {
        width: 100%;
        float: none;
        margin: 20px 0 0 0;
    }

    .list_top3 > li:first-child {
        margin: 0;
    }

    .list_top3 dt {
        width: 20%;
    }

    .list_top3 dd {
        width: 78%;
    }

    .voice_link a {
        width: 67%;
    }


/*-----------------------------------------------------------

slide_menu

-----------------------------------------------------------*/

    #pageslide {
        display: none;
        position: absolute;
        position: fixed;
        top: 0;
        height: 100%;
        z-index: 999999;
        width: 65%;
        padding: 1%;
        background: #E5F2F9;
        color: #000;
        -webkit-box-shadow: inset 0 0 5px 5px #222;
        -moz-shadow: inset 0 0 5px 5px #222;
        box-shadow: inset 0 0 5px 5px rgba(0,0,0, 0.2);
        overflow-y: scroll;
    }

    #naviOpen {
        font-size: 170%;
        color: #179EC6;
        text-align: center;
    }

    .menu_bt {
        display: block;
        text-align: center;
        margin: 0 0 0 0;
    }

    #modal {
        display: none;
    }

    p.btn-close {
        background: #39B54A;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        text-align: center;
        margin: 5% auto 14%;
        width: 50%;
        font-size: 14px;
    }

    p.btn-close a {
        display: block;
        text-decoration: none;
        color: #FFF!important;
        padding: 7% 5% 5%;
    }

    .navi img {
        width: 100%;
    }

    #slide_navi li a {
        text-align: center;
        display: block;
        color: #000000;
        line-height: 3;
        text-decoration: none;
        margin-top: 5px;
        background: #FFFFFF;
        font-size: 13px;
        line-height: 1.6;
        padding: 12px 0;
        border-radius: 5px;
        padding: 10px 20px;
        background: -moz-linear-gradient( top, #63BDC6 0%, #84d8e0 50%, #88d2d6 50%, #50A1A5);
        background: -webkit-gradient( linear, left top, left bottom, from(#63BDC6), color-stop(0.50, #84d8e0), color-stop(0.50, #88d2d6), to(#50A1A5));
        -moz-border-radius: 10px;
        border: 0 solid #949494;
        -moz-box-shadow: 0 0 0 rgba(000,000,000,0.5),	inset 0 0 0 rgba(255,255,255,1);
        -webkit-box-shadow: 0 0 0 rgba(000,000,000,0.5),	inset 0 0 0 rgba(255,255,255,1);
        box-shadow: 0 0 0 rgba(000,000,000,0.5),	inset 0 0 0 rgba(255,255,255,1);
        text-shadow: 0 0 0 rgba(000,000,000,0),	0 0 0 rgba(255,255,255,1);
    }

    .nolink {
        text-align: center;
        background-color: #FFF;
        padding: 5px 5px 2px;
        margin: 5px 0;
        border-radius: 5px;
    }

    .nolink span {
        padding: 5px 0 7px;
        display: block;
    }

    #slide_navi li .p_in a,#slide_navi li .p_in2 a {
        background-color: #009FCF;
        color: #fff;
        color: #ffffff;
        font-size: 12px;
        padding: 10px 5px;
        line-height: 1.2;
        background: -moz-linear-gradient( top, #009FCF 0%, #009FCF);
        background: -webkit-gradient( linear, left top, left bottom, from(#009FCF), to(#009FCF));
        -moz-border-radius: 10px;
        -webkit-border-radius: 10;
        border-radius: 10;
        -moz-box-shadow: 0 0 0 rgba(000,000,000,0.5),	inset 0 0 0 rgba(255,255,255,1);
        -webkit-box-shadow: 0 0 0 rgba(000,000,000,0.5),	inset 0 0 0 rgba(255,255,255,1);
        box-shadow: 0 0 0 rgba(000,000,000,0.5),	inset 0 0 0 rgba(255,255,255,1);
        text-shadow: 0 0 0 rgba(000,000,000,0.1),	0 0 0 rgba(255,255,255,1);
        margin: 0 0 2px 0;
    }

    .p_in {
        margin: 0 0 5px 0;
    }

/*-----------------------------------------------------------

footer

-----------------------------------------------------------*/


    #footer {
        display: none;
    }

    footer {
        display: block;
    }

    .f_inner {
        background: #50A1A5;
        padding: 7px 1% 8px;
    }

    footer p {
        background: #63BDC6;
        text-align: center;
        line-height: 1;
        padding: 12px 1%;
    }

    .f_list1 li {
        float: left;
        width: 32%;
        margin: 0.6%;
    }

    .f_list1 li a {
        color: #fff;
        text-decoration: none;
        display: block;
        text-align: center;
        padding: 10px 0 5px;
        font-size: 60%;
    }

    .f_list1 li a i {
        display: block;
        margin-bottom: 5px;
        font-size: 540%;
    }

    .f_list1 li a:hover {
        color: #fff;
    }

    .copyright small {
        font-size: 75%;
        color: #fff;
    }

    .tit2 {
        margin: 0 0 10px 0;
    }

    .tit_in1 {
        font-size: 22px;
    }

/*------ フォーム ------*/

    .h_info > li {
        margin: 0 0 0 7px;
    }

    .choose_list1 > li {
        width: 100%;
        float: none;
        margin: 5px 0 0 0;
    }

    .choose_list1 > li:first-child {
        margin: 0;
    }

    .contact_tb {
        border-spacing: 0;
        border-collapse: separate;
        width: 100%;
        padding: 0;
    }

    .contact_tb tbody td {
        font-size: 95%;
        line-height: 1.5;
    }

    .contact_tb th, .contact_tb td {
        padding: 10px 2% 10px;
        display: table;
        width: 96%;
    }

    #zip {
        width: 120px;
    }

    #addr,#pref {
        width: 96%;
    }

    #tel,#fax {
        width: 96%;
    }

    #add_detail {
        width: 96%;
    }

    #name, #kana, #post, #mail, #mail_confirm, textarea, #url, #tanto, #temple_name, #temple_kana, #corporate, #kana2 {
        width: 94%;
    }

#department1, #department2 {
    width: 80%;
}

#tel2, #tel {
    width: 94%;
}

    textarea {
        width: 98%;
        padding: 10px 0;
    }

    .choose_list1 {
        width: 44%;
    }

    .send_bt {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding: 10px 0;
    }

    .modification {
        width: 100%;
        float: none;
        margin: 0 auto;
        padding: 10px 0;
    }

    .modification_wrap {
        width: 50%;
        margin: 10px auto 0;
    }

    .btnBox2 {
        width: 50%;
        margin: 0 auto;
    }

    .contact_tb {
        margin-bottom: 30px;
    }

    .tb_style1 th:first-child {
        width: 100%;
    }

    .section_style02 dt {
        width: 96%;
        float: none;
    }

    .section_style02 dd {
        width: 100%;
        float: none;
    }

    .section_style03 dt {
        width: 96%;
        float: none;
        margin: 0 0 0 0;
    }

    .section_style03 dd {
        width: 100%;
        float: none;
    }

    .listStyle2 {
        margin: 0 0 20px 0;
    }

    .use_list > li {
        width: 100%;
        float: none;
        margin: 20px 0 0 0;
    }

    .use_list > li:first-child {
        margin: 0;
    }

    .lead_box2 {
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        overflow-scrolling: touch;
    }

    .lead_box2 dd {
        width: 600px;
    }

    .movie02 iframe {
        width: 100%;
        height: 170px;
        margin: 30px auto 0;
    }
    
    .news dl {
    font-size: 14px;
    }

    .news dt {
    float: none;
}

.news dd {
    float: none;
    margin: 10px 0 0 0;
}

.orderIn > dd > p + p + p {
    padding: 28px 3% 0 3%;
}

.orderIn p {
    font-size: 80%;
}

.botBanner li {
	float: none;
	width: 100%;
	margin: 3% 0 0 0;
}

.botBannerWrap {
    background-image: url("../img/bottom_banner_bg.png");
    background-size: cover;
}

	.topContactIn > li:first-child {
	    float: none;
	    width: 100%;
	    background-image: url("../img/contact_bg.png");
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center top;
	}

.topContactIn > li + li {
	float: none;
	width: 100%;
	margin: 15px auto 0;
}

	.topContactBot {
	    padding: 9px 0 0 0;
	    width: 100%;
	    border-top: solid 1px #B2A9A2;
	}
	
		.topContactTop {
	    padding: 4% 0 10px 3%;
	    width: 100%;
	}

	.topContactTop dd {
		width: 43%;
		font-size: 70%;
	}
	
	.areaIn > li:first-child {
		float: none;
		width: 100%;
	}
	
	.areaIn > li + li {
		float: none;
		margin: 3% 3% 0 3%;
		width: 94%;
	}
	
	.order dt {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.order dd {
		 float: none;
		 width: 100%;
		 margin: 0;
	}

	.orderSp {
		background-image: url("../img/order_in_bg.png");
		padding: 3% 3% 6% 3%;
	}

.orderSp p {
    font-size: 14px;
    padding: 2% 0 0 0;
    line-height: 1.8em;
}

.orderWrap {
    width: 100%;
}

.topContentsWrap {
	height: auto;
	padding: 5% 0 10% 0;
}

.newsWrap {
	padding: 0 2% 0 2%;
}


.areaTel > li:first-child > dl {
	padding: 0 0 10px 0;
}

.areaTelBot dt {
    font-size: 190%;
    background-image: url("../img/tel_icon03.png");
    background-repeat: no-repeat;
    background-position: 1px center;
}

.areaTelTop dt {
	float: none;
	width: 91%;
	font-size: 200%;
	background-position: 2px 3px;
}

.areaTelTop dt a {
    text-decoration: none;
    color: #333333;
}

.areaTelTop dd {
	float: none;
	padding: 2px 2% 2px 2%;
	width: 94%;
}

.areaTelBot dt {
	float: none;
	margin: 5px 0 0 0;
	width: 92%;
}

.areaTelBot dt a {
    text-decoration: none;
    color: #333333;
}

.areaTelBot dd {
	float: none;
	margin: 1px 0 0 2%;
	padding: 2px 2% 2px 2%;
	width: 94%;
}

.topContactIn > li > ul > li {
	width: 100%;
}

.inner-slider-warpper {
	left: 0;
	position: static;
	height: auto;
	margin: 0;
}

#inner-slider {
	width: 100%;
	position: static;
	height: auto;
}

#container {
    position: static !important;
}

#header {
	position: static;
}

#visual {
	background-image: none;
	height: auto;AC
}

.collection_bx li {
	width: 5% !important;
	margin: 0 0.3% 0 0 !important;
}

#inner-slider .bx-viewport li{
	margin: 0 !important;
}

.bx-next {
	background: url(../img/allow02_off.png) no-repeat 100% 0;
	background-size: contain;
	width: 7% !important;
	right: 5% !important;
}

.bx-next:hover {
    width: 7% !important;
    background: url(../img/allow02_on.png) no-repeat 100% 0;
    background-size: contain;
    right: 5% !important;
}

.bx-prev {
	background: url(../img/allow01_off.png) no-repeat 100% 0;
	background-size: contain;
	width: 7% !important;
	left: 5% !important;
}

.bx-controls-direction a {
    margin: -4% 0 0 0;
}

.bx-prev:hover {
    width: 7% !important;
    background: url(../img/allow01_on.png) no-repeat 100% 0;
    background-size: contain;
    left: 5% !important;
}





.privacyWrap h3 > img {
    width: 50%;
}

.companyWrap h3 img {
    width: 25%;
}

.gmap > h3 > img {
    width: 40%;
}

.contact_tb tr td {
    width: 100%;
    padding: 10px 2% 10px 2%;
}

.contact_tb tr th {
    width: 86%;
    text-align: left;
    padding: 10px 12% 10px 2%;
    position: relative;
    background-color: #63BDC6;
    color: #fff;
    font-weight: normal;
    border: solid 1px #50A1A5;
}

.contact_tb tr td {
    width: 95%;
    padding: 10px 2% 10px 2%;
    background: #f5f5f5;
    border: solid 1px #50A1A5;
    display: block;
}


.way > li:first-child {
    float: none;
    width: 100%;
    text-align: center;
    border-right: none;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    background: #63BDC6;
    padding: 2% 0 2% 0;
    display: table;
    border: solid 1px #63BDC6;
}

.way > li + li {
    float: none;
    width: 96%;
    padding: 20px 2% 40px 2%;
    border: solid 1px #D0D0D0;
}

.wayTime {
    margin: 20px 0 0 0;
}

.wayTime li {
    float: none;
    width: 80%;
    background: #FBF4E1;
    text-align: center;
    padding: 7px 1%;
    margin: 7% auto 0;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    border: solid 1px #FBF4E1;
}

.wayTime li:first-child {
    margin: 2px auto 0;
}

.wayTime li a {
    text-decoration: none;
    color: #333;
}

.wayWrap h3 img {
    width: 60%;
}

.aboutIn li:first-child {
    float: none;
    width: 100%;
    margin: 0;
}

.aboutIn li {
    float: none;
    width: 100%;
    margin: 10% 0 0 0;
}

.aboutWrap h3 img {
    width: 40%;
}

.aboutContentsIn li:first-child {
    float: none;
    width: 100%;
    margin: 0;
    border: none;
}

.aboutContentsIn li {
    float: none;
    width: 100%;
    font-size: 16px;
    line-height: 1.8em;
    margin: 6% 0 0 0;
    border: none;
}

.aboutContentsIn a {
    width: 96%;
    bottom: 0;
    left: 0;
    right: 0;
}

.aboutContents h4 {
	font-size: 13px;
}

.furnitureWrap h3 img, .joineryWrap h3 img {
    width: 50%;
}

.furniture li:first-child, .joinery li:first-child {
    float: none;
    width: 96%;
    margin: 0;
    border: none;
}

.furniture li, .joinery li {
    float: left;
    width: 96%;
    padding: 0 2% 0 2%;
    margin: 8% 0 0 0;
}

.furniture dd, .joinery dd {
	padding: 0;
}

.galleryTitle h3 img {
    width: 70%;
}

.galleryIn h4 {
	padding: 10px 0 10px 8%;
}

.gallery > li:first-child {
    float: none;
    width: 100%;
    margin: 0;
    background: #FAFAFA;
    padding: 71% 0 0 0;
}

.gallery > li {
    float: none;
    width: 96%;
    margin: 5% auto 0;
    position: relative;
    top: 0;
    bottom: 0;
}

.gallerySub li {
    float: left;
    width: 48%;
    height: auto;
    margin: 0 1% 3% 1%;
    letter-spacing: normal;
}

.galleryContents h4 + ul + p + p {
	font-size: 14px;
    color: #39B54A;
}

.comTb th {
	display: block;
	width: 99.5%;
	padding: 1% 0 0 0;
}

.comTb td {
    display: block;
    width: 95.5%;
    padding: 5% 2%;
}

.furniture li:first-child dd, .joinery li:first-child dd {
    text-align: left;
}

.lead > a {
    color: #39B54A;
    font-weight: bold;
}

.privacy a {
    color: #39B54A;
    font-weight: bold;
}

.comTb a {
    color: #39B54A;
    font-weight: bold;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* max-width: 591px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

	h1 {
		font-size: 10px;
	}


    .header_in > li + li + li + .humb {
        margin: -3% 0 0 3%;
        width: 16%;
    }

    .h_icon {
        width: 10%;
    }

    .list_top2 > li {
        width: 100%;
        float: none;
        margin: 20px 0 0 0;
    }

    .list_top2 > li:first-child {
        margin: 0;
    }

    .tit2 {
        margin: 0 0 10px 0;
    }

    .listStyle2 > li {
        width: 100%;
        float: none;
        margin: 0 0 10px;
    }

    .movie_text li {
        width: 100%;
    }

    .movie_text li:first-child {
        width: 100%;
        margin: 0 0 10px;
    }

    .movie_text li dl dd {
        font-size: 11px;
        font-weight: bold;
        color: #00558d;
        text-align: center;
    }

    .product_btn {
        text-align: center;
    }

    .contentsList > li > a {
        padding: 10px 7%;
    }
    
    
	.spTel > li:first-child {
	    float: left;
	    padding: 13px 0 0 0;
	    width: 45%;
	}

	.spTel > li + li {
	    float: left;
	    width: 45%;
	    margin: 0 0 0 10%;
	}


/* 会社概要
----------------------------------------------------------- */

    .gmap iframe {
        height: 170px;
    }


.choose_list1 {
    width: 80%;
}

.aboutBot h3 {
    padding: 10px 0 10px 13%;
}

.furnitureWrap h3 img, .joineryWrap h3 img {
    width: 80%;
}

.galleryIn h4 {
	padding: 10px 0 10px 10%;
}


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* max-width: 414px ??}??}?U?A */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */




/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (max-width: 320px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

    .h_icon {
        margin: 4% 0 0 0;
    }

    .header_in > .h_logo {
        margin: 4% 3% 0 0;
        width: 63%;
    }


.privacyWrap h3 > img {
    width: 75%;
}

.companyWrap h3 img {
    width: 33%;
}

.gmap > h3 > img {
    width: 50%;
}

.aboutWrap h3 img {
    width: 55%;
}

.furnitureWrap h3 img, .joineryWrap h3 img {
    width: 100%;
}

.gallery > li {
    float: none;
    width: 94%;
    margin: 5% auto 0;
    position: relative;
    top: 0;
    bottom: 0;
}

.gallerySub li {
    display: inline-block;
    width: 46%;
    height: auto;
    letter-spacing: normal;
}

.galleryTitle h3 img {
    width: 100%;
}

.wayWrap h3 img {
    width: 85%;
}

.header_sp li + li {
    float: right;
    width: 35%;
    padding: 1% 0 0 0;
}

.spTel > li:first-child {
    float: left;
    /* padding: 13px 0 0 0; */
    width: 55%;
}

.spTel > li + li {
    float: left;
    width: 33%;
    margin: 7% 0 0 10%;
}



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* max-width: 320px ??}??}?U?A */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */