@charset "UTF-8";

@media screen and (max-width:640px) {
    /*------------------------------

	00：ベーススタイル
		：a
	  ：p
	  ：float
	  ：text
	  ：margin
	  ：width
	  
	01:フレーム
	  ：ヘッダー
	  ：サイドメニュー
		：フッター
		：最下部
		：ページトップ
	
	02:レイアウト
		：テーブル
	  ：リスト
	  ：その他
	
-------------------------------*/



    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	01:フレーム
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    img {
        zoom: 1;
        max-width: 100%;
        height: auto;
    }

    #container {
        width: 100% !important;
        margin: 0 auto;
        padding: 0;
    }

    #header {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0 auto 20px;
        position: relative;
    }

    #contents {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0 auto 70px;
    }

    #main {
        width: 100%;
        float: none;
        margin: 0 auto 50px;
    }

    #common #main {
        width: auto;
        margin: 0 5px 50px;
    }

    #side {
        width: 100%;
        float: none;
    }

    #side .wrapper {
        width: auto;
    }

    #footer {
        width: 100%;
        margin: 0 auto;
        background: #f1f1f1;
    }

    #copyright {
        background: #494949;
        padding: 3px 0;
        text-align: center;
        color: #c4c4c4;
    }


    /*------------------------------
	ヘッダー
-------------------------------*/
    #header h1 {
        margin: 0 0 10px 10px;
    }

    #header #anniversary {
        position: absolute;
        top: 50px;
        left: 170px;
    }

    /* #header ul#gnavi																					{ width:100%;  margin:0; padding:0; text-align:center;}
#header ul#gnavi li 																					{ display:inline-block;  float:none; list-style:none; width:30%; margin:0 2px; text-align:center; font-size:100%;}
#header ul#gnavi li a																				{ padding:15px 0 11px; text-decoration:none; color:#092937;}
#header ul#gnavi li a:hover																		{ padding:15px 0 10px;}
#header ul#gnavi li.current a 																	{ padding:15px 0 10px;}
#header ul#gnavi li.home 																			{ display:inline-block;  float:none; list-style:none; width:30%; margin:0 2px; text-align:center; font-size:100%; position:relative; top:5px;}
#header ul#gnavi li.home a																			{ padding:15px 0 9px; text-decoration:none; color:#092937;}
#header ul#gnavi li.home a:hover																	{ padding:15px 0 8px; border-bottom:2px solid #00a0e9;} */


    #header ul.subnavi {
        position: static;
        margin: 0 0 10px;
        padding: 10px 0;
        width: 100%;
        overflow: hidden;
        background: #494949;
    }

    #header ul.subnavi li {
        display: inline;
        float: left;
        list-style: none;
        margin: 0 0 0 10px;
        background: url(../images/sp/header_list_arrow.gif) no-repeat left center;
        background-size: 6px 9px;
    }

    #header ul.subnavi li a {
        background: none;
        padding: 0 0 0 10px;
    }

    #header ul.subnavi li a {
        color: #ffffff;
        text-decoration: none;
    }

    #header ul.subnavi li a:link {
        color: #ffffff;
        text-decoration: none;
    }

    #header ul.subnavi li a:visited {
        color: #ffffff;
        text-decoration: none;
    }

    #header ul.subnavi li a:focus {
        outline: none;
    }

    #header .banner {
        display: none;
    }

    /* ↓↓JS用変更↓↓ */

    /* gnavi */
    #gnaviWrapper ul#gnavi {
        width: 100%;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    #gnaviWrapper ul#gnavi li {
        display: inline-block;
        float: none;
        list-style: none;
        width: 30%;
        margin: 0 2px;
        text-align: center;
        font-size: 100%;
    }

    #gnaviWrapper ul#gnavi li a.mainLink {
        padding: 15px 0 11px;
        text-decoration: none;
        color: #092937;
    }

    #gnaviWrapper ul#gnavi li a.mainLink:hover {
        padding: 15px 0 10px;
    }

    #gnaviWrapper ul#gnavi li.current a {
        padding: 15px 0 10px;
    }

    /* ↑↑JS用変更↑↑ */

    #gnaviWrapper ul#gnavi li.home {
        display: inline-block;
        float: none;
        list-style: none;
        width: 30%;
        margin: 0 2px;
        text-align: center;
        font-size: 100%;
        position: relative;
        top: 5px;
    }

    #gnaviWrapper ul#gnavi li.home a {
        padding: 15px 0 10px;
        text-decoration: none;
        color: #092937;
    }

    #gnaviWrapper ul#gnavi li.home a:hover {
        padding: 15px 0 9px;
        border-bottom: 2px solid #00a0e9;
    }

    #contentsWrapper {
        width: 100%;
    }

    /*------------------------------
	FEATURE CAROUSEL
-------------------------------*/
    .carousel-container {
        background: none;
    }

    #carousel-wrapper {
        margin: 0 auto;
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    #carousel {
        height: auto;
    }

    #carousel p img {
        width: 100%;
    }

    #carousel-contents {
        height: auto;
        padding-top: 0;
    }

    #carousel-contents p {
        text-align: left;
    }

    /*------------------------------
	フッター
-------------------------------*/
    #footerArea01 {
        float: none;
        width: 100%;
        margin: 0 auto;
        padding: 10px 0;
        position: relative;
    }

    #footerArea01 .wrapper {
        display: none;
        width: 700px;
        overflow: hidden;
        zoom: 1;
        margin: 0 auto;
    }

    #footerArea02 {
        width: 100%;
        padding: 20px 0;
        background: #eaeaea;
    }

    #footerArea02 .wrapper {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0 auto;
        position: relative;
    }

    #footerArea02 .banner {
        margin-left: 10px;
    }

    #footerArea02 .banner.-modifier {
        margin-top: 20px;
    }

    #footerArea01 h3 {
        border-top: 1px solid #b6b6b6;
        margin: 0 0 10px;
        padding: 5px 0 0;
        font-size: 108%;
        color: #092937;
    }

    #footerArea01 .list {
        float: left;
        width: 210px;
        margin-left: 20px;
    }

    #footerArea01 .list:first-child {
        margin-left: 0;
    }

    #footerArea01 .list:last-child {
        margin-left: 0;
    }

    #footerArea01 .wrapper ul {
        margin: 0;
        padding: 0 0 50px;
    }

    #footerArea01 .wrapper ul li {
        list-style: none;
        margin: 0 0 5px;
        padding: 0 20px 0 0;
    }

    #footer ul.subnavi {
        position: static;
        left: 0;
        width: 100%;
        overflow: hidden;
        padding: 0;
    }

    #footer ul.subnavi li {
        display: inline;
        float: left;
        list-style: none;
        margin: 0 0 0 10px;
        background: url(../images/sp/footer_list_arrow.gif) no-repeat left center;
        background-size: 6px 9px;
    }

    #footer ul.subnavi li a {
        background: none;
        padding: 0 0 0 10px;
    }

    #footerArea01 p.pagetop {
        position: absolute;
        top: -24px;
        right: 0;
    }

    #footerArea02 p {
        float: none;
        width: auto;
        margin: 0 0 0 10px;
    }

    #footerArea02 p.logo {
        float: none;
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
    }

    #footerArea02 p.logo a img:hover {
        opacity: 0.70;
        filter: alpha(opacity=70);
        -ms-filter: "alpha(opacity=70)";
    }

    #footerArea01 a {
        color: #092937;
        text-decoration: none;
    }

    #footerArea01 a:link {
        color: #092937;
        text-decoration: none;
    }

    #footerArea01 a:visited {
        color: #092937;
        text-decoration: none;
    }

    #footerArea01 a:hover {
        color: #092937;
        text-decoration: underline;
    }

    #footerArea01 a:active {
        color: #092937;
        text-decoration: underline;
    }

    #footerArea01 a:focus {
        outline: none;
    }

    /*------------------------------
	サイド
-------------------------------*/
    #contents #side .btArea01 {
        float: none;
        width: auto;
        margin: 0;
        padding: 5px 5px 5px;
        background: #f0f0f0;
        box-sizing: border-box;
    }

    #contents #side .btArea01 .wrapper {
        width: auto;
        background: url(../images/sp/side_bg_gms.jpg) no-repeat left top #ffffff;
        background-size: 68px 75px;
        border: 1px solid #d1d1d1;
        padding: 10px 0 0;
    }

    #contents #side ul.btArea02 {
        float: none;
        width: auto;
    }

    #contents #side ul.btArea02 li a {
        width: auto;
    }

    #contents #side .btArea03 {
        float: none;
        width: auto;
        margin: 0;
        padding: 0 5px 5px;
        background: #f0f0f0;
        box-sizing: border-box;
    }

    #contents #side .btArea03 .wrapper {
        width: auto;
        padding: 10px 0 0;
    }

    #contents #side .btArea03 p.text {
        width: auto;
        padding: 15px 0 15px 5px;
    }

    /* START:2014/02/05キャンペーンバナー追加 */
    #contents #side .btArea04 {
        float: none;
        width: auto;
        margin: 0;
        padding: 5px 5px 5px;
        background: #f0f0f0;
        box-sizing: border-box;
    }

    #contents #side .btArea04 p {
        display: block;
        text-align: left;
        margin: 30px 0;
    }

    #contents #side .btArea04 .wrapper {
        border: 1px solid #d1d1d1;
        padding: 10px 0;
        background-color: #fff;
        overflow: hidden;
    }

    #contents #side .btArea04 .wrapper img {
        margin: 0 10px;
        float: left;
        zoom: 0.8;
    }

    #contents #side .btArea04 .pc_banner {
        display: block;
    }

    #contents #side .btArea04 .tab_banner {
        display: none;
    }

    /* END:2014/02/05キャンペーンバナー追加 */


    #contents #side #snavi {
        backgroud: none;
        padding: 0;
    }

    #contents #side #snaviWrapper {
        background: none;
        padding: 0;
    }

    #contents #side #snaviArea {
        width: 100%;
        background: none;
        padding: 0;
    }

    #contents #side h2 {
        width: 100%;
        margin: 0;
        padding: 0;
        border-top: 2px solid #00a0e9;
        border-bottom: none;
        font-size: 131%;
        font-weight: normal;
    }

    #contents #side h2 a {
        display: block;
        padding: 10px 0 10px 15px;
        text-decoration: none;
        color: #333333;
    }

    #contents #side #snaviArea ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #contents #side #snaviArea ul li {
        border-top: none;
        border-bottom: 1px solid #e8e8e8;
    }

    #contents #side #snaviArea ul li a {
        display: block;
        padding: 15px 0 15px 35px;
        background: url(../images/sp/side_list_arrow.png) no-repeat 18px center #ffffff;
        background-size: 6px 12px;
        -webkit-background-size: 6px 12px;
        text-decoration: none;
    }

    #contents #side #snaviArea ul li a:hover {
        background: url(../images/sp/side_list_arrow.png) no-repeat 18px center #f0f2f3;
        background-size: 6px 12px;
        -webkit-background-size: 6px 12px;
    }

    #contents #side #snaviArea ul li.current a {
        background: url(../images/sp/side_list_arrow.png) no-repeat 18px center #f0f2f3;
        background-size: 6px 12px;
        -webkit-background-size: 6px 12px;
    }


    /*------------------------------
	その他
-------------------------------*/
    #pageHeader {
        width: auto;
        margin: 0 auto;
    }

    #common #contents h2 {
        margin: 0;
        padding: 20px 5px;
        font-size: 154%;
    }

    #common #contents h2 span {}

    #common #contents #side h2 {
        width: 100%;
        margin: 0;
        padding: 10px 0 10px 15px;
        border-top: 2px solid #00a0e9;
        border-bottom: none;
        font-size: 131%;
        font-weight: normal;
    }

    ul#breadcrumbs {
        background: #ececec;
        width: auto;
        overflow: hidden;
        margin: 0 0 30px;
        padding: 10px 5px;
        height: auto;
        line-height: normal;
        font-size: 86%;
        box-sizing: border-box;
    }

    ul#breadcrumbs li {
        display: inline-block;
        float: none;
        margin: 0 5px 0 0;
        padding: 0 0 0 12px;
        background: url(../images/sp/breadcrumbs_list_arrow.gif) no-repeat left center;
        background-size: 8px 8px;
        -webkit-background-size: 8px 8px;
        list-style: none;
        word-break: break-all;
        word-wrap: break-word;
    }

    #main p.imageCaption {
        margin: 0 -10px 30px 0;
        padding: 0;
        font-size: 116%;
        word-break: break-all;
        word-wrap: break-word;
        background: none;
        font-weight: normal;
    }

    /* START:2017/06/21 ショールーム追加 */
    #main p.imageCaptionTop {
        margin: 0 -10px 30px 0;
        padding: 0;
        font-size: 116%;
        word-break: break-all;
        word-wrap: break-word;
        background: none;
        font-weight: normal;
    }

    /* END:2017/06/21 ショールーム追加 */

    #pagenavi a {
        width: 49%;
        text-decoration: none;
        position: relative;
        border: 1px solid #dee7eb;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .spDisplayNone {
        display: none;
    }

    dl#news {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 40px;
        border-top: 1px solid #dbdbdb;
        padding: 10px 0 0;
    }

    dl#news dt,
    dl#news dd {
        padding: 5px 0;
    }

    dl#news dt {
        float: none;
        clear: both;
        width: auto;
        background: url(../../images/list_news_arrow02.gif) no-repeat left 11px;
        padding-left: 10px;
    }

    dl#news dt img {
        position: relative;
        margin: 0 0 0 10px
    }

    dl#news dd {
        padding-left: 10px;
        padding-right: 10px;
    }

    dl#news dd.caption {
        padding-left: 10px;
        border-bottom: 1px solid #d1d1d1;
    }

    .news dl#news dt {
        width: 100%;
    }

    .news dl#news dt,
    .news dl#news dd {
        padding: 10px;
    }

    .news dl#news {
        padding: 0;
        border-top: 2px solid #dbdbdb;
    }

    .news dl#news dt {
        padding: 5px 10px;
        border-top: 1px dotted #c7c7c7;
        background: #f9f9f9;
    }

    .news dl#news dd {
        background: none;
        padding-top: 0;
    }

    .news dl#news dd.caption {
        font-weight: bold;
        padding-bottom: 10px;
        border-top: none;
        border-bottom: none;
        padding-left: 10px;
        padding-top: 40px;
    }

    dl#news dt.topics {
        background: url(../../images/icon_news_topics@2x.gif) no-repeat 10em 2px;
        background-size: 75px 20px;
    }

    dl#news dt.product {
        background: url(../../images/icon_news_product@2x.gif) no-repeat 10em 2px;
        background-size: 75px 20px;
    }

    .news dl#news dt.topics {
        background: url(../../images/icon_news_topics@2x.gif) no-repeat 10em 2px #f9f9f9;
        background-size: 75px 20px;
        background: #f9f9f9;
    }

    .news dl#news dt.product {
        background: url(../../images/icon_news_product@2x.gif) no-repeat 10em 2px #f9f9f9;
        background-size: 75px 20px;
        background: #f9f9f9;
    }

    .product dl#news {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 40px;
        border-top: 1px solid #dbdbdb;
        padding: 0;
    }

    .product dl#news dt,
    .product dl#news dd {
        padding: 10px 10px;
    }

    .product dl#news dt {
        float: none;
        clear: both;
        width: auto;
        background: #f9f9f9;
        padding: 5px 0 5px 10px;
        border-top: 1px dotted #c7c7c7;
    }

    .product dl#news dd {
        background: none;
        padding-top: 0;
        padding-left: 10px;
    }

    .product dl#news dd.caption {
        font-weight: bold;
        padding-bottom: 10px;
        border-top: none;
        border-bottom: none;
    }


    #pageLink {
        width: 100%;
        overflow: hidden;
        margin: 0;
    }

    #pageLink .list {
        float: none;
        width: 100%;
        margin: 0 40px 0 0;
        padding: 0 0 35px;
    }

    #index #main h2 {
        padding: 10px;
    }

    #pageLink .list .image {
        margin: 0 10px 10px;
    }

    #pageLink .list .text {
        margin: 0 10px;
    }

    #pageLink .list .image img {
        width: 100%;
    }


    #flashArea {
        width: 98%;
        margin: 0 auto 30px;
        background: none;
        border: 1px solid #bdbdbd;
        box-sizing: border-box;
    }

    #flashArea img {
        width: 100%;
    }

    .company #greeting {
        width: 100%;
        overflow: auto;
    }

    .company #greeting .msg {
        float: none;
        width: auto;
    }

    .company #greeting .ceo {
        float: none;
        width: auto;
        text-align: center;
    }

    .company #security {
        width: 100%;
        overflow: hidden;
        zoom: 1;
    }

    .company #security .image {
        float: none;
        width: auto;
        text-align: center;
    }

    .company #security .detail {
        float: none;
        width: auto;
    }

    .company table#outlineList th {
        width: 80px;
        vertical-align: top;
    }

    .company table#outlineList dl {
        width: 100%;
        overflow: hidden;
        zoom: 1;
    }

    .company table#outlineList dt {
        clear: none;
        float: none;
        width: auto;
        font-weight: bold;
    }

    .company table#outlineList dd {
        padding-left: 0;
        margin: 0 0 5px;
    }

    .company table#outlineList ul li img {
        zoom: 1;
        max-width: 80%;
    }

    .company #key {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0 auto 30px;
    }

    .company #key .box {
        width: auto;
        padding: 0;
    }

    .company #key .image {
        text-align: center;
    }

    .company #key #key01 {
        float: none;
    }

    .company #key #key02 {
        float: none;
    }

    .company #lock {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 40px;
    }

    .company #lock .image {
        float: none;
        width: auto;
        text-align: center;
    }

    .company #lock .detail {
        float: none;
        width: auto;
    }

    .company #ic_bio {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0 -10px 50px 0;
    }

    .company #ic_bio .image {
        float: none;
        width: auto;
        text-align: center;
    }

    .company #ic_bio .image img:first {
        margin-right: 15px;
    }

    .company #ic_bio .detail {
        float: none;
        width: auto;
    }

    .company dl#historyList {
        width: auto;
        margin: 0;
        border-top: #e8e8e8 2px solid;
    }

    .company dl#historyList dt {
        margin: 0;
        float: left;
        padding: 10px 5px 5px 0;
    }

    .company dl#historyList dd {
        margin: 0;
        padding: 10px 0 10px 45px;
        border-bottom: #e8e8e8 1px solid;
    }

    .company #gms_showroom {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        background: #333333;
        margin: 0 0 50px;
        padding: 7px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .company #gms_showroom #gms {
        float: none;
        margin: 0 0 7px;
    }

    .company #gms_showroom #showroom {
        float: none;
    }

    /*write181011*/
    .company #gms_showroom #yonago {
        float: none;
        width: 100%;
    }

    .company #gms_showroom #yonago ul li {
        width: 31%;
    }

    .company #gms_showroom #yonago ul li img {
        width: 100%;
    }

    .company #gms_showroom #yonago ul li {
        margin: 0 1% 2% 1%;
        list-style: none;
        float: left;
    }

    /*write181011 end*/

    .company #gms_showroom .box {
        width: 100%;
        padding: 15px;
        background: #444444;
        border: 1px solid #444444;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .company #gms_showroom .box p {
        margin: 0;
    }

    .company #gms_showroom .box h5 {
        border-bottom: 1px solid #dedede;
        margin: 0 0 10px;
        padding: 0 0 5px;
        font-size: 116%;
        color: #00a0e9;
    }

    .company #gms_showroom .box h5 span {
        font-size: 86%;
    }

    .company #gms_network {
        display: block;
        width: 100%;
        margin: 0 0 10px;
    }

    .company #gms_network .box {
        width: 100%;
        padding: 15px;
        background: #ffffff;
        border: 1px solid #d8d8d8;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .company #gms_network .box p {
        margin: 0;
    }

    .company #gms_network .box h5 {
        border-bottom: 3px solid #00a0e9;
        margin: 0 0 10px;
        padding: 0 0 5px;
        font-size: 131%;
        font-weight: normal;
    }

    .company #gms_network .box h5 span {
        font-size: 86%;
    }

    .company table#officeList img {
        margin: 0 0 10px;
    }

    .company table#officeList .col01 {
        width: 90px;
    }

    .company table#officeList .col02 {
        width: 390px;
    }

    .company table#officeList .col03 {
        width: 80px;
    }

    .company #recruitDetail {
        float: none;
        width: auto;
    }

    .company #recruitImage {
        float: none;
        width: auto;
        margin: 0 0 10px;
    }

    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	事業案内
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    .business #security {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 40px;
    }

    .business #security .image {
        float: none;
        width: auto;
        text-align: center;
    }

    .business #security .detail {
        float: none;
        width: auto;
    }

    .business #new {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 40px;
    }

    .business #new .image {
        float: none;
        width: auto;
        text-align: center;
    }

    .business #new .detail {
        float: none;
        width: auto;
    }

    .business #needs {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 40px;
    }

    .business #needs .image {
        float: none;
        width: auto;
        text-align: center;
        margin: 0 0 20px;
    }

    .business #needs .detail {
        float: none;
        width: auto;
    }

    .business #accumulation {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 40px;
    }

    .business #accumulation .image {
        float: none;
        width: auto;
        text-align: center;
        margin: 0 0 20px;
    }

    .business #accumulation .detail {
        float: none;
        width: auto;
    }

    .business #system {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 20px 0 40px;
    }

    .business #system .image {
        margin: 0 0 5px;
        text-align: center;
    }

    .business #system .system01 {
        float: none;
        width: auto;
        margin: 0 0 20px;
    }

    .business #system .system02 {
        float: none;
        width: auto;
    }

    .business #numbers {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 40px;
    }

    .business #numbers .image {
        float: none;
        width: auto;
        text-align: center;
    }

    .business #numbers .detail {
        float: none;
        width: auto;
    }

    .business ul#checks {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 20px 0 5px;
        padding: 0;
        list-style: none;
        text-align: center;
    }

    .business ul#checks li {
        display: inline;
        margin: 1px;
        padding: 0;
    }

    .business #factory {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 50px;
        padding: 10px;
        border: 1px solid #dadada;
    }

    .business #factory .wrapper {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0;
    }

    .business #factory #factory01 {
        float: none;
    }

    .business #factory #factory02 {
        float: none;
    }

    .business #factory .box {
        width: auto;
        overflow: hidden;
        zoom: 1;
    }

    .business #factory .box .image {
        float: left;
        width: 155px;
        padding: 0 0 20px;
    }

    .business #factory .box .detail {
        float: none;
        padding-left: 165px;
        width: auto;
    }

    .business #factory .box p.name {
        border-bottom: 1px solid #00a0e9;
        font-weight: bold;
        margin: 0 0 5px;
    }

    .business #factory .box p.name span {
        font-weight: normal;
    }

    .business #factory #factory03 {
        width: auto;
        margin: 0 0 10px;
    }

    .business #factory #factory04 {
        width: auto;
        margin: 0 0 10px;
    }

    .business #factory #factory05 {
        width: auto;
        margin: 0 0 10px;
    }

    .business #factory .factories {
        border-left: 2px solid #00a0e9;
        padding: 0 0 0 3px;
        float: none;
        margin: 0 0 10px;
    }

    .business #factory .factories p.name {
        font-weight: bold;
        margin: 0;
    }

    .business #factory .factories p.text {
        margin: 0;
        letter-spacing: normal;
    }

    .business #factory .factories p.name span {
        font-weight: normal;
    }

    .business #gms_showroom {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        background: #c0c0c2;
        margin: 0 0 20px;
        padding: 7px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .business #gms_showroom #gms {
        float: none;
        margin: 0 0 7px;
    }

    .business #gms_showroom #showroom {
        float: none;
    }

    .business #gms_showroom .box {
        width: 100%;
        padding: 15px;
        background: #e6e6e6;
        border: 1px solid #e6e6e6;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }

    .business #gms_showroom .box p {
        margin: 0;
    }

    .business #gms_showroom .box h5 {
        border-bottom: 1px solid #dedede;
        margin: 0 0 10px;
        padding: 0 0 5px;
        font-size: 116%;
        color: #00a0e9;
    }

    .business #gms_showroom .box h5 span {
        font-size: 86%;
    }

    .business .exampleArea01 {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 40px;
    }

    .business .exampleArea01 .image {
        float: none;
        width: auto;
        text-align: center;
        margin: 0 0 10px;
    }

    .business .exampleArea01 .detail {
        float: none;
        width: auto;
    }

    .business .exampleArea01 p.caption {
        font-weight: bold;
        margin: 0 0 5px !important;
    }

    .business .exampleArea01 .box {
        width: auto;
        overflow: hidden;
        zoom: 1;
    }

    .business .exampleArea01 .thumbnail01 {
        border-bottom: none;
        margin: 0 0 10px;
    }

    .business .exampleArea01 .tb {
        float: left;
        width: 150px;
        padding: 0 0 10px;
    }

    .business .exampleArea01 .text {
        float: none;
        padding: 0 0 0 160px;
        width: auto;
    }

    .business .exampleArea01 p.name {
        font-weight: bold;
        margin: 0 0 5px !important;
    }

    .business .exampleArea02 {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 40px;
    }

    .business .exampleArea02 .box {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 20px;
    }

    .business .exampleArea02 .wrapper01 {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        border-bottom: 1px solid #cccccc;
        margin: 0 0 10px;
    }

    .business .exampleArea02 .wrapper01 .image {
        float: none;
        width: auto;
        padding: 0 0 10px;
        text-align: center;
    }

    .business .exampleArea02 .wrapper01 .detail {
        float: none;
        width: auto;
        overflow: hidden;
        zoom: 1;
    }

    .business .exampleArea02 .wrapper02 {
        width: 100%;
        overflow: hidden;
        zoom: 1;
    }

    .business .exampleArea02 .wrapper02 .image {
        float: left;
        width: 150px;
    }

    .business .exampleArea02 .wrapper02 .detail {
        float: none;
        width: auto;
        padding: 0 0 0 160px;
    }

    .business .exampleArea02 .tb {
        float: left;
        width: 150px;
        padding: 0 0 10px;
    }

    .business .exampleArea02 .text {
        float: none;
        padding: 0 0 0 160px;
    }

    .business .exampleArea02 .wrapper01 .detail p {
        float: none;
        padding: 0 0 0 160px;
    }

    .business .exampleArea02 p.name {
        font-weight: bold;
        margin: 0 0 5px !important;
    }

    .business .exampleAreaSP {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0;
        padding: 10px 0;
        border-top: 1px solid #cccccc;
    }

    .business .exampleAreaSP .image {
        float: left;
        width: 100px;
    }

    .business .exampleAreaSP .detail {
        float: none;
        width: auto;
        padding: 0 0 0 110px;
    }

    p.exampleCaption01 {
        background: url(../../business/images/exsample_bg_caption.gif) repeat-y;
        margin: 0 0 15px !important;
        padding: 5px 0 5px 10px;
        font-size: 139%;
    }

    p.exampleCaption01 span {
        font-size: 67%;
    }

    p.exampleCaption02 {
        border-left: 4px solid #00a0e9;
        margin: 0 0 5px !important;
        padding: 0 0 0 5px;
        font-size: 116%;
    }

    p.exampleCaption02 span {
        font-size: 86%;
        display: block;
    }

    .business #main p.catalogLink {
        text-align: left;
    }

    .business #main p.catalogLink a {
        background: url(../../business/images/bg_list_arrow@2x.gif) no-repeat left 2px;
        background-size: 6px 9px;
        -webkit-backround-size: 6px 9px;
    }

    /* START:2017/06/21 ショールーム追加 */

    .business p#showroomMv img {
        width: 100%;
    }

    .business #showroom01 img {
        width: 100%;
    }

    .business #showroom01 .showroom01 {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .business #showroom01 .showroom02 {
        float: none;
        width: 100%;
        margin: 20px auto 0;
    }

    .business ul.guideList {}

    .business ul.guideList li {
        float: none;
        margin: 10px 0 0;
    }

    .business ul.guideList li:first-child {
        margin: 0;
    }

    .business #showroom02 img {
        width: 100%;
    }

    .business #showroom02 .image {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .business #showroom02 .detail {
        float: none;
        width: 100%;
        margin: 10px auto 0;
    }

    .business p.mapImg {}

    .business p.mapImg img {
        width: 100%;
    }

    /* END:2017/06/21 ショールーム追加 */

    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	サポート
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    .support #gms {
        width: 100%;
        height: auto;
        margin: 0 0 30px;
        padding: 0;
        background: none;
    }

    .support #gms .wrapper {
        background: url(../../support/images/sp/gms_bg_japan.jpg) no-repeat left top;
        width: 310px;
        height: 290px;
        margin: 0 auto 20px;
        padding: 0;
        position: static;
        background-size: 310px 290px;
        -webkit-background-size: 310px 290px;
    }

    .support #main #gms h3 {
        border-top: 2px solid #00a0e9;
        border-bottom: 1px solid #d1d1d1;
        margin: 0 0 20px;
        padding: 15px 0 15px 20px;
        background: url(../images/bg_h3.gif) no-repeat 8px center;
        font-size: 150%;
        font-weight: normal;
    }

    .support #main #gms ul {
        position: static;
        text-align: center;
    }

    .support #main #gms ul li {
        display: inline-block;
        width: 45%;
        position: static;
        margin: 0 0 5px;
    }

    .support #main #gms ul li:nth-child(2n) {
        margin: 0 0 5px 5px;
    }

    .support #main #gms ul li a {
        background: #ffffff;
        background-image: none !important;
        display: block;
        width: 100%;
        height: 30px;
        line-height: 30px;
        border-width: 1px;
        border-style: solid;
        text-align: center;
        text-decoration: none;
        position: relative;
        font-size: 100%;
    }

    .support #main #gms ul li a:after {
        display: block;
        content: "";
        width: 6px;
        height: 12px;
        position: absolute;
        top: 9px;
        right: 10px;
        background-position: left top;
        background-repeat: no-repeat;
        ;
        background-size: 6px 12px;
        -webkit-background-size: 6px 12px;
    }

    .support #main #gms ul li#navi01 a:after {
        background-image: url(../../support/images/sp/gms_list_arrow01.gif);
    }

    .support #main #gms ul li#navi02 a:after {
        background-image: url(../../support/images/sp/gms_list_arrow02.gif);
    }

    .support #main #gms ul li#navi03 a:after {
        background-image: url(../../support/images/sp/gms_list_arrow03.gif);
    }

    .support #main #gms ul li#navi04 a:after {
        background-image: url(../../support/images/sp/gms_list_arrow04.gif);
    }

    .support #main #gms ul li#navi05 a:after {
        background-image: url(../../support/images/sp/gms_list_arrow05.gif);
    }

    .support #main #gms ul li#navi06 a:after {
        background-image: url(../../support/images/sp/gms_list_arrow06.gif);
    }

    .support #main #gms ul li#navi07 a:after {
        background-image: url(../../support/images/sp/gms_list_arrow07.gif);
    }

    .support #main #gms ul li#navi08 a:after {
        background-image: url(../../support/images/sp/gms_list_arrow08.gif);
    }

    .support #main #gms ul li#navi09 a:after {
        background-image: url(../../support/images/sp/gms_list_arrow09.gif);
    }

    .support #main #gms ul li#navi10 a:after {
        background-image: url(../../support/images/sp/gms_list_arrow10.gif);
    }


    .support dl.gmsList {
        margin: -20px 0 0;
    }

    .support dl.gmsList dt {
        font-weight: bold;
        padding: 20px 0 10px;
    }

    .support dl.gmsList dd {
        border-bottom: 1px dotted #cccccc;
        padding: 0 0 20px;
        position: static;
    }

    .support dl.gmsList dd a.fbox {
        position: static;
        display: block;
        width: 114px;
        height: 34px;
        margin: 10px 0 0;
    }

    /* 171204追加 開始 */
    .support dl.faq {
        margin-top: -20px;
    }

    /* 171204追加  終了*/
    .support dl.faq dt {
        width: auto;
        padding: 15px 40px 15px 50px;
        background: url(../../support/images/sp/faq_icon_question.gif) no-repeat 20px 15px;
        border-top: 1px dotted #cccccc;
        position: relative;
        background-size: 16px 21px;
        -webkit-background-size: 16px 21px;
        box-sizing: border-box;
    }

    .support dl.faq dt:first-child {
        border-top: none;
    }

    .support dl.faq dt span.btSlide {
        position: absolute;
        top: 10px;
        right: 5px;
        display: block;
        width: 23px;
        height: 23px;
        background: url(../../support/images/sp/faq_bt_open.gif) no-repeat left top;
        cursor: pointer;
        background-size: 23px 23px;
        -webkit-background-size: 23px 23px;
    }

    .support dl.faq dt span.active {
        background: url(../../support/images/sp/faq_bt_close.gif) no-repeat left top !important;
        background-size: 23px 23px !important;
        -webkit-background-size: 23px 23px !important;
    }

    .support dl.faq dd {
        background: url(../../support/images/sp/faq_bg_answer.gif) no-repeat 20px top;
        margin: 0;
        padding: 16px 0 0;
        background-size: 16px 16px;
        -webkit-background-size: 16px 16px;
    }

    .support dl.faq dd div {
        width: auto;
        padding: 20px 40px 20px 50px;
        background: url(../../support/images/sp/faq_icon_answer.gif) no-repeat 20px 20px #f0f2f3;
        position: relative;
        background-size: 16px 18px;
        -webkit-background-size: 16px 18px;
    }


    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	プロダクト
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

    .product #catalog {
        width: 100%;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 40px;
    }

    .product #catalog h4#catalogTop {
        float: none;
        width: auto;
    }

    .product #catalog .detail {
        float: none;
        width: auto;
        margin: 0;
    }

    .product #catalog .detail img {
        width: 100%;
        height: auto;
    }

    .product #catalog .image {
        float: none;
        width: auto;
        text-align: center;
        margin: 10px 0;
    }

    .product #catalog .image img {
        width: 60%;
        height: auto;
    }

    .product ul#catalogList {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0;
        padding: 0;
    }

    .product ul#catalogList li {
        display: block;
        float: none;
        border: 3px solid #00a0e9;
        width: 100%;
        height: auto;
        margin: 0 0 10px;
        box-sizing: border-box;
    }

    .product ul#catalogList li a,
    .product #catalogDownload a {
        display: block;
        width: auto;
        height: auto;
        padding: 10px;
        text-decoration: none;
        color: #333333;
    }

    .product ul#catalogList li h5,
    .product ul#catalogList li div,
    .product ul#catalogList li p,
    .product #catalogDownload h5,
    .product #catalogDownload div,
    .product #catalogDownload p {
        display: block;
    }

    .product ul#catalogList li#view,
    .product ul#catalogList li#howto,
    .product ul#catalogList li#save,
    .product #catalogDownload {
        background: none;
    }

    .product #catalogDownload {
        border: 3px solid #00a0e9;
        box-sizing: border-box;
        height: auto;
        width: auto;
        overflow: hidden;
        zoom: 1;
        padding: 0;
    }


    .product ul#catalogList li h5,
    .product #catalogDownload h5 {
        font-size: 116%;
        margin: 0 0 10px;
    }

    .product ul#catalogList li h5 span,
    .product #catalogDownload h5 span {
        font-size: 154%;
        margin: 0 10px 0 0;
    }

    .product ul#catalogList li a {
        padding-bottom: 0;
    }

    .product ul#catalogList li h5 {
        text-align: center;
        position: relative;
    }

    .product ul#catalogList li h5 span {
        display: block;
    }

    .product ul#catalogList li h5 img {
        position: absolute;
        top: 0;
        right: 0;
        width: 15%;
        height: auto;
    }

    .product ul#catalogList li#save h5 {
        width: 50%;
    }

    .product ul#catalogList li#save h5 img {
        width: 90%;
        right: -100%;
    }

    .product #designatedContractor #catalogDownload h5 {
        margin: 0;
        width: 70%;
        text-align: center;
        position: relative;
    }

    .product #designatedContractor #catalogDownload h5 span {
        display: block;
    }

    .product #designatedContractor #catalogDownload h5 img {
        display: block;
        width: 60px;
        height: auto;
        position: absolute;
        right: -40%;
        top: 0;
    }

    .product p#catalogDownloadAttention {
        margin-top: 10px;
        text-align: left;
    }

    .product #designatedContractor {
        width: auto;
    }

    .product #designatedContractor>p {}


    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	サイトマップ
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

    .sitemap .siteList {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0;
    }

    .sitemap .siteList .box {
        display: block;
        float: none;
        width: auto;
        margin: 0 0 20px;
        padding: 0;
    }

    .sitemap .siteList p {
        border-bottom: 1px solid #cacaca;
        background: url(../../sitemap/images/list_arrow01.gif) no-repeat left center;
        padding: 0 0 0 10px;
    }

    .sitemap .siteList ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sitemap .siteList ul li {
        margin: 0 0 5px;
    }

    .sitemap .siteList ul li a {
        text-decoration: none;
    }

    .sitemap .siteList ul li ul {
        margin: 5px 0 0 5px;
    }

    .sitemap .siteList ul li ul li a {
        background: url(../../sitemap/images/list_arrow02.png) no-repeat left center;
        padding: 0 0 0 10px;
    }


    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	5つの理由
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    .reasons #main {
        margin: 0 !important;
    }

    .reasons #main #mainWrapper {
        width: auto;
        padding: 0 10px;
    }

    .reasons #pageHeader {
        width: auto;
        margin: 0 auto;
    }

    .reasons .visual img {
        width: 100%;
    }

    .reasons #reasonNavi {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 0px 0;
        padding: 0;
        list-style: none;
    }

    .reasons #reasonNavi ul {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 0 0;
        padding: 0;
        list-style: none;
        position: relative;
        left: 10px;
    }

    .reasons #reasonNavi li {
        display: inline-block;
        float: none;
        width: 135px;
        margin: 0 5px 10px 0;
        padding: 0;
    }

    .reasons #reasonNavi li a {
        display: block;
        width: 135px;
        height: 53px;
        background-image: url(../../5reasons/images/reasons_navi_sp.jpg);
        background-repeat: no-repeat;
        text-indent: -9999px;
        background-size: 675px 106px;
        -webkit-background-size: 675px 106px;
    }

    .reasons #reasonNavi li.navi01 a {
        background-position: 0 0;
    }

    .reasons #reasonNavi li.navi01 a:hover {
        background-position: 0 -53px;
    }

    .reasons #reasonNavi li.navi01 a.current {
        background-position: 0 -53px;
    }

    .reasons #reasonNavi li.navi02 a {
        background-position: -135px 0;
    }

    .reasons #reasonNavi li.navi02 a:hover {
        background-position: -135px -53px;
    }

    .reasons #reasonNavi li.navi02 a.current {
        background-position: -135px -53px;
    }

    .reasons #reasonNavi li.navi03 a {
        background-position: -270px 0;
    }

    .reasons #reasonNavi li.navi03 a:hover {
        background-position: -270px -53px;
    }

    .reasons #reasonNavi li.navi03 a.current {
        background-position: -270px -53px;
    }

    .reasons #reasonNavi li.navi04 a {
        background-position: -405px 0;
    }

    .reasons #reasonNavi li.navi04 a:hover {
        background-position: -405px -53px;
    }

    .reasons #reasonNavi li.navi04 a.current {
        background-position: -405px -53px;
    }

    .reasons #reasonNavi li.navi05 a {
        background-position: -540px 0;
    }

    .reasons #reasonNavi li.navi05 a:hover {
        background-position: -540px -53px;
    }

    .reasons #reasonNavi li.navi05 a.current {
        background-position: -540px -53px;
    }

    .reasons .pageGuide {
        padding: 20px;
    }

    .reasons .pageGuide img {
        width: 100%;
    }

    .pagenavi {
        width: auto;
        overflow: hidden;
        margin: 20px auto 0;
        padding: 0;
        text-align: center;
        list-tyoe: none;
    }

    .pagenavi li {
        display: block;
        float: none;
        background: #15445b;
        width: 100%;
        margin: 0;
    }

    .pagenavi li a {
        background: none;
        position: relative;
        padding: 10px 10px 10px;
    }

    .pagenavi li a:after {
        display: block;
        content: "";
        position: absolute;
        top: 12px;
        right: 10px;
        width: 8px;
        height: 10px;
        background: url(../../5reasons/images/bg_list_arrow.png) no-repeat right center;
    }

    .pagenavi li a:hover {
        background: #2b2b2b;
    }

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

    .reasons #guide01 .image {
        float: none;
        width: auto;
    }

    .reasons #guide01 .detail {
        float: none;
        width: auto;
    }

    .reasons #guide02 .image {
        float: none;
        width: auto;
        position: static;
        margin: 0 0 10px;
    }

    .reasons #guide02 .detail {
        float: none;
        width: auto;
    }

    .reasons .extra .image02 {
        float: none;
        width: auto;
        margin: 10px 0;
    }

    .reasons .extra .detail02 {
        float: none;
        width: auto;
        margin: 10px 0;
    }

    .reasons #guide03 .image {
        float: none;
        width: auto;
        margin: 0 0 10px;
    }

    .reasons #guide03 .detail {
        float: none;
        width: auto;
    }

    .reasons #guide04 .image {
        float: none;
        width: auto;
        margin: 0 0 10px;
    }

    .reasons #guide04 .detail {
        float: none;
        width: auto;
    }

    .reasons #guide05 .image {
        float: none;
        width: auto;
        margin: 0 0 10px;
    }

    .reasons #guide05 .detail {
        float: none;
        width: auto;
    }


    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	5つのフィールド
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    .fields #main {
        margin: 0 !important;
    }

    .fields #fieldsHeader {
        height: auto;
        padding: 10px 10px 0;
    }

    .fields #fieldsHeader .wrapper {
        width: auto;
        margin: 0 auto;
    }

    .fields #fieldsHeader .image {
        float: right;
        width: 100%;
    }

    .fields #fieldsHeader .image img {
        width: 50%;
    }

    .fields #fieldsHeader .detail {
        float: left;
        width: auto;
        padding: 0 0 0;
    }


    .fields .solution {
        background: url(../../5fields/images/bg_field_wrapper.jpg) no-repeat center bottom #494949;
        color: #ffffff;
        padding: 30px 10px;
    }

    .fields .solution .wrapper {
        width: auto;
        margin: 0 auto;
    }

    .fields #contents #main h4 {
        border: none;
        color: #ffffff;
        font-size: 139%;
        margin: 0 0 15px;
        padding: 0;
    }

    .fields #contents #main h5 {
        margin: 0 0 20px;
        padding: 0;
    }

    .fields #fieldsHeader .image {
        text-align: center;
    }

    .fields #fieldsHeader .image img {
        width: auto;
    }

    .office #solution01 .image {
        float: none;
        width: 100%;
        text-align: center;
    }

    .office #solution01 .detail {
        float: none;
        width: 100%;
    }

    .office #solution02 .image {
        float: none;
        width: 100%;
        margin-top: 0;
        text-align: center;
    }

    .office #solution02 .image img {
        position: relative;
        left: -20px;
    }

    .office #solution02 .detail {
        float: none;
        width: 100%;
    }

    .office #solution03 .image {
        float: none;
        width: 100%;
        text-align: center;
    }

    .office #solution03 .detail {
        float: none;
        width: 100%;
    }

    .fields #caseArea {
        background: #494949;
        color: #ffffff;
        padding: 20px 0 60px;
    }

    .fields #caseArea .caseWrapper {
        background: #353535;
        width: auto;
        margin: 0 auto;
        position: relative;
    }

    .fields #contents #main #caseArea h5 {
        background: url(../../5fields/images/bg_case01.gif) repeat left top;
        margin: 0;
        padding: 0;
        font-size: 131%;
        height: auto;
        line-height: normal;
        padding: 0 0 0 10px;
    }

    .fields #contents #main #caseArea h5 span {
        display: block;
        color: #ffea00;
        margin-right: 10px;
    }

    .fields #caseArea .listLink {
        background: url(../../5fields/images/bg_case02.png) repeat left top;
        position: relative;
        top: 0;
        right: 0;
        height: auto;
        line-height: normal;
        text-align: left;
    }

    .fields #caseArea .listLink a {
        width: auto;
        display: block;
        background: url(../images/sp/side_bt_arrow01.png) no-repeat 10px center;
        background-size: 5px 11px;
        -webkit-background-size: 5px 11px;
        font-size: 108%;
        color: #ffffff;
        text-decoration: none;
        padding: 0 0 0 20px;
    }

    .fields #contents #main #caseArea h6 {
        border-left: 3px solid #FF0;
        font-size: 108%;
        margin: 0 0 20px;
        padding: 0 0 0 10px;
    }

    .fields #caseArea .wrapper {
        padding: 20px 10px 5px;
    }

    .fields #caseArea .wrapper .image {
        float: none;
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0 0 0 16px;
    }

    .fields #caseArea .wrapper .detail {
        float: none;
        width: 100%;
        overflow: hidden;
        margin: 0 0 10px;
    }

    .fields #caseArea .wrapper .detail p {
        padding-left: 13px;
    }

    .fields #caseArea .wrapper .ImageMain {
        float: none;
        width: auto;
        margin: 0 0 10px;
    }

    .fields #caseArea .wrapper .imageSub {
        float: none;
        width: auto;
        font-size: 85%;
    }

    .fields #caseArea .wrapper .imageSub p {
        margin: 5px 0;
        line-height: 1.3;
    }

    .hotel #fieldsHeader .image {
        position: static;
    }

    .hotel #solution01 .point .caption {
        float: none;
        width: auto;
        background: #393939;
    }

    .hotel #solution01 .point .text01 {
        float: none;
        width: auto;
        margin: 10px 0 0;
    }

    .hotel #solution01 .point .text02 {
        float: none;
        width: auto;
        margin: 10px 0;
    }

    .house #solution01 .point .caption {
        float: none;
        width: auto;
        background: #393939;
    }

    .house #solution01 .point .text01 {
        float: none;
        width: auto;
        margin: 10px 0;
    }

    .hospital #solution01 .point .caption {
        float: none;
        width: auto;
        background: #393939;
    }

    .hospital #solution01 .point .text01 {
        float: none;
        width: auto;
        margin: 10px 0;
    }

    .hospital #solution02 .image img {
        position: relative;
        left: -70px;
    }

    .fields #main p.catalogLink {
        text-align: left;
    }

    .fields #main ul.catalogLink {
        float: none;
    }

    .reasons #main p.catalogLink a,
    .fields #main p.catalogLink a,
    .fields #main ul.catalogLink li a {
        background: url(../../5fields/images/bg_list_arrow02@2x.png) no-repeat left 3px;
        background-size: 6px 9px;
        -webkit-background-size: 6px 9px;
    }

    .reasons #main p.catalogLink a span,
    .fields #main p.catalogLink a span,
    .fields #main ul.catalogLink li a span {
        background: url(../../5fields/images/icon_catalog@2x.png) no-repeat right center;
        background-size: 15px 12px;
        -webkit-background-size: 15px 12px;
        padding: 0 20px 0 0;
    }

    .office #contents #main h3 {
        background: url(../../5fields/images/office/icon_office@2x.png) no-repeat right top;
        background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
    }

    .hotel #contents #main h3 {
        background: url(../../5fields/images/hotel/icon_hotel@2x.png) no-repeat right top;
        background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
    }

    .house #contents #main h3 {
        background: url(../../5fields/images/house/icon_house@2x.png) no-repeat right top;
        background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
    }

    .hospital #contents #main h3 {
        background: url(../../5fields/images/hospital/icon_hospital@2x.png) no-repeat right top;
        background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
    }

    .school #contents #main h3 {
        background: url(../../5fields/images/school/icon_school@2x.png) no-repeat right top;
        background-size: 40px 40px;
        -webkit-background-size: 40px 40px;
    }


    /* .icon_pdf									{ display:inline-block; padding:1px 0 0 24px; background:url(../images/common_icon_pdf@2x.gif) left top no-repeat;}
.icon_word									{ display:inline-block; padding:1px 0 0 24px; background:url(../images/common_icon_word@2x.gif) left top no-repeat;}
.icon_excel									{ display:inline-block; padding:1px 0 0 24px; background:url(../images/common_icon_excel@2x.gif) left top no-repeat;}
.icon_www									{ display:inline-block; padding:1px 0 0 24px; background:url(../images/common_icon_www@2x.gif) left top no-repeat;} */

    /* 171101追加 */
    #contents #side .sparekeySide .btArea05 {
        width: 100%;
        float: none;
        margin: 0;
    }

    #contents #side .sparekeySide .btArea05 .wrapper {
        padding: 10px 0;
    }

    #contents #side .btArea05 .wrapper img {
        max-width: auto;
        max-width: initial;
        width: 30%;
    }


    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	共通
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    #headerWrapper {
        padding: 0;
    }

    #header {
        width: 96%;
        margin: 10px auto;
    }

    #header h1 {
        width: 40%;
        margin: 0;
    }

    #header h1 img {
        width: 100%;
    }

    #header div {
        margin: 0;
    }

    #header ul.subnavi {
        background: none;
        margin: 8% 0 0;
        padding: 0;
    }

    #header ul.subnavi li {
        background: none;
        font-size: 85%;
    }

    #header ul.subnavi li a {
        color: #092937;
        background: url(../images/header_list_arrow.gif) no-repeat left center;
    }

    #header ul.subnavi li a:link {
        color: #092937;
    }

    #header ul.subnavi li a:visited {
        color: #092937;
    }

    #gnaviWrapper {
        background: none;
    }

    #gnaviWrapper ul#gnavi {
        border-top: solid 1px #e2e2e3;
        margin-top: 10px;
    }

	#gnaviWrapper ul#gnavi > li.individualInfo,
	#gnaviWrapper ul#gnavi > li.sustainabilityInfo,
    #gnaviWrapper ul#gnavi li {
        display: block;
        float: left;
        margin: 0;
        width: 33%;
        border-bottom: solid 1px #e2e2e3;
    }

    #gnaviWrapper ul#gnavi li a.mainLink {
        padding: 8px 0;
    }

    #gnaviWrapper ul#gnavi li:nth-child(3n+2) {
        width: 34%;
    }

    #gnaviWrapper ul#gnavi li a.mainLink {
        border: none;
        font-size: 100%;
    }

    #gnaviWrapper ul#gnavi li a.mainLink:hover,
    #gnaviWrapper ul#gnavi li.current a.mainLink {
        padding: 8px 0 6px;
    }

    #gnaviWrapper ul#gnavi li.current a.mainLink {
        border-bottom: solid 2px #008dd2;
    }

    #gnaviWrapper ul#gnavi li:nth-child(3n+2) a.mainLink {
        border-left: solid 1px #e2e2e3;
        border-right: solid 1px #e2e2e3;
    }

    #gnaviWrapper ul#gnavi>li:last-child {
        width: 33%;
    }

    #gnaviWrapper ul#gnavi li .gnaviSub01Wrapper, #gnaviWrapper ul#gnavi li .gnaviSub02Wrapper, #gnaviWrapper ul#gnavi li .gnaviSub03Wrapper, #gnaviWrapper ul#gnavi li .gnaviSub04Wrapper {
        display: none !important;
    }

    #backLayer {
        display: none !important;
    }

    #gnaviWrapper.fixing {
        background: #ffffff;
    }

    #gnaviWrapper.fixing ul#gnavi {
        margin: 0;
    }

    #gnaviWrapper.fixing ul#gnavi li {
        padding-bottom: 0;
    }

    #gnaviWrapper.fixing ul#gnavi li a.mainLink {
        padding: 8px 0;
    }

    #gnaviWrapper.fixing ul#gnavi li a.mainLink:hover,
    #gnaviWrapper ul#gnavi li.current a.mainLink {
        padding: 8px 0 6px;
    }

    #contentsWrapper {
        width: 96%;
    }

    #contents {
        margin-bottom: 30px;
    }

    p.pcPagetop {
        display: none;
    }

    p.spPagetop {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        width: 96%;
        margin: 0 auto;
        text-align: right;
    }

    p.spPagetop img {
        width: 30%;
        zoom: 1;
    }

    #footer {
        padding: 0;
        background: #ffffff;
    }

    #footer>div {
        width: 100%;
    }

    #footerArea01 {
        margin-bottom: 15px;
        padding: 0;
        border-top: solid 2px #b6b6b6;
        border-bottom: solid 1px #b6b6b6;
    }

    #footerArea01 .wrapper {
        display: block;
        width: 100%;
    }

    #footerArea01 p#footerHome {
        margin: 0;
    }

    #footerArea01 p#footerHome a {
        display: block;
        padding: 12px 0 12px 6%;
        background: url(../images/icon_arrow09.png) no-repeat 3% center / 7px 7px;
    }

    #footerArea01 .list {
        width: 100%;
        float: none;
        margin: 0;
        height: auto !important;
    }

    #footerArea01 .list.w140 {
        width: 100%;
    }

    #footerArea01 .list.w250 {
        width: 100%;
    }

    #footerArea01 h3 {
        margin: 0;
        display: block;
        padding: 12px 0 12px 6%;
        background: url(../images/icon_arrow09.png) no-repeat 3% center / 7px 7px;
    }

    #footerArea01 h3.open {
        background: url(../images/icon_arrow10.png) no-repeat 3% center / 7px 7px;
    }

    #footerArea01 h3.activeTitle {
        background: url(../images/icon_arrow10.png) no-repeat 3% center / 7px 7px;
    }

    #footerArea01 .wrapper ul {
        display: none;
        padding: 0;
    }

    #footerArea01 .wrapper ul.activeList {
        display: block;
    }

    #footerArea01 .wrapper ul li {
        margin: 0;
        padding: 0;
        border-top: 1px solid #b6b6b6;
    }

    #footerArea01 .wrapper ul li a {
        display: block;
        padding: 12px 0 12px 10%;
        background: url(../images/icon_arrow09.png) no-repeat 6% center / 7px 7px;
    }

    #footerArea01 .wrapper ul li a.active {
        background: #f0f2f3 url(../images/icon_arrow09.png) no-repeat 6% center / 7px 7px;
    }


    #footerArea02 {
        margin-top: 0;
        background: #efefef;
    }

    #footerArea02 p.logo {
        width: 40%;
        margin: 0 auto;
    }

    #footerArea02 p.logo img {
        width: 100%;
    }

    #footerArea02 p {
        width: 96%;
        margin: 20px auto 0;
    }

    #copyright {
        padding: 15px 0;
        background: #ffffff;
        color: #000000;
    }

    .catalogBnArea {
        display: block;
    }

    #productsCatalog {
        width: 96%;
        padding: 10px 3%;
        margin: 0 auto;
        box-sizing: border-box;
    }

    #productsCatalog img {
        width: 100%;
    }

    #productsCatalog h3 {
        margin: 0;
        width: 33%;
    }

    #productsCatalog p {
        margin-left: 2%;
        width: 65%;
        top: 0;
    }

    #productsCatalog ul {
        float: none;
        clear: both;
        margin: 0;
        padding-top: 10px;
        width: 100%;
    }

    #productsCatalog ul li {
        float: left;
        width: 48%;
        margin: 0 0 0 4%;
        font-size: 100%;
    }

    #productsCatalog ul li:first-child {
        margin-left: 0;
    }

    #productsCatalog ul li a {
        padding: 5px 0;
        border-width: 1px;
    }

    #productsCatalog ul li a:hover {
        border-width: 1px;
    }

    #productsCatalog2 {
        width: 96%;
        padding: 10px 0;
        box-sizing: border-box;
        margin: 2% auto 0;
    }

    #productsCatalog2 img {
        width: 100%;
    }

    #productsCatalog2 h3 {
        margin: 2% 0 0 4px;
        width: 61.5%;
    }

    #productsCatalog2 p {
        margin-left: 5%;
        width: 40%;
        top: 0;
    }

    #productsCatalog2 .fLeft {
        margin: 0 0 0 3%;
        width: 48%;
    }

    #productsCatalog2 ul {
        clear: both;
        margin: 0;
        padding-top: 10px;
        width: 97%;
    }

    #productsCatalog2 ul li {
        width: 100%;
        margin: 0;
        font-size: 100%;
    }

    #productsCatalog2 ul li:first-child {
        margin-left: 0;
    }

    #productsCatalog2 ul li a {
        padding: 5px 0;
        border-width: 1px;
    }

    #productsCatalog2 ul li a:hover {
        border-width: 1px;
    }

    #index #productsCatalog {
        margin-left: auto;
        margin-right: auto;
    }

    #index #productsCatalog2 {
        margin-left: auto;
        margin-right: auto;
    }

    #common #contents h2 {
        padding: 15px 2%;
    }

    #contents #main h3 {
        font-size: 130%;
    }

    #contents #main h4 {
        font-size: 125%;
    }

    ul#breadcrumbs {
        padding: 5px;
        margin-bottom: 20px;
    }

    .company #pageHeader {
        width: 100%;
    }

    p.imageTopCaption {
        width: 96%;
        margin: 0 auto;
        box-sizing: border-box;
        padding-left: 30px;
        background-size: 25px;
        background-position: left 5px;
        font-size: 123%;
    }

    #pagenavi {
        margin: 30px auto 0;
        width: 96%;
    }

    #pagenavi a {
        width: 49%;
        box-sizing: border-box;
    }



    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	トップページ
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    /* スライダー　*/
    .mvSlider {
        width: 100%;
        padding-bottom: 30px;
    }

    .slick-prev, .slick-next {
        background-size: contain;
        width: 20px;
        height: 20px;
    }

    .slick-dots {
        bottom: 0;
    }

    .topPage .contentsOuter {
        width: 96%;
        padding: 30px 0;
    }

    .topPage .contentsOuter h2 {
        font-size: 154%;
    }

    .topPage .contentsOuter h2 span {
        border-width: 2px;
        padding: 0 2px 2px;
    }

    .topPage .contentsOuter ul.imgList {
        margin-top: 20px;
    }

    .topPage .contentsOuter ul.imgList li,
    .topPage #productsWrap ul.imgList li {
        width: 49%;
        margin-left: 2%;
    }

    .topPage .contentsOuter ul.imgList li:nth-child(2n+1),
    .topPage #productsWrap ul.imgList li:nth-child(2n+1) {
        margin-left: 0;
    }

    .topPage .contentsOuter ul.imgList li:nth-child(n+3),
    .topPage #productsWrap ul.imgList li:nth-child(n+3) {
        margin-top: 10px;
    }

    .topPage .contentsOuter ul.imgList li span {
        font-size: 108%;
    }

    .topPage #pickupWrap ul {
        width: 100%;
        margin: 20px auto;
    }

    .topPage #productsWrap ul.imgList {
        margin-top: 20px;
    }

    dl#news {
        margin: 20px 0 0;
    }

    .topPage #newsWrap ul#newsBtnList {
        margin-top: 25px;
        width: 90%;
    }

    .topPage #newsWrap ul#newsBtnList li {
        width: 49%;
        margin-left: 2%;
        font-size: 100%;
        border-width: 1px;
        box-sizing: border-box;
    }

    .topPage #newsWrap ul#newsBtnList li:first-child {
        margin-left: 0;
    }

    .topPage #productsCatalog {
        margin-top: 40px;
    }

    .topPage #newsWrap ul.imgList {
        margin-top: 45px;
    }

    .topPage #newsWrap ul.imgList li {
        width: 49%;
        margin-left: 2%;
    }

    .topPage #newsWrap ul.imgList li:nth-child(2n+1) {
        margin-left: 0;
    }

    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	製品情報
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    .product #catalogWrap {
        width: 100%;
    }

    .product #catalogWrap #catalogOuter {
        width: 100%;
    }

    .product #catalogWrap.stPos {
        width: 100%;
        margin-top: 20px;
    }

    .product #catalogWrap.stPos #productsCatalog {
        width: 95%;
    }

    .product #pageHeader {
        width: 100%;
    }

    .product p#catalogIcon img {
        zoom: 1;
    }

    .product ul#indexList {
        width: 96%;
    }

    .product ul#indexList li {
        width: 100%;
        margin: 15px auto !important;
    }

    .product ul#indexList li:first-child {
        margin-top: 0 !important;
    }

    .product ul#indexList li:nth-child(n+3) {
        margin-top: 15px !important;
    }

    .product ul#indexList li p.listTxt {
        padding: 18px 10px;
    }

    .product ul#indexList li p.listTxt.f15 {
        padding: 10px;
    }

    .product #productsCatalog {
        width: 96%;
    }

    .product #productsCatalog h3 {
        margin: 0;
        width: 60%;
    }

    .product #productsCatalog p {
        display: none;
    }

    .product #catalogWrap.stPos #productsCatalog h3 {
        margin: 0;
        width: 33%;
    }

    .product #catalogWrap.stPos #productsCatalog p {
        display: block;
        margin-left: 2%;
        width: 65%;
        top: 0;
    }

    .product #catalogWrap p.pcPagetop {
        display: block;
        top: 0;
        right: 2%;
        width: 96%;
        margin-top: -8%;
        z-index: 1;
        bottom: auto;
    }

    .product #catalogWrap p.pcPagetop img {
        width: 30%;
    }

    .product #infoProductsWrap {
        width: 96%;
    }

    .product #infoProductsWrap h3 {
        font-size: 123%;
        background-size: 25px;
        background-position: left top;
        padding-left: 30px;
    }

    .product #infoProductsWrap ul#jumpList {
        margin-top: 20px;
        font-size: 100%;
    }

    .product #infoProductsWrap ul#jumpList li {
        margin: 5px 10px 0 0;
        float: none;
        display: inline-block;
    }

    .product #infoProductsWrap ul#jumpList li:first-child {
        margin-top: 0;
    }

    .product #infoProductsWrap h4 {
        margin-top: 30px !important;
        font-size: 115%;
        background-repeat: repeat-y;
    }

    .product #infoProductsWrap ul.infoProductsList>li {
        width: 48%;
        margin: 0 0 0 4% !important;
    }

    .product #infoProductsWrap ul.infoProductsList>li:nth-child(2n+1) {
        margin-left: 0 !important;
    }

    .product #infoProductsWrap ul.infoProductsList>li:nth-child(n+3) {
        margin-top: 20px !important;
    }

    .product #infoProductsWrap ul.infoProductsList li h5 {
        font-size: 108%;
        margin-top: 5px;
    }

    .product #infoProductsWrap ul.infoProductsList li ul {
        margin-top: 5px;
    }

    .product #infoProductsWrap ul.infoProductsList li ul li {
        width: 49%;
        margin-left: 2%;
    }

    .product #infoProductsWrap ul.infoProductsList li ul li:nth-child(2n+1) {
        margin-left: 0;
    }

    .product #infoProductsWrap ul.infoProductsList li ul li:nth-child(n+3) {
        margin-top: 5px !important;
    }

    .product #pickupWrap {
        width: 96%;
    }

    .product #pickupWrap h3 {
        margin-top: 20px;
        font-size: 115%;
    }

    .product #pickupWrap h3.mt50 {
        margin-top: 30px;
    }

    .product #pickupWrap ul#enabledList {
        margin-top: 20px;
    }

    .product #pickupWrap ul#enabledList li {
        margin-top: 20px;
    }

    .product #pickupWrap ul#enabledList li>p {
        float: none;
        width: 100%;
    }

    .product #pickupWrap ul#enabledList li div {
        width: 100%;
        margin: 10px 0 0;
        float: none;
    }

    .product #pickupWrap ul#enabledList li div h4 {
        font-size: 108%;
    }

    .product #pickupWrap ul#enabledList li div p {
        font-size: 108%;
        margin-top: 5px;
    }

    .product #pickupWrap ul#enabledList li div p.attentionTxt {
        margin-top: 10px;
    }

    .product #pickupWrap ul#functionList01 {
        margin-top: 10px;
    }

    .product #pickupWrap ul#functionList01 li,
    .product #pickupWrap ul#functionList02 li {
        width: 100%;
        float: none;
        margin: 20px 0 0;
    }

    .product #pickupWrap ul#functionList01 li:first-child,
    .product #pickupWrap ul#functionList02 li:first-child {
        margin-top: 0;
    }

    .product #pickupWrap ul#functionList01 li h4 {
        font-size: 108%;
    }

    .product #pickupWrap ul#functionList01 li p {
        font-size: 108%;
        margin-top: 5px;
    }

    .product #pickupWrap ul#functionList02 {
        margin-top: 30px;
    }

    .product #pickupWrap ul#functionList02 li h5 {
        font-size: 108%;
    }

    .product #pickupWrap ul#functionList02 li ul li {
        width: 49%;
        margin: 0 0 0 2%;
    }

    .product #pickupWrap ul#functionList02 li ul li:first-child {
        margin-left: 0;
    }

    .product #pickupWrap ul#functionList02 li ul li span {
        margin-top: 5px;
    }

    .product #pickupWrap .pcNone {
        display: block;
    }

    .product #pickupWrap p.linkBtn {
        width: 100%;
        margin-top: 30px;
    }

    .product #pickupWrap p.linkBtn a span {
        display: block;
        background-position: 98% center;
    }


    /* write210209 */
    .product #infoProductsWrap #pickupWrap #infoSec {
        display: block;
        margin-top: 20px;
    }

    .product #infoProductsWrap #pickupWrap #infoSec .infoBox {
        width: 100%;
    }

    .product #infoProductsWrap #pickupWrap #infoSec div {
        margin-top: 10px;
        width: 100%;
        padding: 10px 20px;
    }

    .product #infoProductsWrap #pickupWrap #infoSec div img {
        width: 100%;
    }

    .product #infoProductsWrap #pickupWrap #infoSec div p:first-child {
        width: 25%;
    }

    .product #infoProductsWrap #pickupWrap #infoSec div p.txtBox {
        width: 75%;
    }

    .product #infoProductsWrap.cleanProducts #pickupWrap .hInner {
        display: block;
    }

    .product #infoProductsWrap.cleanProducts #pickupWrap .hInner div {
        margin: 10px 0 0;
    }

    .product #infoProductsWrap.cleanProducts #pickupWrap .hInner div img {
        margin-right: 10px;
        width: 90%;
    }

    .product ul#indexList li:last-child ul {
        position: absolute;
        top: calc(100% + 1px);
    }

    .product ul#indexList li:last-child ul li {
        width: 96vw;
        margin: 0 !important;
    }

    /* write210209 end*/

    /* write220323 */

    .product #infoProductsWrap #pickupWrap p.attentionTitle {
        margin-top: 30px;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap .spMt20 {
        margin-top: 20px !important;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap h3 {
        margin-top: 30px;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap .halfOuter {
        display: block;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap .halfOuter>p,
    .product #infoProductsWrap.clean2Products #pickupWrap .halfOuter>div {
        width: 100%;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap .halfOuter>p+p {
        margin-top: 10px;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap .halfOuter>div .markArea {
        margin-top: 10px;
        padding: 10px 20px;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap .halfOuter>div .markArea>p:first-child {
        width: 25%;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap .halfOuter>div .markArea .txtBox {
        width: 75%;
        margin-top: 0;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap ul#exchangeList {
        flex-wrap: wrap;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap ul#exchangeList li {
        width: 50%;
        box-sizing: border-box;
        background-position: 4% 10vw;
        padding-left: 24px;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap ul#exchangeList li:first-child {
        padding-left: 24px;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap ul#exchangeList li:nth-child(n+3) {
        margin-top: 10px;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap ul#exchangeList li p {
        margin-top: 10px;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap h4 {
        margin-top: 15px;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap h4 span {
        font-size: 87%;
        display: block;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap #clean2ProductsOuter {
        display: block;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap .markInner {
        margin-top: 20px;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap .markInner div {
        margin-left: 0;
    }

    .product #infoProductsWrap.clean2Products #pickupWrap .markInner div img {
        margin-right: 10px;
        width: 90%;
    }

    /* write220323 end*/

    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	会社案内
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    .company .companyWrap p.imageTopCaption {
        width: 96%;
        margin: 0 auto;
        box-sizing: border-box;
        padding-left: 30px;
        background-size: 25px;
        background-position: left 5px;
        font-size: 123%;
    }

    .company .companyWrap img {
        width: 100%;
    }

    .company .companyWrap h4 {
        font-size: 115%;
        margin: 20px 0 10px;
    }

    .company #greeting {
        width: 96%;
        margin: 0 auto;
    }

    .company #greeting .ceo {
        width: 60%;
        margin: 10px auto 0;
    }

    .company #greeting .msg {
        width: 100%;
        margin-top: 25px;
    }

    .company #greeting .msg p.linkBtn {
        margin-top: 25px;
        width: 100%;
    }

    .company .companyWrap #pagenavi a {
        width: 49%;
        box-sizing: border-box;
    }

    .company .companyWrap h3 {
        font-size: 130%;
    }

    .company #philosophy {
        width: 96%;
        margin: 0 auto;
    }

    .company #philosophy ul#philosophyList {
        margin-top: 10px;
    }

    .company #philosophy ul#philosophyList li {
        width: 100%;
        margin: 10px 0 0;
    }

    .company #philosophy ul#philosophyList li:first-child {
        margin-top: 0;
    }

    .company #security .image {
        margin-top: 10px;
    }

    .company #key .image {
        width: 80%;
        margin: 0 auto;
    }

    .company #key .text {
        margin-top: 10px;
        font-size: 100%;
    }

    .company #lock .image {
        width: 65%;
        margin: 0 auto;
        padding-right: 8%;
    }

    .company #ic_bio .image img {
        width: 50%;
        margin: 0;
    }

    .company dl#historyList {
        margin: 10px 0 0;
        font-size: 100%;
    }

    .company #gms_network {
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .company #gms_network .box {
        padding: 5px 2%;
    }

    .company #gms_network p {
        font-size: 100%;
    }

    .company #gms_network .box h5 {
        font-size: 100%;
        border-width: 2px;
        padding-bottom: 5px;
        border-color: #000000;
    }

    .company #gms_showroom {
        background: #c0c0c2;
        padding: 5px;
    }

    .company #gms_showroom .box {
        border-color: #e6e6e6;
        background: #e6e6e6;
        padding: 5px;
    }

    .company #gms_showroom .box p {
        font-size: 100%;
    }

    .company #gms_showroom .box p.txtRight {
        margin-top: 10px;
    }

    .company #gms img {
        width: 23%;
    }

    .company #showroom img {
        width: 45%;
    }

    .company #gms_showroom #factory {
        width: 100%;
    }

    .company #gms_showroom #factory ul li {
        width: 49%;
        float: left;
        margin: 10px 0 0;
    }

    .company #gms_showroom #factory ul li:first-child {
        width: 100%;
        margin-top: 0;
    }

    .company #gms_showroom #factory ul li:last-child {
        margin-left: 2%;
    }

    .company #gms_showroom #factory ul li p {
        position: static;
    }

    .company table#officeList {
        font-size: 100%;
    }

    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	サポート
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    .support #pageHeader {
        width: 100%;
    }

    .support #gms {
        width: 100%;
        height: auto;
        background-size: cover;
    }

    .support #gms .wrapper {
        width: 100%;
        height: calc(100vw*0.88);
        background: url(../../support/images/gms_bg_japan_sp.gif) no-repeat left top;
        background-size: contain;
    }

    .support #gms ul li ul {
        display: none !important;
    }

    .support #gms ul li#navi01 {
        top: 20px;
        right: 80px;
    }

    .support #gms ul li#navi02 {
        top: 140px;
        right: 125px;
    }

    .support #gms ul li#navi03 {
        top: 200px;
        right: 145px;
    }

    .support #gms ul li#navi04 {
        top: 250px;
        right: 190px;
    }

    .support #gms ul li#navi05 {
        top: 105px;
        right: 290px;
    }

    .support #gms ul li#navi06 {
        top: 140px;
        left: 260px;
    }

    .support #gms ul li#navi07 {
        top: 255px;
        right: 295px;
    }

    .support #gms ul li#navi08 {
        top: 155px;
        left: 160px;
    }

    .support #gms ul li#navi09 {
        top: 290px;
        left: 240px;
    }

    .support #gms ul li#navi10 {
        top: 200px;
        left: 95px;
    }

    
    /*錠前のお手入れについて*/
    #main.careLock h3 { margin-top: 40px !important; }
    #main.careLock p { line-height: 1.6; }
    #main.careLock p.imageTopCaption { font-size: 123%; line-height: 1.4; }
    #main.careLock p.imageTopCaption + h3 { margin-top: 20px !important;}

    #main.careLock #injectArea { display: block; margin-top: 20px; }
    #main.careLock #injectArea #atBox { width: 100%; margin-top: 20px; }
    #main.careLock #injectArea #atBox p + div { text-align: center; }

    #main.careLock ol#careStep { display: block; margin-top: 0;}
    #main.careLock ol#careStep li { width: 100%; padding: 15px 25px 40px; margin-top: 20px; text-align: center; }
    #main.careLock ol#careStep li p { text-align: left; }

    #main.careLock #linkArea { padding: 30px 30px 20px; margin-top: 50px; }
    #main.careLock #linkArea p { font-size: 120%; }
    #main.careLock #linkArea #linkBox a { font-size: 100%; display: block; text-align: center; }
    #main.careLock #linkArea #linkBox a .btn { text-align: center; margin: 0 !important; }
    
    
    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	事業案内
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    .business #main.businessMain {
        width: 100%;
        margin: 0 !important;
    }

    .business #main.businessMain p.imageCaption {
        margin: 0 0 30px;
    }

    #pagenavi a {
        width: 49%;
        box-sizing: border-box;
    }


    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	その他
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

    #main #fieldsNavi,
    .business #main #fieldsNavi {
        width: auto;
        margin: 0 auto;
        padding: 15px 10px;
    }

    #pageHeader {
        width: auto;
        margin: 0 auto;
    }

    #fieldsNavi ul,
    .business #fieldsNavi ul {
        width: auto;
        overflow: hidden;
        zoom: 1;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #fieldsNavi li,
    .business #fieldsNavi li {
        display: inline-block;
        float: none;
        width: 135px;
        margin: 0 6px 6px 6px;
        padding: 0;
    }

    #fieldsNavi li a,
    .business #fieldsNavi li a {
        background-image: url(../../5fields/images/field_navi_sp.jpg);
        background-size: 675px 90px;
        -webkit-background-size: 675px 90px;
    }


    #main.supportFaq {
        width: 100%;
    }

    .company #recruitImage img {
        width: 100%;
    }

    .fields #contents {
        padding-bottom: 0;
    }

    .reasons #contents {
        padding-bottom: 0;
    }

    .fields #contents #main h5 img {
        width: 100%;
    }

    .sitemap .usePolicy {
        width: 100%;
    }

    .sitemap .PrivacyPolicy {
        width: 100%;
    }

    .business #pageHeader {
        width: 100%;
    }

    .business ul#checks li {
        display: block;
        margin: 0;
        width: 50%;
        float: left;
    }

    #spnavi img {
        width: 50%;
    }

    .fields #pagenavi {
        width: 96%;
        margin-bottom: 30px;
    }

    .reasons #pagenavi {
        width: 96%;
        margin-bottom: 30px;
    }

    .office #pageHeader {
        width: 100%;
    }

    /*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	採用情報
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
    /* 230110追加 */
    .recruitList li.pullLink ul li a {
        min-width: 50vw;
    }
  
  .recruitList li a { display: block; }
  .recruitList li p:nth-child(3) { margin-left: 0 !important; }

	
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	サステナビリティ
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------
	共通
-----------------------------------*/
	/* レイアウト */
	.sustainability-contents__wrap {
		font-size: 0.92rem;
		line-height: 1.7;
	}
	
	.sustainability-contents__size {
		width: 86%;
	}
	
	/* タイトル */
	.sustainability-common__title {
		font-size: 1.5rem;
	}
	
	.sustainability-common__head {
		font-size: 1.5rem;
		margin-top: 40px;
	}
	
	.sustainability-common__head + p,
	.sustainability-common__head + ul,
	.sustainability-common__head + div {
		margin-top: 34px;
	}
	
	.sustainability-common__head--line {
		font-size: 1.25rem;
		margin-top: 34px;
	}
	
	.sustainability-common__head--line + div,
	.sustainability-common__head--line + p {
		margin-top: 15px;
	}
	
	/* 冒頭 */
	.sustainability-common__text--intro {
		font-size: 1rem;
		margin-top: 20px;
	}
	
/*------------------------
	リスト
------------------------*/
	/* 画像リスト */
	.sustainability-esg-img__item--four {
		width: 48.5%;
	}
	
	.sustainability-esg-img__item--four:nth-child(n+3) {
		margin-top: 12px;
	}
	
	.sustainability-esg-img__list--caption {
		margin-top: 5px;
	}


/*-----------------------------------
	トップページ
-----------------------------------*/	
	.sustainability-top-index__list {
		display: block;
		margin-top: 50px;
	}
	
	.sustainability-top-index__item {
		width: 100%;
	}
		
	.sustainability-top-index__link:hover {
		opacity: 1;
	}
	
	.sustainability-top-index__item:nth-child(n+2) {
		margin-top: 50px;
	}
	
	.sustainability-top-index__area {
		margin-right: 6.8%;
		padding: 20px 8% 60px;
	}
	
	.sustainability-top-index__area::after {
		bottom: 32px;
		right: 11%;
	}
	
	.sustainability-top-index__text {
		margin-top: 8px;
	}
	
	a.sustainability-top-message__link,
	a.sustainability-top-message__link:visited {
		text-decoration: none;
	}
	
/*-----------------------------------
	CSR
-----------------------------------*/
	.sustainability-csr-table {
		margin-top: 35px;
	}
	
/*-----------------------------------
	重要課題
-----------------------------------*/
	.sustainability-important-sec {
		display: block;
	}
	
	.sustainability-important-area {
		width: 100%;
	}
	
	.sustainability-important-area:nth-child(n+2),
	.sustainability-important-area:nth-child(n+3) {
		margin-top: 35px;
	}
	
	.sustainability-important-box__titile {
		font-size: 1.25rem;
		padding-right: 45px;
	}
	
	.sustainability-important-box__titile::after {
		width: 40px;
	}

/*-----------------------------------
	ESG
-----------------------------------*/
	.spMt20 {
		margin-top: 20px !important;
	}
	
	.sustainability-esg-contents {
		padding-top: 15px;
	}
	
	.sustainability-esg__text--bold {
		margin-top: 20px;
	}
	
	.sustainability-esg__text--bg {
		margin-top: 45px;
	}
	
	.sustainability-common-flex__wrap {
		display: block;
	}
	
	.sustainability-common-flex__img {
		margin: 15px auto 0;
	}
	
	
	
	
	
	

}