@charset"euc-jp";
    /* 目次 ////////////////////////////////////////////////////////////////////

?初期化・デフォルト
?見出し
?フォント・テキスト
?リンク
?フォーム関連
?テーブル設定
?共通設定
	：ヘッダー
	：コンテンツ
	：フッター
?ナビゲーション
	：グローバルナビゲーション
	：フッターナビゲーション
?各ページごとの設定

///////////////////////////////////////////////////////////////////////// */
    /* -------------------------------------------------------------------------
▼ 初期化・デフォルト
------------------------------------------------------------------------- */
    /* SP用CSS */
    
    @media screen and (max-width: 640px) {
        * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
        }
        html,
        body {
            height: 100%;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
        /*Opera Fix*/
        body:before {
            content: "";
            height: 100%;
            float: left;
            width: 0;
            margin-top: -32767px;
        }
        body {
            font-size: 13px;
            color: #3e3a39;
            font-family: 'メイリオ', 'Meiryo', sans-serif;
            text-align: center;
        }
        body#popup {
            background: #01354A;
        }
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin: 0;
            padding: 0;
            font-weight: normal;
            font-size: 13px;
        }
        p {
            margin: 0;
        }
        ul,
        ol {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }
        dd {
            margin: 0;
        }
        strong {
            font-weight: normal;
        }
        img {
            border: 0;
            vertical-align: bottom;
        }
        img {
            max-width: 100%;
            height: auto;
            width/***/
            : auto;
        }
        hr {
            display: none;
        }
        .madori img {
            width: 100%;
        }
        /* -------------------------------------------------------------------------
	▼ 見出し
	------------------------------------------------------------------------- */
        /* -- 2階層目以降共通 ---------- */
        h2#contentsTitle {
            font-size: 22px;
            font-weight: bold;
            color: #01354a;
        }
        h2#contentsTitle span {
            margin-right: 20px;
            font-weight: bold;
            font-size: 11px;
            /*    display: block;*/
        }
        /* -------------------------------------------------------------------------
	▼ フォント・テキスト
	------------------------------------------------------------------------- */
        .large {
            font-size: 15px;
            font-weight: normal;
        }
        .normal {
            font-size: 13px;
            font-weight: normal;
        }
        .small {
            font-size: 11px;
            font-weight: normal;
        }
        .bold {
            font-weight: bold;
        }
        .caution {
            color: #CC3300;
        }
        .through {
            text-decoration: line-through;
        }
        .orange {
            color: #F86221;
        }
        .txt {
            line-height: 1.4;
        }
        /* -------------------------------------------------------------------------
	▼ リンク
	------------------------------------------------------------------------- */
        /* -- 通常 ---------- */
        a:link,
        a:visited {
            color: #2B8DB3;
            text-decoration: underline;
        }
        a:hover,
        a:active {
            color: #57B4D7;
            text-decoration: underline;
        }
        /* -- 白色 ---------- */
        .link_white a:link,
        .link_white a:visited {
            color: #FFFFFF;
            text-decoration: none;
        }
        .link_white a:hover,
        .link_white a:active {
            color: #57B4D7;
            text-decoration: none;
        }
        /* -- 画像 ---------- */
        .img_border a:link,
        .img_border a:visited {
            background-color: #919D9C;
            padding: 4px;
            display: block;
        }
        .img_border a:hover,
        .img_border a:active {
            background-color: #3E474A;
            padding: 4px;
            display: block;
        }
        .arrow a {
            background: url(/images/common/arrow.gif) 0 4px no-repeat;
            padding-left: 10px;
            font-size: 13px;
        }
        .arrow_s a {
            background: url(/images/common/arrow.gif) 0 2px no-repeat;
            padding-left: 8px;
            font-size: 13px;
        }
        /* -------------------------------------------------------------------------
	▼ フォーム関連
	------------------------------------------------------------------------- */
        form {
            margin: 0;
            padding: 0;
        }
        body.contactform #header h1 {
            padding: 20px 0;
        }
        body.contactform #header h1 img {
            width: 40%;
        }
        body.contactform #header {
            display: block!important;
            text-align: center;
        }
        body.contactform #headerRight {
            display: none;
        }
        #headerBtn {
            display: inline-block;
        }
        #headerBtn div p {
            position: absolute;
            right: 0px;
            top: 0px;
        }
        body.contactform .contact_tel {
            margin-top: 20px;
        }
        body.contactform .contact_tel p a img {
            margin-top: 10px;
            width: 100px;
        }
        body.contactform .contact_tel p a {
            margin-right: 10px;
        }
        h2.contactH2 {
            font-weight: bold;
            font-size: 16px;
            border-bottom: 3px solid #01354a;
            color: #01354a;
            margin-bottom: 20px;
            text-align: center;
        }
        #formBtn {
            width: 100%;
            text-align: center;
        }
        #formBtn table {
            width: 100%;
        }
        #formBtn table td {
            width: 100%;
        }
        .opacity {
            filter: alpha(opacity=25);
            -moz-opacity: 0.25;
            opacity: 0.25;
            background: #FFFFFF;
        }
        #formBtn p {
            margin-bottom: 10px;
            padding-bottom: 10px;
        }
        #contactSecure {
            width: 100px;
            height: 50px;
            margin: 15px auto;
        }
        #formThanks {
            background-color: #E2D9CF;
            padding-top: 100px;
            padding-bottom: 100px;
            text-align: center;
            margin-top: 30px;
        }
        #formThanks p {
            margin: 10px;
        }
        p.contact_txt {
            font-weight: bold;
            color: #01354a;
        }
        .tableContactWrap {
            background-color: #dcdddd;
            padding: 20px;
        }
        .tableContact {
            width: 100%;
            border-collapse: collapse;
            font-size: 16px;
        }
        .tableContact th {
            padding: 0 15px !important;
            text-align: left;
            margin-right: 10px;
            margin-top: 20px;
            width: 100%;
            display: block;
        }
        .tableContact td {
            padding: 7px 5px 5px 10px !important;
            width: 100%;
            display: block;
        }
        .tableContact td ul {}
        .tableContact td ul li {
            margin-bottom: 10px;
        }
        .tableContact input {
            box-sizing: border-box;
            width: 100%;
            font-size: 16px;
            padding: 10px;
        }
        .tableContact input[name$="tel1_1"],
        .tableContact input[name$="tel1_2"],
        .tableContact input[name$="tel1_3"] {
            width: 20%;
        }
        body.contactform #footerArea {
            width: 100%;
        }
        body.contactform #footerArea .small {
            color: #fff;
        }
        /* -------------------------------------------------------------------------
	▼ テーブル設定
	------------------------------------------------------------------------- */
        .tableBasic {
            /*        background-color: #A8AEAE;*/
            font-size: 13px;
            width: 100%;
        }
        .tableBasic th {
            background-color: #ffffff;
            padding: 7px 5px 5px 10px !important;
            text-align: center;
        }
        .tableBasic td {
            background-color: #FFFFFF;
            padding: 7px 5px 5px 10px !important;
        }
        .tableBasic tr:nth-child(odd) th,
        .tableBasic tr:nth-child(odd) td {
            background: #EEF2F2;
        }
        .tableList {
            background-color: #A8AEAE;
            font-size: 13px;
            width: 99%;
            zoom: 1;
        }
        .tableList th {
            background-color: #ced2d2;
            padding: 7px 5px 5px 5px;
            border-top: #01354a 1px solid;
            border-bottom: #01354a 1px solid;
            color: #01354a;
        }
        .tableList tr.tr1 td {
            text-align: left;
        }
        .tableList td {
            background-color: #FFFFFF;
            padding: 4px 2px;
            text-align: center;
        }
        .tableList tr.campaign td {
            background-color: #fff;
            /*    color: #F86221;*/
        }
        .tableList tr.campaign td p {
            margin-bottom: 3px;
        }
        .tableList tr.campaign td p.bold {
            padding: 0 0 0 18px;
            display: inline;
            color: #ea5514;
        }
        /* -------------------------------------------------------------------------
	▼ ポップアップ設定
	------------------------------------------------------------------------- */
        #iconPopup {
            background: #FFFFFF;
            margin: 15px;
            padding: 15px;
            text-align: left;
        }
        #iconPopup h1 {
            color: #FFFFFF;
            font-weight: bold;
            font-size: 15px;
            text-align: center;
            background: url(/images/common/left_round.gif) left no-repeat;
            padding-left: 3px;
        }
        #iconPopup h1 span {
            padding: 5px 3px 4px 0px;
            display: block;
            background: url(/images/common/right_round.gif) right no-repeat #A1876B;
        }
        * html #iconPopup h1 span {
            padding: 6px 3px 5px 0px;
        }
        #iconPopup ul li {
            float: left;
            width: 50%;
            margin-bottom: 10px;
        }
        #iconPopup ul li img {
            vertical-align: middle;
            margin-right: 10px;
        }
        #iconPopup p {
            text-align: center;
        }
        #iconPopup p input {
            width: 100px;
            height: 34px;
        }
        /* -------------------------------------------------------------------------
	▼ 共通設定
	------------------------------------------------------------------------- */
        #wrap {
            width: 100%;
            overflow: hidden!important;
        }
        .b5 {
            margin-bottom: 5px;
        }
        .b10 {
            margin-bottom: 10px;
        }
        .t5 {
            margin-top: 5px !important;
        }
        .t10 {
            margin-top: 10px !important;
        }
        .t15 {
            margin-top: 15px;
        }
        .t50 {
            margin-top: 50px;
        }
        .t100 {
            margin-top: 100px;
        }
        .b15 {
            margin-bottom: 15px;
        }
        .right {
            text-align: right;
        }
        .img_border01 {
            text-align: center;
        }
        .img_border01 img {
            text-align: center;
        }
        * html .img_border01 img {
            border: none;
        }
        /* -- clearfix ---------- */
        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        .clearfix {
            display: inline-table;
        }
        /* \*/
        * html .clearfix {
            height: 1%;
        }
        .clearfix {
            display: block;
        }
        /* End hide from IE-mac */
        .block {
            display: block;
        }
        /* ▽ ヘッダー
	========================================================================= */
        #headerSeo {
            display: none;
        }
        #headerSeo h1 {
            padding: 2px 5px 0px;
        }
        #header {
            display: none;
        }
        header {
            display: inline-block;
            width: 100%!important;
            /*	  padding: 0 10px 0;*/
        }
        .headArea {
            margin-top: 10px!important;
        }
        #headTelArea {
            margin-left: 20px;
            display: block;
            float: right;
            text-align: left;
            line-height: 1.4!important;
        }
        h1#headH1 {
            margin-top: 0px;
            margin-right: 0px;
            float: left;
            font-size: 0.6em!important;
            color: #666666!important;
            line-height: 1.5;
            width: 130px;
            text-align: left;
        }
        #headLogo {
            display: inline-block!important;
            margin: 3px 10px 0px!important;
            float: left!important;
        }
        #headLogo img {
            width: 96px;
            height: 39px;
        }
        #headTel {
            float: left!important;
            display: inline-block!important;
            /*	  margin-top: 5px!important;*/
        }
        #headTel img {
            width: 70%;
        }
        .HiddenCheckbox {
            display: none;
        }
        .MenuContainer {
            float: left!important;
            display: inline-block!important;
            /*	  margin: 0 20px 0 20px;*/
        }
        .MenuIcon {
            cursor: pointer;
            display: block;
            float: left;
            height: 30px;
            position: relative;
            width: 30px;
            z-index: 2;
        }
        /* メニュー文字 */
        .MenuIcon span {
            position: absolute;
            left: 25%;
            top: 32px;
            font-size: 0.8em;
        }
        .MenuIcon:before {
            -webkit-box-shadow: #3e474a 0 12px 0;
            box-shadow: #3e474a 0 12px 0;
            height: 6px;
            -webkit-transform-origin: left top;
            -ms-transform-origin: left top;
            transform-origin: left top;
            width: 50px;
        }
        .MenuIcon:after {
            bottom: 0;
            height: 6px;
            -webkit-transform-origin: left bottom;
            -ms-transform-origin: left bottom;
            transform-origin: left bottom;
            width: 50px;
        }
        .MenuIcon::before,
        .MenuIcon::after {
            background: #3e474a;
            display: block;
            content: '';
            position: absolute;
            -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
            transition: box-shadow 0.2s linear, transform 0.4s 0.2s;
        }
        .Menu {
            background: #333;
            bottom: 0;
            left: -90%;
            position: absolute;
            top: 0;
            width: 70%;
            -webkit-transition: left 0.4s;
            transition: left 0.4s;
            z-index: 99999!important;  
        }
        .HiddenCheckbox:checked~.MenuHeader {
            opacity: 1;
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
        }
        .HiddenCheckbox:checked~.MenuIcon::before {
            -webkit-box-shadow: transparent 0 0 0;
            box-shadow: transparent 0 0 0;
            -webkit-transform: rotate(30deg) translate3d(4px, -4px, 0);
            transform: rotate(30deg) translate3d(4px, -2px, 0);
        }
        .HiddenCheckbox:checked~.MenuIcon::after {
            -webkit-transform: rotate(-35deg) translate3d(4px, 4px, 0);
            transform: rotate(-35deg) translate3d(4px, 4px, 0);
        }
        .HiddenCheckbox:checked~.Menu {
            left: 0;
        }
        p.campignBanner {
            margin: 20px 0;
        }
        ul.Menu-list {
            list-style-type: none;
            padding: 0;
        }
        li.Menu-item {
            margin: 0 auto;
            border-bottom: 1px solid #fff;
            padding-top: 3px;
        }
        li.Menu-item:last-child {
            /*  border: none;*/
        }
        li.Menu-item a {
            font-size: 1.2em!important;
            text-align: left;
            color: #fff;
            text-decoration: none!important;
        }
        li.Menu-item img {
            vertical-align: middle!important;
        }
        li.Menu-item a:hover {
            text-decoration: none!important;
        }
        .Menu-link {
            color: #fff;
            display: block;
            overflow: hidden;
            padding: 8px 22px;
            position: relative;
            text-decoration: none;
            z-index: 1;
        }
        .Menu-link::before {
            background: #444;
            bottom: 0;
            content: '';
            left: 0;
            position: absolute;
            right: 100%;
            top: 0;
            -webkit-transition: right 0.4s;
            transition: right 0.4s;
            z-index: -1;
        }
        .Menu-link::after {
            /*  content: attr(href); 20171109*/
            color: #fff;
            float: right;
            opacity: 0;
            -webkit-transition: opacity 0.8s, -webkit-transform 0.4s;
            transition: opacity 0.8s, transform 0.4s;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
        }
        /*.Menu-link:hover::before {
	  right: 0;
	}
	.Menu-link:hover::after {
	  opacity: 0.5;
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
	*/
        /*  トップのメニュー  */
        .menuArea {
            margin: 0px auto!important;
        }
        .menuArea ul {
            font-size: 11px;
            padding: 0px 10px;
            text-align: left;
        }
        .menuArea ul li {
            background: #eeeeee;
            border: 3px solid #cccccc;
            padding: 3% 5% 3%!important;
            font-size: 5em!important;
            margin-bottom: 5px;
        }
        .menuArea li a img {
            vertical-align: middle!important;
        }
        .menuArea ul li a {
            font-weight: bold;
            color: #666;
            text-decoration: none!important;
            display: block;
        }
        .menuArea ul li a:hover {
            text-decoration: none!important;
        }
        .menuArea ul li a:after {
            margin: 8px 10px 0px 0px;
            float: right;
            content: "";
            display: block;
            width: 36px;
            height: 80px;
            background: url(/smp/images/top/arrow_right.svg) no-repeat 0 0;
            background-size: 36px 80px;
        }
        .menuArea ul li a.searchBottom:after {
            margin: 24px 10px 0px 0px;
            float: right;
            content: "";
            display: block;
            width: 80px;
            height: 36px;
            background: url(/smp/images/top/arrow_bottom.svg) no-repeat 0 0;
            background-size: 80px 36px;
        }
        /*  トップのメニュー2  */
        .menuArea2 {
            margin: 0px auto!important;
        }
        .menuArea2 ul {
            font-size: 9px;
            padding: 0px 10px;
            text-align: left;
        }
        .menuArea2 ul li {
            background: #fff;
            border-bottom: 3px solid #9d9d9d;
            padding: 3% 5% 3%!important;
            font-size: 4em!important;
        }
        .menuArea2 ul li:last-child {
            border: none;
        }
        .menuArea2 li a img {
            vertical-align: middle!important;
        }
        .menuArea2 ul li a {
            color: #666;
            text-decoration: none!important;
            display: block;
        }
        .menuArea2 ul li a:hover {
            text-decoration: none!important;
        }
        .menuArea2 ul li a:after {
            margin: 9px 10px 0px 0px;
            float: right;
            content: "";
            display: block;
            width: 24px;
            height: 60px;
            background: url(/smp/images/top/arrow_right_s.svg) no-repeat 0 0;
            background-size: 24px 60px;
        }
        /* トグルボタン（※開閉ボタン）
	------------------------------------------------------------------------- */
        .toggleBtnGlay {
            margin: 0px auto!important;
        }
        .toggleBtnGlay ul {
            font-size: 9px;
            padding: 5px 10px;
            text-align: left;
        }
        .toggleBtnGlay ul li {
            background: #eeeeee;
            border: 3px solid #cccccc;
            padding: 3% 5% 3%!important;
        }
        .toggleBtnGlay ul li a {
            font-size: 6em!important;
            display: block;
            font-weight: bold;
            color: #666;
        }
        .toggleBtnGlay ul li a.close {
            display: block;
            font-weight: bold;
            color: #666;
        }
        .toggleBtnGlay ul li a img {
            vertical-align: middle;
        }
        .toggleBtnGlay ul li a:after {
            margin: 24px 10px 0px 0px;
            float: right;
            content: "";
            display: block;
            width: 80px;
            height: 36px;
            background: url(/smp/images/top/arrow_bottom.svg) no-repeat 0 0;
            background-size: 80px 36px;
        }
        .toggleBtnGlay ul li a.close:after {
            margin: 24px 10px 0px 0px;
            float: right;
            content: "";
            display: block;
            width: 80px;
            height: 36px;
            background: url(/smp/images/top/arrow_top.svg) no-repeat 0 0;
            background-size: 80px 36px;
        }
        .toggleBtnGlay .smallTxt {
            font-size: 14px;
        }
        .hide {
            display: none;
        }
        table.areaSearchTable {
            width: 100%;
        }
        table.areaSearchTable tr {}
        table.areaSearchTable td {
            border: #666 1px solid;
            text-align: center;
            padding: 30px 0;
        }
        table.areaSearchTable td a {
            display: block;
            width: 100%;
            height: 100%;
            font-size: 2em;
            text-decoration: none;
            color: #666;
        }
        /* ▽ メインコンテンツ
	========================================================================= */
        .main {
            /*        overflow: auto;*/
            width: 100%;
            margin: 20px auto 0;
            text-align: left;
        }
        #main {
            overflow: hidden;
            width: 100%;
            margin: 10px auto 0;
            text-align: left;
        }
        #main p {
            padding-left: 10px;
            padding-right: 10px;
        }
        
        #mainLeft {
            display: none;
            /*		float:right;
		width:100%;
		margin-right:14px;
		zoom:1;
		margin-right:15px;*/
        
        }
        #mainLeft .box_gray01,
        #mainLeft .box_ocher {
            padding: 9px;
        }
        
        .sp_search_title,.sp_search_area_toggle_wrap,.current_conditions{display:none;}
            @media screen and (max-width:640px) {
            #mainLeftList{display:block;}
            #mainLeftList .box_ocher{padding:0;}
            #listCondition{margin-bottom:1em;}
            #listCondition .side_search_title{display:block;padding:0.5em 0.5em 0 0.5em;color:#333;font-weight:bold;font-size:12px;line-height:1.4;margin-bottom:0;}
            #listCondition .current_conditions{display:none;}
            #listCondition .current_conditions ul{padding:0.25em 0.5em;margin:0.25em 0.5em;background-color:#FFF;}
            #listCondition .current_conditions ul li {display:block;font-size:12px;line-height:1.4;margin-bottom:0.25em;}
            #listCondition .current_conditions ul li span {font-weight:bold;}
            #listCondition .sp_search_area_toggle_wrap{display:block;text-align:right;padding:0.25em 0.25em 0.5em 0.25em;}
            #listCondition .sp_search_area_toggle{font-size:12px;line-height:1;color:#FFF;background-color:#2B8DB3;text-align:center;border:none;border-radius:3px;padding:0.5em 1em;}
            #listCondition .definition_list.box_corner_ocher{display:none;}
            #listCondition h3.side_search_title img{display:none;}
            #listCondition .definition_list dt {width:100%;text-align:left;text-indent:0.25em;}
            #listCondition .definition_list dd {padding:0.5em;}
            #listCondition ul li{float:none;display:inline-block;margin:0;}
            #listCondition ul li label{position:relative;display:block;font-size:13px;font-weight:normal;line-height:1.4;padding:0.4em 0.25em;margin:2px;}
            #listCondition ul li label:has(> input[type="checkbox"]:checked){background-color:rgba(255,255,0,0.2);}
            #listCondition ul.clearfix li {width:auto;min-width:6.5em;}
            #listCondition ul li label input{position:absolute;left:-100em;}
            #listCondition ul li label::before{content:" ";display:inline-block;width:1.4em;height:1.4em;position:relative;top:5px;margin:0 .2em 0 0;text-align:center;line-height:0;background-color:#FFF;border-radius:3px;border:1px solid #01354a;display:inline-block;padding:0;}
            #listCondition ul li label:has(> input[type="checkbox"]:checked)::before{background-color:rgba(89,177,235,0.1);}
            #listCondition ul li label:has(> input[type="checkbox"]:checked)::after{position:absolute;top:8px;left:1px;content: '';width: 1.6em;height: 0.7em;border-left: 3px solid #01354a;border-bottom: 3px solid #01354a;transform: rotate(-45deg);}
            #listCondition select {font-size:14px;line-height:1em;color:#333;padding:0.5em 5px;border-radius: 8px;border:1px solid #666;background-color:#FFF;min-width:8em;margin:0.5em 0 0.5em 0;}
            #listCondition .serch_button {width:100%;text-align:center;display:none;}
            #listCondition .serch_button a {display:inline-block;margin:0.5em auto;padding:0 1em;width:auto;}
        }
        
        #leftSearch ul li {
            float: left;
            width: 49%;
            margin-bottom: 8px;
        }
        #leftSearch p {
            margin-top: 10px;
        }
        #mainRight {
            float: none;
            width: 100%;
            zoom: 1;
        }
        .box_normal_bg {
            padding: 0px;
        }
        .box_normal {
            border: 1px solid #FFFFFF;
            background-color: #EFF1F1;
        }
        .box_gray01_bg {
            background: url(/images/common/bg_box_gray01.gif);
            padding: 5px;
        }
        .box_gray01 {
            /*	border:1px solid #FFFFFF;*/
            background-color: #F7F9F9;
            padding: 13px 13px 10px;
        }
        .box_gray02_bg {
            background: url(/images/common/bg_box_gray02.gif);
            padding: 5px;
        }
        .box_gray02 {
            /*	border:1px solid #FFFFFF;*/
            background-color: #EEF0F0;
            padding: 13px 13px 10px;
        }
        .box_campaign_bg {
            background: url(/images/common/bg_box_orange.gif);
            padding: 5px;
        }
        .box_campaign {
            /*	border:1px solid #FFFFFF;*/
            background-color: #FFF9F7;
            padding: 13px 13px 10px;
        }
        .box_ocher_bg {
            background: url(/images/common/bg_box_ocher.gif);
            padding: 5px;
        }
        .box_ocher {
            /*	border:1px solid #FFFFFF;*/
            background-color: #F5F3F1;
            padding: 13px 13px 10px;
        }
        .definition_list dt,
        .definition_list th span {
            text-align: center;
            color: #FFFFFF;
            padding: 3px 5px 2px;
            display: block;
            font-weight: normal;
            /* Do rounding (native in Opera, Firefox and Safari) 
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;*/
        }
        .definition_list th {
            font-weight: normal;
            vertical-align: top;
            padding-top: 4px;
        }
        .definition_list td {
            padding: 5px 5px 2px;
        }
        .box_corner_gray02 {
            background-color: #eef1f1;
        }
        .box_corner_ocher dt,
        .box_corner_ocher th span {
            background-color: #5c6c6f;
        }
        .box_corner_gray01 dt,
        .box_corner_gray01 th span {
            background-color: #3E474A;
        }
        .box_corner_gray02 dt,
        .box_corner_gray02 th span {
            background-color: #919D9C;
        }
        .box_corner_campaign dt,
        .box_corner_campaign th span {
            background-color: #F86221;
        }
        #pankuzu {
            margin: 10px 0 0;
            padding: 0 10px;
        }
        #pankuzu li {
            float: left;
        }
        .border {
            border-top: 1px solid #A8AEAE;
            padding-top: 15px;
        }
        .no_margin {
            margin: auto 0px !important;
        }
        .relative {
            position: relative;
        }
        .center {
            text-align: center;
        }
        #history dt {
            width: 120px;
        }
        #history dd li {
            float: left;
            width: 45%;
            height: 270px;
            padding-left: 10px;
            margin-right: 10px;
            margin-bottom: 10px;
        }
        #history dd li:nth-child(2n) {
            margin-right: 0!important;
            padding-left: 0!important;
        }
        #history dd li p {
            margin-top: 3px;
        }
        #staticArea dt {
            text-align: left;
            font-weight: bold;
            font-size: 15px;
            padding-top: 6px;
            padding-bottom: 5px;
            clear: both;
        }
        #staticArea .right,
        .staticRight {
            float: right;
            margin-left: 10px;
            margin-bottom: 8px;
        }
        #staticArea .left {
            float: left;
            margin-right: 10px;
            margin-bottom: 8px;
        }
        #staticArea .under {
            color: #866F55;
            font-weight: bold;
            padding-bottom: 3px;
            border-bottom: 1px solid #A1876B;
            margin-top: 15px;
            margin-bottom: 10px;
            clear: both;
        }
        #staticArea ol {
            margin-top: 5px;
            margin-bottom: 5px;
        }
        #staticArea ol li {
            list-style-type: decimal;
            marker-offset: 5px;
            margin-left: 3em;
            margin-top: 3px;
            margin-bottom: 3px;
        }
        #staticArea ul.list {
            margin-top: 5px;
            margin-bottom: 5px;
        }
        #staticArea ul.list li {
            list-style-type: disc;
            marker-offset: 5px;
            margin-left: 2.5em;
            margin-top: 3px;
            margin-bottom: 3px;
        }
        #staticArea table.tableBasic {
            width: 100%;
        }
        #staticArea table.tableBasic th {
            width: 100px;
        }
        /* ▽ フッター
	========================================================================= */
        #footer {
            background: #01354a;
            width: 100%;
        }
        #footerArea {
            width: 100%;
            text-align: center;
            margin: 0 auto;
            padding: 10px;
        }
        #footerArea ul {
            padding-top: 5px;
            display: inline-block;
        }
        #footerArea ul li {
            padding: 5px 15px;
            float: left;
            font-weight: bold;
            font-size: 12px;
        }
        #footerArea ul li a:link,
        #footerArea ul li a:visited {
            text-decoration: none;
            color: #fff;
        }
        #footerArea ul li a:hover,
        #footerArea ul li a:active {
            text-decoration: none;
            color: #999999;
        }
        .copyright {
            background: #fff;
            font-weight: bold;
            padding-top: 5px;
            font-size: 10px;
            padding-bottom: 10px;
        }
        /* -------------------------------------------------------------------------
	▼ 各ページごとの設定
	------------------------------------------------------------------------- */
        /* ▽ トップページ
	========================================================================= */
        #topRecommend {
            padding: 30px 0;
            background-color: #e1e5e8;
            display: block;
            width: 100%;
        }
        .topRecommendWrap {
            margin: 0 auto;
            height: 290px;
        }
        .topRecommendh2 {
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            color: #01354a;
        }
        .topRecommendh2 span {
            font-size: 12px;
        }
        #topRecommend ul {
            padding: 20px;
            margin: 0 10px;
        }
        #topRecommend ul li {
            float: left;
            width: 185px;
            height: 300px;
            padding: 20px 10px;
            background: #fff;
            border-radius: 10px;
            margin-right: 10px;
            text-align: left;
        }
        * html #topRecommend ul li {
            width: 185px;
        }
        p.bukken_img {
            width: 100%;
            text-align: center;
        }
        p.bukken_img a img {
            width: 144px;
            height: 144px;
        }
        img.recommend_campaign {
            margin-top: 5px;
        }
        p.bukken_title {
            margin-top: 10px;
            text-align: left;
            font-size: 14px;
            font-weight: bold;
            color: #01354a;
            padding: 0;
         }
         p.bukken_station {
            text-align: left;
            font-size: 14px;
            color: #231815;
            padding: 10px 0;
         }
        /*top_banner*/
        .top_banner {
            margin: 40px auto;
        }
        .top_banner p {
            text-align: center;
            margin-right: 0px;
            margin-bottom: 20px;
        }
        .top_banner p a:hover {
            opacity: 0.8;
        }
        .top_banner p:last-child {
            margin-right: 0px;
        }
        /*top_contact*/
        .top_contact {
            width: 100%;
            background-image: url(../images/renual/bg_top_contact.png);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
            margin-bottom: 50px;
        }
        .top_contactWrap {
            z-index: 99999;
            margin: 0 auto;
            width: 100%;
            height: 240px;
            padding: 60px 0 0px;
        }
        .top_contact_text {
            padding: 0 20px;
        }
        .top_contact_text img {
            width: 100%;
        }
        .top_contactWrap p.top_contact_tel {
            display: block;
            margin-top: 20px;
            margin-left: 0px;
        }
        .top_contactWrap p.top_contact_tel a {
            margin-right: 0px;
        }
        .top_contactWrap p.top_contact_tel a img {
            margin-bottom: 20px;
        }
        /*top_banner2*/
        .top_banner2Area {
            width: 100%;
        }
        .top_banner2 {
            display: inline-block;
            margin: 0px auto 30px;
        }
        .top_banner2 p {
            text-align: center;
            clear: both;
            margin-right: 0px;
            margin-bottom: 20px;
        }
        .top_banner2 p a:hover {
            opacity: 0.8;
        }
        .top_banner2 p:last-child {
            margin-right: 0px;
        }
        #topNews {
            padding: 0;
            line-height: 1;
        }
        h2.topNewsH2 {
            font-size: 22px;
            font-weight: bold;
            color: #01354a;
            border-bottom: 3px solid #01354a;
            padding-bottom: 0px;
            text-align: center;
            margin-top: 30px;
        }
        h2.topNewsH2 span {
            font-size: 12px;
        }
        .news-item {
            padding: 20px;
            border-bottom: 1px #333;
        }
        #topVoice li {
            float: left;
            width: 47%;
            margin-right: 10px;
            margin-bottom: 10px;
        }
        #topVoice li:nth-child(2n) {
            margin-right: 0!important;
        }
        * html #topVoice li {
            width: 220px;
        }
        #topVoice li div {
            padding: 13px;
        }
        #topVoice li div h3 {
            font-size: 15px;
            font-weight: bold;
            background: url(/images/top_round.gif) top no-repeat;
            padding-top: 3px;
        }
        #topVoice li div h3 a {
            display: block;
            padding: 5px 6px 8px !important;
            background: url(/images/bottom_round.gif) bottom no-repeat #7B8484;
        }
        .fadeinPC {
            display: none;
        }
        .fadeinSP {
            position: relative;
            height: 120px;
            width: 100%;
        }
        .fadeinSP img {
            position: absolute;
            left: 0;
            top: 0;
        }
        /*
	 * jquery.jcarousel.jsとセットで使用
	 */
        .jcarousel-skin-tango .jcarousel-container-horizontal {
            padding: 0px 5px;
            overflow: hidden;
        }
        .jcarousel-skin-tango .jcarousel-clip-horizontal {
            width: 670px;
        }
        .jcarousel-skin-tango .jcarousel-item-horizontal {
            margin-right: 1px;
        }
        /* ▽ エリアから検索する
    ========================================================================= */
        #topSearchArea {
            width: 100%;
            margin-top: 30px;
            display: inline-block;
            background: url(../images/renual/area_serch_sp.svg) no-repeat;
            padding-bottom: 20px;
        }
        ul.areaSearch {
            display: inline-block;
            margin-top: 20px;
            padding: 30px 30px 0 30px;
        }
        ul.areaSearch li {
            float: left;
            padding-right: 15px;
            margin-bottom: 10px;
        }
        ul.areaSearch li a {
            font-size: 12px;
            color: #3e3a39;
            font-weight: bold;
            text-decoration-line: underline;
        }
        ul.areaSearch li a:hover {
            opacity: 0.8;
        }
        #topSearch {
            margin-top: 0px;
            padding: 0 20px;
            width: 100%;
        }
        #topSearch p {
            margin-bottom: 10px;
            clear: both;
        }
        #topSearch p a {
            font-size: 12px;
            color: #fff;
            font-weight: bold;
            display: block;
            text-decoration: none;
        }
        /* 基本ボタン */
        .button {
            display: block;
            width: 320px;
            height: 36px;
            text-align: center;
            text-decoration: none;
            line-height: 36px;
            outline: none;
        }
        .button::before,
        .button::after {
            position: absolute;
            z-index: -1;
            display: block;
            content: '';
        }
        .button,
        .button::before,
        .button::after {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all .3s;
            transition: all .3s;
        }
        .button {
            background-color: #12989a;
            color: #fff;
            border-radius: 5px;
        }
        .button:hover {
            background-color: #59b1eb;
            border-radius: 5px;
        }
        span.map_icon img {
            vertical-align: middle;
            width: 15px;
        }
        .button100 {
            width: 100%;
        }
        .button50 {
            margin-top: 10px;
            padding: 0 10px;
            width: 100%;
        }
        .buttonOrange {
            background-color: #f39800;
        }
        .buttonGreen {
            background-color: #65b72f;
        }
        .buttonYellow {
            background-color: #fac31a;
        }
        .buttonBlue {
            background-color: #036eb8;
        }
        .buttonPurple {
            background-color: #7d39b9;
        }
        .buttonDeepBlue {
            background-color: #004da0;
        }
        /* ▽ マップ検索
	========================================================================= */
        #mapArea {
            position: static;
            padding-left: 0px;
        }
        .mapPC {
            display: none;
            width: 100%;
        }
        .mapSP {
            display: inline-block;
            width: 100%;
        }
        #mapArea p {
            display: inline-block;
            float: left;
            width: 49%;
            margin-right: 20px;
            margin-bottom: 20px;
        }
        p.map_serch_t1 {
            font-weight: bold;
            font-size: 16px;
            color: #01354a;
            margin-bottom: 10px;
            text-align: center;
        }
        p.map_serch_t2 {
            font-size: 16px;
            text-align: center;
        }
        ul.mapBtn {
            display: inline-block;
            padding: 20px;
            padding-bottom: 40px;
            width: 100%;
        }
        ul.mapBtn li {
            float: left;
            margin-right: 10px;
            width: 48%;
        }
        ul.mapBtn li:nth-child(2n) {
            margin-right: 0px;
        }
        #low_banner {
            margin-top: 60px;
        }
        p.sp_banner {
            width: 100%;
            margin-bottom: 20px;
        }
        p.sp_banner img {}
        /*
	#mapArea p.asakusa{ top:53px; left:588px;}

	#mapArea p.okachimachi{ top:112px; left:473px;}

	#mapArea p.nakano{ top:162px; left:17px;}

	#mapArea p.shinjuku{ top:162px; left:146px;}

	#mapArea p.nishishinjuku{ top:189px; left:146px;}

	#mapArea p.suidobashi{ top:210px; left:284px;}

	#mapArea p.akihabara{ top:183px; left:438px;}

	#mapArea p.akiba{ top:210px; left:438px;}

	#mapArea p.kinshicho{ top:210px; left:588px;}

	#mapArea p.yoyogi{ top:292px; left:17px;}

	#mapArea p.shibuya{ top:354px; left:30px;}

	#mapArea p.kamata{ top:477px; left:81px;}

	#mapArea p.shinbashi{ top:442px; left:396px;}

	#mapArea p.ginza01{ top:469px; left:396px;}

	#mapArea p.ginza02{ top:496px; left:396px;}

	#mapArea p.nihonbashi{ top:386px; left:496px;}

	/*#mapArea p.tokyo{ top:440px; left:496px;}*/
        /*
	#mapArea p.toyocho{ top:421px; left:588px;}

	#mapArea p.aoyama{ top:370px; left:211px;}

	#mapArea p.kasumigaseki2{ top:326px; left:374px;}

	#mapArea p.kanda{ top:301px; left:570px;}

	#mapArea p.shinagawa{ top:442px; left:255px;}

*/
        /* ▽ 条件検索
	========================================================================= */
        #conditionArea {
            text-align: center;
            background: #ebe9e6;
            padding: 40px 0px 40px 100px;
        }
        #conditionArea dt {
            margin: 0 auto 0;
            border-left: #12989a 5px solid;
            padding-left: 10px;
            font-weight: bold;
            font-size: 15px;
        }
        #conditionArea dd {
            margin: 15px auto 0;
        }
        #conditionArea .definition_listA {
            text-align-last: left;
        }
        #conditionArea .definition_listB {
            text-align-last: left;
            margin-top: 50px;
        }
        .text-center {
            text-align: center;
        }
        #left_banner2 p.sp_banner {
            width: 100%;
            margin-bottom: 20px;
        }
        #left_banner2 p.sp_banner img {
            width: 100%;
        }
        /* ▽ 検索結果一覧
	========================================================================= */
        .recentlyh2 {
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            color: #01354a;
            margin-top: 30px;
        }
        #listCondition dl dt {
            margin-top: 10px;
            width: 100px;
        }
        #listCondition dl dd {
            margin-top: 5px;
        }
        #listCondition ul.clearfix li {
            float: left;
            width: 49%;
        }
        #listCondition input {
            margin: 3px 3px 0 0;
        }
        #listHistory li {
            border-bottom: 1px solid #A8AEAE;
            padding: 10px 0;
            height: 160px;
        }
        #listHistory li p {
            width: 70px;
            float: left;
            margin: 0 5px 5px 0;
        }
        #listHistory li dt {
            padding-left: 0;
            padding-right: 0;
            width: 84px;
            margin-left: 75px;
            margin-bottom: 4px;
        }
        #listHistory li dt.dt1 {
            width: 50px;
            margin-left: 0;
            clear: both;
            float: left;
        }
        #listHistory li dd {
            margin-bottom: 5px;
        }
        #listHistory li dd.dd1 {
            float: left;
            width: 180px;
            margin-left: 5px;
            padding-top: 2px;
        }
        #listHistory li.no_history {
            border-bottom: 1px dotted #A8AEAE;
            padding: 20px 0;
            height: auto;
            text-align: center;
        }
        .count {}
        .count .result {
            float: left;
        }
        .count .result span {
            font-weight: bold;
            font-size: 20px;
        }
        .count .page {
            float: right;
            margin-top: 7px;
        }
        #listArea li {
            margin-top: 40px;
        }
        #listArea li:first-child {
            margin-top: 5px;
        }
        #listArea .box_normal {
            padding: 0px;
        }
        #listArea .box_normal h3 a:link,
        #listArea .box_normal h3 a:visited {
            text-decoration: none;
            color: #FFF;
        }
        #listArea .box_normal h3 a:hover,
        #listArea .box_normal h3 a:active {
            text-decoration: none;
            color: #DDD;
        }
        #listArea .chumoku {
            position: absolute;
            font-weight: bold;
            top: 5px;
            right: 7px;
            color: #FFFFFF;
            font-size: 15px;
            color: #FFE844;
        }
        #listArea h3 {
            color: #FFFFFF;
            font-weight: bold;
            padding: 10px 20px 10px;
            background-color: #01354a;
            margin-bottom: 10px;
            position: relative;
            font-size: 17px;
            text-align: center;
        }
        #listArea p.img_border01 {
            width: 150px;
            margin: 0 auto;
        }
        * html #listArea p.img_border01 {
            width: 150px;
            zoom: 1;
        }
        #listArea div.clearfix div {
            width: 100%;
            float: left;
            zoom: 1;
        }
        * html #listArea div.clearfix div {
            width: 100%;
            float: left;
            zoom: 1;
        }
        #listArea dl {
            padding: 0 10px;
        }
        #listArea dt {
            width: 60px;
            background: #01354a;
            color: #FFFFFF;
            text-align: center;
            padding-top: 5px;
            padding-bottom: 5px;
            float: left;
            clear: both;
            margin-right: 10px;
            margin-bottom: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            font-weight: bold;
        }
        * html #listArea dt {
            height: 22px;
        }
        #listArea dd {
            width: 100%;
            padding-top: 3px;
            margin-bottom: 5px;
            zoom: 1;
        }
        /* 2021*/
        h4.tableTitle {
            font-weight: bold;
            font-size: 19px;
            color: #01354a;
            margin: 10px 0 0 0;
            padding: 5px 0;
            background: #ced2d2;
            text-align: center;
            border-top: #01354a 1px solid;
            border-bottom: #01354a 1px solid;
        }
        h4.tableTitle {
            font-weight: bold;
            font-size: 14px;
            color: #01354a;
        }
        #history_list {
            padding: 30px 0;
            background-color: #01354a;
            display: block;
            width: 100%;
        }
        .history_list_wrap {
            margin: 0 auto;
            width: 100%;
            /* height: 280px; */
        }
        #history_list ul {
            padding: 20px;
            margin: 0 10px;
        }
        #history_list ul li {
            float: left;
            width: 160px;
            height: 300px;
            padding: 10px;
            background: #fff;
            border-radius: 10px;
            margin-right: 10px;
            text-align: left;
        }
        * html #history_list ul li {
            width: 185px;
        }
        /* ▽ 物件詳細
	========================================================================= */
        .detail_one_colum {
            width: 100%;
            text-align: left;
        }
        #detailArea {
            padding: 0 10px;
        }
        #detailArea h2 {
            /*		position:relative;*/
        }
        #detailArea h2 a {
            /*		position:absolute;
		right:0px;
		top:3px;*/
        }
        * html #detailArea h2 a {
            right: 15px;
            top: 1px;
        }
        .detail_title_area {}
        .detail_title {
            border-bottom: #01354a 3px solid;
            margin-bottom: 15px;
        }
        .detail_catch {
            font-size: 13px;
            font-weight: bold;
            color: #01354A;
            margin-bottom: 10px;
            text-align: center;
        }
        #detailImg {
            width: 100%;
            margin-right: 0px;
            clear: both;
        }
        #detailImg .box_normal {
            padding: 13px;
        }
        .box_detail {
            padding: 20px;
            background-color: #ebe9e6;
        }
        #galleryTxt {
            margin-top: 5px;
            text-align: left;
        }
        * html #galleryTxt {
            margin-top: 0px;
            height: 50px;
            background: #FFFFFF;
            padding: 5px 10px 0;
            overflow: hidden;
            line-height: 1.2;
        }
        #detailImg .definition_list {
            clear: left;
        }
        #detailImg .definition_list dt {
            width: 60px;
            line-height: 60px;
            padding: 0 !important;
            vertical-align: middle;
            clear: both;
            float: left;
            margin: 8px 0 0 0;
        }
        #detailImg .definition_list dt.dt1 {
            line-height: 1.2;
            padding: 14px 0 !important;
        }
        #detailImg .definition_list dd {
            width: 60px;
            line-height: 60px;
            float: left;
            margin: 8px 0 0 8px;
        }
        #detailRight {
            width: 100%;
            float: left;
        }
        * html #detailRight {
            width: 505px;
        }
        .detail_list {
            display: inline-block;
        }
        .detail_list dt {
            width: 18%;
            background: #7a6a56;
            border-radius: 5px;
            color: #FFFFFF;
            text-align: center;
            padding: 5px;
            float: left;
            clear: both;
            margin-right: 15px;
            margin-bottom: 15px;
            font-weight: bold;
            font-size: 11px;
        }
        .detail_list dt.dt_campaign {
            width: 18%;
            background: #ea5514;
            border-radius: 5px;
            color: #FFFFFF;
            text-align: center;
            padding: 5px;
            float: left;
            clear: both;
            margin-right: 15px;
            margin-bottom: 15px;
            font-weight: bold;
            font-size: 13px;
        }
        .detail_list dd {
            padding: 5px;
            margin-bottom: 15px;
            margin-left: 80px;
            font-size: 13px;
        }
        .detail_list dd.dd_campaign {
            color: #ea5514;
            font-weight: bold;
            font-size: 15px;
        }
        a.a_map {
            font-size: 11px;
            font-weight: normal;
            margin-left: 10px;
        }
        .setsubi ul {}
        .setsubi ul li {
            float: left;
            margin-right: 5px;
            margin-bottom: 5px;
        }
        .setsubi ul li.setsubi_link {
            float: left;
            margin-right: 0px;
            margin-top: 30px;
        }
        p.detail_contact_tel {
            margin-top: 15px;
            text-align: center;
            width: 100%;
        }
        p.detail_contact_tel span {
            font-size: 15px;
            color: #01354a;
            margin-right: 10px;
            font-weight: bold;
        }
        p.detail_contact_tel a {}
        p.detail_contact_tel a img {
            margin-top: 10px;
            width: 48%;
        }
        .detailRoom,
        .detailMap {
            margin-top: 60px;
        }
        .detailRoomPC {
            display: none!important;
        }
        tr.detailRoomSP {
            border: none;
            width: 100%;
        }
        h4.madoriH4Title {
            font-weight: bold;
            font-size: 19px;
            color: #01354a;
            margin: 20px 0;
            padding: 5px 0;
            text-align: center;

        }
        h4.detailH4Title {
            font-weight: bold;
            font-size: 19px;
            color: #01354a;
            margin: 0 0 20px 0;
            padding: 5px 0;
            background: #ced2d2;
            text-align: center;
            border-top: #01354a 1px solid;
            border-bottom: #01354a 1px solid;
        }
        .detailRoomText {
            padding: 0 0 0 20px;
        }
        .detailRoomTable {
            font-size: 13px;
            width: 100%;
            zoom: 1;
            background: #fff;
        }
        .detailRoomTable th {
            background-color: #ced2d2;
            padding: 7px 5px 5px 5px;
            border-top: #01354a 1px solid;
            border-bottom: #01354a 1px solid;
            color: #01354a;
            width: 100%;
        }
        .detailRoomTable tr.tr1 td {
            text-align: left;
        }
        .detailRoomTable td {
            background-color: #FFFFFF;
            padding: 10px 2px;
            text-align: left;
            display: inline-block;
        }
        .detailRoomTable tr {
            border-bottom: #01354a 1px dotted;
            width: 100%;
            padding: 20px 0 20px 0;
            display: inline-block;
        }
        #detailArea .detailRoomTable tr {
            padding-top: 0;
        }
        .detailRoomTable tr:last-child {
            border-bottom: none;
        }
        .detailRoomTable tr td {
            width: 100%;
        }
        .detailRoomTable tr.campaign td {
            background-color: #fff;
            width: 100%;
        }
        .detailRoomTable tr.campaign td p {
            margin-bottom: 3px;
        }
        .detailRoomTable tr.campaign br {
            display: none;
        }
        .detailRoomTable tr.campaign td p.bold {
            text-align: center;
            display: inline;
            color: #ea5514;
        }
        .detailRoomTable tr.campaign td p.normal_bold {
            text-align: center;
            display: inline;
            color: #0c0c0c;
            font-weight: bold;
        }
        .detailRoomTable tr.campaign td p {
            padding-left: 0px!important;
        }
        #listArea h4.tableTitle {
            margin: 40px 10px 0!important;
        }
        #listArea .detailRoomTable {
            margin: 0px 10px!important;
            padding: 10px 10px 0!important;
            width: 95%;
        }
        tr.normal td p {
            padding-left: 0px!important;
        }
        p.campaignOrange {
            background: #ea5514;
            border-radius: 5px;
            color: #FFFFFF;
            text-align: center;
            padding: 5px;
            clear: both;
            margin-right: 15px;
            margin-bottom: 15px!important;
            font-weight: bold;
        }
        span.detailRoomTableSpan {
            background: #ced2d2;
            border-radius: 5px;
            color: #01354a;
            text-align: center;
            padding: 5px;
            float: left;
            clear: both;
            margin-right: 15px;
            margin-bottom: 0px;
            font-weight: bold;
            width: 80px;
            margin-top: -5px;
        }
        span.listRoomTableSpan {
            background: #ced2d2;
            border-radius: 5px;
            color: #01354a;
            text-align: center;
            padding: 5px;
            float: left;
            clear: both;
            margin-right: 15px;
            margin-bottom: 0px;
            font-weight: bold;
            width: 80px;
            margin-top: -5px;
        }
        h4.mapH4Title {
            font-weight: bold;
            font-size: 19px;
            color: #01354a;
            margin: 20px 0;
            padding: 5px 0;
            text-align: center;
        }
        /* Map下*/
        .detail_list tr {}
        .detail_list th {
            width: 80px;
            background: #7a6a56;
            border-radius: 5px;
            color: #FFFFFF;
            text-align: center;
            padding: 5px;
            float: left;
            clear: both;
            margin-right: 15px;
            font-weight: bold;
            margin-top: 10px;
        }
        .detail_list td {
            padding: 0 5px;
            padding-top: 10px;
            margin-left: 110px;
            font-size: 13px;
        }
        .detail_list td span.kinrin_text {
            padding-left: 10px;
        }
        .low_contact {
            margin: 60px 0;
            width: 100%;
        }
        .low_contact_wrap {
            margin: 0 auto;
            padding: 0;
        }
        p.low_contact_tel {
            margin-top: 15px;
            text-align: center;
            width: 100%;
        }
        p.low_contact_tel span {
            font-size: 15px;
            color: #01354a;
            margin-right: 10px;
            font-weight: bold;
        }
        p.low_contact_tel a {}
        p.low_contact_tel a img {
            margin-top: 10px;
            width: 48%;
        }
        /* 20181205 */
        #detailImg2018 {
            width: 405px;
            margin-right: 15px;
            padding-left: 15px;
            padding-bottom: 15px;
            background: #FFFFFF;
            float: left;
        }
        #detailImg2018 .box_normal {
            padding: 8px;
        }
        #detailRight2018 {
            width: 425px;
            margin-right: 15px;
            float: right;
        }
        #detailRight2018 dt {
            width: 90px;
        }
        #detailRight2018 .tableBasic td.campaign {
            background: url(/images/list/icon_campaign.gif) 4px 6px no-repeat #FFF3EE;
            padding-left: 24px !important;
        }
        #detailLeft .tableBasic a {
            white-space: nowrap;
        }
        #detailLeft dt a {
            position: absolute;
            top: 7px;
            left: 110px;
            display: block;
            width: 60px;
            text-align: left;
        }
        * html #detailLeft dt a {
            left: 100px;
        }
        #detailLeft ul.clearfix {
            width: 100%;
        }
        #detailLeft ul.clearfix li {
            float: left;
            margin-right: 5px;
        }
        #detailMap {
            width: 100%;
            float: left;
        }
        * html #detailMap {
            width: 100%;
        }
        #detailMap .box_normal {
            padding: 8px;
        }
        #detailMap div#map {
            width: 100%;
            height: 400px;
            background-color: #FFFFFF;
        }
        #detailMap table th span {
            width: 90px;
        }
        #detailMap table ul li p.arrow {
            margin-bottom: 3px;
        }
        #detailInquiryBtn {
            float: left;
            width: 100%;
            border-right: none;
        }
        #detailInquiryTel {
            margin-top: 15px;
            float: left;
            width: 100%;
        }
        #detailInquiryBtn dt,
        #detailInquiryTel dt {
            width: 180px;
        }
        .noVacancy td{
            border-bottom: #01354a 1px dotted;
            text-align:center;
            padding-bottom: 30px;
        }

        
        /* ▽ 活用事例
	========================================================================= */
        #voiceList {
            margin-left: 20px;
        }
        #voiceList li {
            float: left;
            width: 338px;
            margin-right: 10px;
            margin-bottom: 10px;
        }
        #voiceList li.no_margin {
            margin-right: 10px!important;
            margin-bottom: 10px!important;
        }
        * html #voiceList li {
            width: 340px;
        }
        #voiceList li div {
            padding: 13px;
            height: 215px;
        }
        *html #voiceList li div {
            height: 241px;
        }
        #voiceList li div h3 {
            font-size: 15px;
            font-weight: bold;
            background: url(/images/voice/top_round.gif) top no-repeat;
            padding-top: 3px;
        }
        #voiceList li div h3 a {
            display: block;
            padding: 2px 5px 4px 5px;
            background: url(/images/voice/bottom_round.gif) bottom no-repeat #A1876B;
        }
        * html #voiceList li div h3 a {
            padding: 3px 5px 5px 5px;
        }
        #voiceList .img_border {
            width: 120px;
            float: left;
            margin-right: 10px;
            margin-bottom: 8px;
        }
        #voiceList .txt {
            line-height: 1.8;
        }
        #voiceArea li {
            margin-bottom: 15px;
        }
        #voiceArea li div.box_normal {
            padding: 13px;
        }
        #voiceArea li div h3 {
            font-size: 15px;
            font-weight: bold;
            background: url(/images/voice/top_round2.gif) top no-repeat;
            padding-top: 3px;
        }
        #voiceArea li div h3 a,
        #voiceArea li div h3 span {
            display: block;
            color: #FFFFFF;
            padding: 2px 5px 4px 5px;
            background: url(/images/voice/bottom_round2.gif) bottom no-repeat #A1876B;
        }
        * html #voiceArea li div h3 a {
            padding: 3px 5px 5px 5px;
        }
        #voiceArea .txt {
            line-height: 1.8;
        }
        #voiceArea .img_border01 {
            width: 178px;
            float: right;
            margin-left: 10px;
        }
        * html #voiceArea .img_border01 {
            width: 180px;
        }
        #voiceDetail {
            background-color: #D2D7D7;
            padding: 10px;
            margin-top: 10px;
        }
        #voiceDetail p.img_border {
            width: 100px;
            margin-right: 10px;
            float: left;
        }
        #voiceDetail table {
            width: 100%;
            float: left;
        }
        #voiceDetail table th {
            width: 120px;
        }
        /* ▽ スタッフ紹介
	========================================================================= */
        #staffList {
            margin: 0 0 20px;
        }
        #staffList li {
            width: 90px;
            margin-right: 10px;
            margin-bottom: 10px;
            float: left;
        }
        #staffArea li {
            margin-bottom: 15px;
        }
        #staffArea li div.box_normal {
            padding: 13px;
        }
        #staffArea li div h3 {
            font-size: 15px;
            font-weight: bold;
            background: url(/images/voice/left_round.gif) left no-repeat;
            padding-left: 3px;
        }
        #staffArea li div h3 span {
            display: block;
            color: #FFFFFF;
            padding: 5px 6px 4px 3px;
            background: url(/images/voice/right_round.gif) right no-repeat #A1876B;
        }
        * html #staffArea li div h3 span {
            padding: 6px 6px 5px 3px;
        }
        #staffArea .txt {
            line-height: 1.6;
            width: 100%;
            /*		float:left;*/
        }
        #staffArea p.img {
            width: 160px;
            margin-left: 100px;
            /*		float:right;*/
        }
        #staffArea li dl {
            width: 100%;
            float: left;
        }
        /* ▽ ハローオフィスの特徴
	========================================================================= */
        #aboutArea {
            margin: 20px 10px 0;
        }
        #aboutArea li {
            width: 210px;
            clear: left;
            padding-top: 20px;
            text-align: center;
            margin: 0 auto;
            margin-bottom: 0px;
        }
        * html #aboutArea li {
            height: 200px;
        }
        #aboutArea li.li1 {}
        #aboutArea li.li2 {}
        #aboutArea li.li3 {}
        .definition_list dt.about_title_text {
            text-align: center!important;
            color: #fff!important;
            margin-top: 20px;
            font-style: 10px!important;
            background-color: #5c6c6f;
        }
        .definition_list p.about_catch {
            text-align: center!important;
            font-weight: bold;
            color: #01354a;
            font-size: 16px;
            margin-bottom: 15px;
        }
        span.about_catch_img {
            margin-right: 10px;
        }
        span.about_catch_img img {
            width: 30px;
            vertical-align: middle;
        }
        .definition_list p.about_catch2 {
            text-align: left!important;
            font-weight: bold;
            color: #01354a;
            font-size: 13px;
            margin-top: 40px;
            margin-bottom: 10px;
        }
        .about_message {
            margin-top: 40px;
            padding: 15px;
        }
        .about_message p.about_catch {
            text-align: center!important;
            font-weight: bold;
            color: #01354a;
            font-size: 16px;
            margin-bottom: 15px;
        }
        .about_message p.about_message_text {
            background: #5c6c6f;
            border-radius: 10px;
            color: #fff;
            padding: 20px!important;
            letter-spacing: 2px;
            line-height: 20px;
        }
        .about_message_sign {
            text-align: right;
            margin-top: 10px;
        }
        .pc_img {
            display: none;
        }
        .sp_img {}
        p.low_fv_img img {
            width: 100%;
        }
        p.low_catch {
            font-weight: bold;
            color: #01354a;
            font-size: 15px;
            text-align: center;
        }
        p.low_text {
            font-weight: bold;
            color: #01354a;
            font-size: 15px;
        }
        /* ▽ ご契約の流れ
	========================================================================= */
        #flowList {
            /*    background-color: #E9ECED;*/
            padding: 0px 15px 0px 30px;
            margin: 15px auto 0;
            width: 100%;
            zoom: 1;
        }
        * html #flowList {
            width: 500px;
            padding: 15px;
        }
        #flowList li {
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
        }
        #flowList li a {
            font-size: 14px;
            color: #3e3a39;
            text-decoration-line: underline;
            font-weight: bold;
        }
        span.red {
            color: #ff0000;
        }
        span.green {
            color: #12989a;
            margin-right: 5px;
        }
        #stepArea li {
            float: left;
        }
        #flowArea li {
            margin-bottom: 20px;
            text-align: center;
        }
        #flowArea li.last {
            padding-bottom: 20px;
            margin-bottom: 60px;
            background: none;
        }
        #flowArea li .box_normal {
            padding: 10px;
        }
        #flowArea h3 {
            margin-bottom: 10px;
        }
        #flowArea .left {
            margin-bottom: 0;
        }
        #flowArea .left img {
            border: 1px solid #FFFFFF;
        }
        #flowArea table {
            width: 100%;
            line-height: 1.4;
        }
        .account {
            background: #b3c5d1;
            padding: 5px 15px 4px;
            font-weight: bold;
            margin: 5px 0;
            color: #01354a;
            display: inline-block;
        }
        p.tegaru {
            font-weight: bold;
            margin: 5px 0;
            color: #01354a;
            padding-left: 1em;
            text-indent: -1em;
        }
        p.tegaru br {
            display: none;
        }
        span.tegaruSpan {
            font-size: 11px;
        }
        #staticArea dd {
            padding: 0 10px;
        }
        #downloadList {
            padding: 0px 15px 0px 0px;
            margin: 15px auto 0;
            width: 100%;
            zoom: 1;
        }
        * html #downloadList {
            width: 500px;
            padding: 15px;
        }
        #downloadList li {
            float: left;
            margin-right: 20px;
            margin-bottom: 20px;
        }
        #downloadList li a {
            font-size: 14px;
            color: #01354a;
            font-weight: bold;
            float: left;
        }
        #downloadList li a:hover {
            opacity: 0.7;
        }
        #downloadList li a span {
            vertical-align: middle;
            margin-left: 10px;
        }
        #downloadList li a span img {
            width: 80px;
        }
        /* ▽ 家賃・使用料の相場
	========================================================================= */
        #serviceTable01,
        #serviceTable02 {
            width: 335px !important;
            float: left;
            font-size: 11px;
        }
        #serviceTable01 {
            margin-right: 10px;
        }
        #serviceTable01 th,
        #serviceTable02 th {
            padding: 4px 5px 1px !important;
            text-align: center;
        }
        #serviceTable01 th.th1,
        #serviceTable02 th.th1 {
            width: 25% !important;
        }
        #serviceTable01 th.th2,
        #serviceTable02 th.th2 {
            width: 50% !important;
        }
        #serviceTable01 td,
        #serviceTable02 td {
            padding: 4px 5px 1px !important;
        }
        #serviceTable01 td.row,
        #serviceTable02 td.row {
            text-align: center;
            color: #003300;
            background-color: #DFFFDF;
        }
        #serviceTable01 td.mid,
        #serviceTable02 td.mid {
            text-align: center;
            color: #336699;
            background-color: #E2ECF5;
        }
        #serviceTable01 td.hi,
        #serviceTable02 td.hi {
            text-align: center;
            color: #CC3300;
            background-color: #FFE8DF;
        }
        /* ▽ よくある質問
	========================================================================= */
        #question {
            padding: 5px 10px 10px;
        }
        #question dt {
            width: 8%;
            float: left;
            clear: both;
            margin-right: 10px;
            margin-top: 5px;
            font-weight: bold;
        }
        #question dd {
            width: 70%;
            float: left;
            padding: 3px 0px 2px;
            margin-top: 5px;
        }
        .faq_list {
            border-top: 1px solid #A8AEAE;
            padding-top: 15px;
            margin: -1px 15px 15px;
        }
        .faq_list dt {
            float: left;
            width: 50px;
            clear: both;
            margin-right: 10px;
            margin-top: 5px;
            padding-left: 0px;
            padding-right: 0px;
            font-weight: bold;
        }
        .faq_list dt.question {
            background-color: #A1876B;
        }
        .faq_list dt.answer {
            background-color: #3E474A;
        }
        .faq_list dd {
            width: 100%;
            float: left;
            padding: 3px 0px 2px;
            margin-top: 5px;
        }
        .faq_list dd ol li {
            list-style-type: decimal;
            marker-offset: 0px;
            margin-left: 1.8em;
            margin-bottom: 5px;
        }
        @media screen and (max-width: 768px) {
            #accordion {
                margin-top: 20px;
            }
            .accordion-container .accordion-title {
                position: relative;
                margin: 0;
                padding: 0.625em 3em 0.625em 0.625em;
                background-color: #e1e5e8;
                font-size: 1.25em;
                font-weight: normal;
                color: #3e3a39;
                cursor: pointer;
                margin-bottom: 10px;
                border-top: #3e3a39 1px solid;
                border-bottom: #3e3a39 1px solid;
            }
            .accordion-container .accordion-title:hover,
            .accordion-container .accordion-title:active,
            .accordion-title.open {}
            .accordion-container .accordion-title::before {
                content: "";
                position: absolute;
                top: 50%;
                right: 25px;
                width: 15px;
                height: 2px;
                /*縦線に*/
                transform: rotate(90deg);
                background: #3e3a39;
                transition: all .3s ease-in-out;
                color: #3e3a39;
            }
            .accordion-container .accordion-title::after {
                content: "";
                position: absolute;
                top: 50%;
                right: 25px;
                /*横線*/
                width: 15px;
                height: 2px;
                background: #3e3a39;
                transition: all .2s ease-in-out;
            }
            .accordion-container .accordion-title.open::before {
                transform: rotate(180deg);
            }
            .accordion-container .accordion-title.open::after {
                opacity: 0;
            }
            .accordion-content {
                display: none;
                padding: 0 0.625em 0.625em 0;
            }
            /* CSS for CodePen */
            .accordion-container {
                width: 100%;
                margin: 0 auto;
            }
            .faq_t_q {
                font-size: 30px;
                font-weight: bold;
                vertical-align: middle;
                margin-right: 6px;
                color: #01354a;
            }
            .open .faq_t_q {
                color: #01354a;
            }
            .faq_t_q2 {
                font-size: 13px;
                line-height: 1.7em;
                vertical-align: middle;
            }
            .faq_t_a {
                font-size: 30px;
                font-weight: bold;
                vertical-align: middle;
                margin-right: 6px;
                color: #c30d23;
                display: block;
                margin-bottom: 6px;
            }
            .faq_a_r {
                font-size: 13px;
                line-height: 1.2em;
                width: 100%;
                box-sizing: border-box;
                padding: 20px;
                font-size: 14px;
                line-height: 1.7em;
            }
            .faq_a_r a {
                padding-left: 20px;
                color: #e6be44;
                font-weight: bold;
            }
            a.downloadLink {
                margin-top: 20px;
                font-size: 16px;
                color: #01354a;
                font-weight: bold;
                display: inline-block;
            }
            a.downloadLink:hover {
                opacity: 0.7;
            }
            a.downloadLink span {
                vertical-align: middle;
                margin-left: 10px;
            }
            a.downloadLink span img {
                width: 80px;
            }
            /* ▽ 会社概要
	========================================================================= */
            #companyOfficer dt {
                clear: both;
                float: left;
                width: 25%;
                margin-bottom: 5px;
            }
            #companyOfficer dd {
                float: left;
                width: 75%;
                margin-bottom: 5px;
            }
            /* ▽ プライバシー
	========================================================================= */
            .privacyList li {
                list-style-type: decimal;
                marker-offset: 5px;
                margin-left: 2.5em;
            }
            /* 20180904  PC ポリシー画像 */
            img.pcShowPolicy {
                display: none;
            }
            img.spShowPolicy {
                display: block;
            }
            #policyArea dt {
                background-color: #5c6c6f;
                color: #fff;
                padding-left: 15px;
                text-align: center;
                padding: 5px 10px;
                font-weight: bold;
            }
            #policyArea dd {
                line-height: 2em;
                font-weight: bold;
                color: #01354a;
                padding: 15px 0 15px 10px;
            }
            #policyArea dd span {
                line-height: 2em;
                font-weight: normal;
                color: #000;
            }
            /* ▽ サイトマップ
	========================================================================= */
            #sitemapArea {
                margin: 0 15px;
            }
            #sitemapArea li {
                margin-bottom: 7px;
            }
            #sitemapArea ul.list1 li,
            #sitemapArea ul.list2 li {
                margin-bottom: 20px;
            }
            #sitemapArea ul.list1 li a,
            #sitemapArea ul.list2 li a {
                color: #3e3a39;
                font-weight: bold;
                text-decoration: none;
            }
            #sitemapArea h3 {
                font-size: 15px;
                font-weight: bold;
                padding-bottom: 15px;
                color: #01354a;
                margin-top: 40px;
            }
            /* 20180518 SEO H2タイトル変更 */
            h2.searchH2 {
                font-weight: bold;
                font-size: 16px;
                border-bottom: 3px solid #01354a;
                color: #01354a;
                margin-bottom: 20px;
                text-align: center;
            }
            /* 20180529 h2 PC　スマホ */
            h2.pcShowh2 {
                display: none;
            }
            h2.spShowh2 {
                display: block;
                padding: 5px 10px;
                background: #a1876b;
                color: #FFF;
                font-weight: bold;
                font-size: 1em;
            }
            .showLefter {
                display: block;
            }
            table.w400 {
                width: 100%;
            }
            li.pcShow {
                display: none;
            }
            li.spShow {
                display: block;
            }
            p.pcShow {
                display: none!important;
            }
            p.spShow {
                display: block!important;
            }
            img.pcShow {
                display: none;
            }
            /* 20181205 レイアウト変更 */
            #detailMap2018 {
                width: 498px;
                float: left;
                padding-top: 20px;
                background-color: #FFFFFF;
            }
            * html #detailMap2018 {
                width: 500px;
            }
            #detailMap2018 .box_normal {
                padding: 8px;
            }
            #detailMap2018 div#map {
                width: 480px;
                height: 400px;
                background-color: #FFFFFF;
            }
            #detailMap2018 table th span {
                width: 90px;
            }
            #detailMap2018 table ul li p.arrow {
                margin-bottom: 3px;
            }
            .ikebukuro-banner {
                padding-left: 5px;
                margin-top: 8px;
                max-width: 365px;
                height: 70.74px;
                margin-bottom: 16.26px;
            }
            .ikebukuro-banner-image {
                background-position: center;
                background-size: cover;
                background-image: url('/images/banner/hello_office_ikebukuro-banner-sp.png');
            }
            /* 2021 リニューアル */
            .headerNaviArea {
                display: none;
            }
            /* メインビジュアル left */
            .slide_left_pc {
                display: none;
            }
            .slide_left_sp {
                display: block;
            }
            .slide_left_sp img {
                width: 100%;
            }
            /* 下層ページ */
            .mt10 {
                margin-top: 10px;
            }
            .mt20 {
                margin-top: 20px;
            }
            .mt30 {
                margin-top: 30px;
            }
            .mt40 {
                margin-top: 40px;
            }
            .mtpc40 {
                margin-top: 20px;
            }
            ul.kodawariUl li {
                font-weight: bold;
                margin-bottom: 10px;
            }
            /* 速いボタン */
            p.serch_button a {
                -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                display: block;
                margin-top: 20px;
                max-width: 100%;
                text-decoration: none;
                border-radius: 4px;
            }
            p.detail_button a {
                -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                display: block;
                width: 100%;
                text-decoration: none;
                border-radius: 4px;
            }
            p.detail_area_button a {
                -webkit-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                -moz-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                -ms-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                -o-transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                transition: all 200ms cubic-bezier(0.390, 0.500, 0.150, 1.360);
                display: block;
                margin-top: 30px;
                width: 100%;
                text-decoration: none;
                border-radius: 4px;
            }
            a.button {
                color: #fff;
                font-weight: bold;
                font-size: 16px;
                text-decoration: none;
            }
            a.button:hover {
                color: rgba(255, 255, 255, 0.85);
            }
            .near_area {
                padding: 20px 0 0 0;
            }
            #listArea .near_area dl dt {
                background: #7a6a56!important;
                float: inherit;
            }
            /* レンタルオフィスのお役立ち情報 */
            p.low_text {
                margin-top: 20px;
                margin-left: 0px;
                text-align: center;
            }
            #serviceList {
                background-color: #E9ECED;
                border-radius: 10px;
                border: 1px solid #3e3a39;
                padding: 20px 30px 5px;
                margin: 10px 30px 50px;
                zoom: 1;
            }
            #serviceList li {
                float: left;
                margin-right: 30px;
                margin-bottom: 15px;
            }
            #serviceList li a {
                font-size: 12px;
                color: #3e3a39;
                text-decoration-line: underline;
                font-weight: bold;
            }
            dl.service_dl {
                margin-top: 10px;
            }
            dl.service_dl dt {
                line-height: 20px;
                background: none;
                text-align: center!important;
                margin-bottom: 15px;
            }
            dl.service_dl dt img.img100 {
                width: 100%;
            }
            dl.service_dl dt img {
                width: 150px;
            }
            dl.service_dl dd {
                letter-spacing: 1px;
                line-height: 20px;
            }
            dt.service_dl_title {
                text-align: center!important;
                border-bottom: 1px #000 solid;
                color: #5c6c6f;
                background: none;
                margin-top: 50px;
                font-size: 16px;
            }
            p.service_paging {
                padding-top: 100px;
                text-align: center;
            }
            .browser {
                background: #b3c5d1;
                padding: 5px 15px 4px;
                font-weight: bold;
                margin: 5px 0;
                color: #01354a;
                display: inline-block;
                width: 100%;
            }
            /* コラムページ */
            #columnLeft {
                float: none;
                width: 100%;
                zoom: 1;
                display: block;
            }
            #columnRight {
                display: inline-block;
                width: 100%;
                padding: 0 20px;
            }
            div.columnArea {
                padding: 20px;
                display: block;
            }
            article.columnList {
                border: 1px #999999 solid;
                width: 100%;
                height: 420px;
                margin-right: 0px!important;
                margin-bottom: 30px;
                box-shadow: 2px 4px 0px 2px rgba(0, 0, 0, 0.3);
            }
            article.columnList:nth-child(2n) {
                margin-right: 0px!important;
            }
            article.columnList ul.tagsItemLink {
                padding: 10px 10px 20px;
                margin-bottom: 20px;
            }
            article.columnList ul.tagsItemLink li {
                border: 1px #5c6c6f solid;
                float: left;
                margin-right: 10px!important;
                padding: 5px 10px!important;
                border-radius: 3px;
            }
            article.columnList ul.tagsItemLink li a {
                font-size: 9px!important;
                color: #5c6c6f!important;
                display: block;
                text-decoration: none;
            }
            article.columnList ul.tagsItemLink li.mainTag {
                border: none;
                background: #5c6c6f!important;
            }
            article.columnList ul.tagsItemLink li.mainTag a {
                display: block;
                color: #fff!important;
            }
            article.columnList p.columnSubTitle {
                padding: 10px;
            }
            article.columnList p.columnSubTitle a {
                font-size: 14px!important;
                color: #01354a!important;
                font-weight: bold;
                text-decoration: none;
            }
            img.colmn_list_img {
                width: 100%;
                display: inline-block;
            }
            article.columnList p.columnListText {
                font-size: 11px!important;
                padding: 10px;
            }
            article.columnList p.text-right {
                padding: 10px;
                font-size: 10px;
            }
            #rightPickUp {
                background-color: #efefef;
                padding: 20px 13px 20px;
                border-radius: 7px;
                border: 1px #5c6c6f solid;
                margin-top: 30px;
            }
            article.columnPickUp {}
            article.columnPickUp ul.tagsItemLink {
                margin-top: 10px!important;
                margin-bottom: 20px!important;
            }
            article.columnPickUp ul.tagsItemLink li {
                border: 1px #5c6c6f solid;
                float: left;
                margin-right: 10px!important;
                padding: 5px 10px!important;
                border-radius: 3px;
            }
            article.columnPickUp ul.tagsItemLink li a {
                font-size: 9px!important;
                color: #5c6c6f!important;
                display: block;
            }
            article.columnPickUp ul.tagsItemLink li.mainTag {
                border: none;
                background: #5c6c6f!important;
                margin-left: 10px;
            }
            article.columnPickUp ul.tagsItemLink li.mainTag a {
                display: block;
                color: #fff!important;
                text-decoration: none;
            }
            article.columnPickUp p.columnSubTitle {
                margin-top: 15px;
                margin-left: 0px;
            }
            article.columnPickUp p.columnSubTitle a {
                font-size: 12px!important;
                color: #01354a!important;
                font-weight: bold;
                text-decoration: none;
            }
            article.columnPickUp img.colmn_list_img {
                width: 100%;
                display: inline-block;
                margin-top: 10px;
            }
            article.columnPickUp p.columnListText {
                margin-top: 10px;
                font-size: 11px!important;
            }
            article.columnPickUp p.text-right {
                padding: 10px;
            }
            article.columnPickUp p.text-right a {
                text-decoration: none;
            }
            #left_banner {
                display: none;
            }
            #left_banner p.office_award {
                text-align: center;
            }
            p.office_award img {
                width: 50%!important;
                margin-bottom: 20px;
            }
            p.columnPickUpTitle {
                text-align: center;
                font-size: 14px!important;
                color: #01354a!important;
                font-weight: bold;
                border-bottom: 2px solid #01354a;
            }
            p.columnPickUpTitle span {
                margin-right: 10px;
            }
            p.columnPickUpTitle span img {
                width: 15px;
                vertical-align: middle;
            }
            .text-right {
                text-align: right;
            }
            article.columnList p.text-right {
                padding: 10px;
                font-size: 10px;
            }
            article.columnList p.text-right a {
                text-decoration: none;
            }
            .columnDate {
                text-align: right;
                padding: 0 0 5px 0;
                margin-right: 0px;
                font-size: 9px;
            }
            /* コラム記事ページ */
            .columnMain {
                margin-top: 5px!important;
                margin-bottom: 20px!important;
                padding: 0 20px;
                width: 100%;
            }
            .columnMain ul.tagsItemLink {
                padding: 10px 10px 20px;
                margin-bottom: 20px;
                border-bottom: #231815 2px solid;
            }
            .columnMain ul.tagsItemLink li {
                border: 1px #5c6c6f solid;
                float: left;
                margin-right: 10px!important;
                padding: 5px 10px!important;
                border-radius: 3px;
            }
            .columnMain ul.tagsItemLink li a {
                font-size: 9px!important;
                color: #5c6c6f!important;
                display: block;
                text-decoration: none;
            }
            .columnMain ul.tagsItemLink li.mainTag {
                border: none;
                background: #5c6c6f!important;
            }
            .columnMain ul.tagsItemLink li.mainTag a {
                display: block;
                color: #fff!important;
                text-decoration: none;
            }
            .columnMain p.columnSubTitle {
                padding: 20px 0;
                font-size: 17px!important;
                color: #01354a!important;
                font-weight: bold;
            }
            img.colmn_list_img {
                width: 100%;
                display: inline-block;
            }
            .columnMain p.columnListText {
                font-size: 11px!important;
                padding: 10px;
            }
            .columnMain p.columnMainTextTitle {
                font-weight: bold;
                font-size: 16px!important;
                padding: 0;
                color: #01354a;
                margin-top: 10px;
                text-align: center;
            }
            .columnMain p.columnMainText {
                font-size: 13px!important;
                padding: 10px 0!important;
                line-height: 1.6em;
                margin-top: 10px;
            }
            .columnMain p.columnMainTextSubTitle {
                font-weight: bold;
                font-size: 16px!important;
                padding: 10px 5px 5px 5px;
                margin-bottom: 10px;
                border-bottom: 1px solid #01354a;
                margin-top: 40px;
                color: #01354a;
                text-align: center;
            }
            .kanrenArea {
                margin-top: 40px;
            }
            .kanrenList {
                width: 100%;
                clear: both;
                margin-bottom: 60px;
            }
            .kanrenList:last-child {
                margin-bottom: 0px;
            }
            h2.kanrenH2 {
                text-align: center!important;
                color: #fff!important;
                margin-top: 20px;
                margin-bottom: 20px;
                background: #5c6c6f;
                padding: 5px;
            }
            .kanrenList p.kanrenImg {
                width: 150px;
                margin: 0 0 0 10px;
                float: left;
                zoom: 1;
                padding-bottom: 30px;
            }
            .kanrenList p.kanrenImg img {
                width: 140px;
            }
            .kanrenList p.kanrenTitle {
                font-weight: bold;
                font-size: 14px!important;
                margin-bottom: 10px;
                color: #01354a;
            }
            .kanrenList p.kanrenTag span {
                margin-top: 10px;
                margin-left: 0px;
            }
            /* 20210715 wordpressに合わせる */
            .columnMain h3.columnTitleH3 {
                font-weight: bold!important;
                font-size: 16px!important;
                padding: 0;
                color: #01354a;
                margin-top: 10px;
                text-align: center;
            }
            .columnMain p {
                font-size: 13px!important;
                padding: 10px 0!important;
                line-height: 1.6em;
                margin-top: 10px;
            }
            .columnMain h4.columnTitleH4 {
                font-weight: bold!important;
                font-size: 16px!important;
                padding: 10px 5px 5px 5px;
                margin-bottom: 10px;
                border-bottom: 1px solid #01354a;
                margin-top: 40px;
                color: #01354a;
                text-align: center;
            }
            .columnDetailContents .columnDetailLink {
                display: inline-block;
                margin: 10px 0;
                color: #01354a;
            }
            .columnDetailContents .columnDetailLink:hover {
                opacity: 0.8;
            }
            .columnLinkArrow::after {
                display: inline-block;
                content: '';
                background: url("/images/column/icon-arrow.png") no-repeat;
                width: 7px;
                height: 14px;
                background-size: contain;
                margin: -3px 0 -3px 8px;
            }
            /* 20210716 追加 */
            .slider_2 {
                margin-top: 10px!important;
                display: block!important;
            }
        }
        /* 最後につける */
        /* 大きいスマホ用CSS */
        @media screen and (min-width:480px) and ( max-width:640px) {
            #topSearchArea {
                background-size: cover;
                margin-right: 20px;
                margin-bottom: 20px;
                margin: 20px auto;
            }
            ul.areaSearch {
                margin-top: 30px;
                padding: 30px 30px 0 30px;
            }
            #topSearch {
                margin-top: 10px;
                padding: 0 20px 0 40px;
            }
            #topSearch p a {
                width: 100%;
            }
        }
        @media screen and (max-width: 320px) {
            h1#headH1 {
                width: 70px;
                font-size: 7px;
            }
        }

    /*Safari*/

    _::-webkit-full-page-media,
    _:future,
        :root .tableContact tr {
        display: block;
    }

    _::-webkit-full-page-media,
    _:future,
        :root .detailRoomTable tr.campaign td {
            display: contents ;
    }

    _::-webkit-full-page-media,
    _:future,
        :root .detailRoomTable td {
            display: contents ;
    }

    _::-webkit-full-page-media,
    _:future,
        :root .detailRoomTable tr.campaign td p {
        margin-bottom: 28px;
        }

    _::-webkit-full-page-media,
    _:future,
        :root .detailRoomTable tr.normal td p {
        margin-bottom: 24px;
        }

        _::-webkit-full-page-media,
    _:future,
        :root span.listRoomTableSpan {

        margin-bottom: 20px;

    }


    _::-webkit-full-page-media,
    _:future,
        :root .detailRoomTable tr.normal td p.bold {
        margin-bottom: 24px;
        text-align: left;
        float: left;
        }

        _::-webkit-full-page-media,
    _:future,
        :root #listArea.detailRoomTable tr.campaign td p.bold {
        text-align: left;
        margin-top: 30px!important;
        }

        _::-webkit-full-page-media,
    _:future,
        :root .detailRoom .detailRoomTable tr.campaign td p.bold {
        text-align: left;
        float: left;
        margin-right: 10px;
        }
    

        _::-webkit-full-page-media,
        _:future,
        :root span.detailRoomTableSpan {
            margin-bottom: 20px;
        }

        _::-webkit-full-page-media,
        _:future,
        :root .detailRoomTable p.detailP {
    /*            margin-top: 24px;*/
        }


        _::-webkit-full-page-media,
        _:future,
        :root span.detailRoomTableSpan {
            width: 90px;
        }


        _::-webkit-full-page-media,
        _:future,
        :root .detail_button a{
            text-align: center;
            clear: both;
        }

        _::-webkit-full-page-media,
        _:future,
        :root .detailRoomTable tr.campaign br {
            display: none;
        }
        
        _::-webkit-full-page-media,
        _:future,
        :root p.boldP{
            margin-bottom: 24px;
            text-decoration:line-through;
            float: left;
        }
        _::-webkit-full-page-media,
        _:future,
        :root p.tableP{
            margin-bottom: 24px;
            float: left;
        }


    _::-webkit-full-page-media,
    _:future,
        :root 
        .tableContact input[name$="tel1_1"], .tableContact input[name$="tel1_2"], .tableContact input[name$="tel1_3"] {
        width: 28%;
    } 

    /*
    2024/04/01 add
    空室情報表示部分
    */
    .detail_one_colum .detailRoomTable tr {
        border-bottom: none;
        padding: 1em;
        display: block;
        width:auto;
        margin:0 1em 1em;
        box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
    }

    .detail_one_colum .detailRoomTable .campaignOrange {
        margin:0 auto;
    }
    .detail_one_colum .detailRoom tr.campaign td:first-child {
        display: block;
        margin-bottom: 0.5em;
    }
    .detail_one_colum .detailRoom tr td:last-child {
        padding-top: 0.25em !important;
    }

    .detail_one_colum .detailRoomTable tr td,
    .detail_one_colum .detailRoomTable tr.campaign td {
        border-right:none!important;
        padding:0.25em 0;
        text-align:left;
        min-height:1.2em;
    }
    .detail_one_colum .detailRoomTable tr td {background: rgba(0,0,0,0)!important;}
    .detail_one_colum .detailRoomTable tr {background: #F9F9F9!important;}
    .detail_one_colum .detailRoomTable tr:nth-child(odd) {background: #ebe9e6!important;}
    .detail_one_colum .detailRoomTable p.tableP br{display:none;}
    .detail_one_colum .detailRoomTable p.campaignOrange{
        display:block;
        margin-bottom: 0!important;
    }
    .detail_one_colum span.detailRoomTableSpan {
        font-weight:normal;
        width:6.5em;
        margin: -2px 12px 4px 0;
        line-height:1;
    }

    /*ページ内スクロール : トップに戻るボタン*/
    .re_top {
        display: none;
    }
    .pagetop {
        transition: none!important;
        height: 50px;
        width: 50px;
        position: fixed;
        right: 30px;
        bottom: 30px;
        background: #fff;
        border: solid 2px #000;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }
    .pagetop__arrow {
        height: 10px;
        width: 10px;
        border-top: 3px solid #000;
        border-right: 3px solid #000;
        transform: translateY(20%) rotate(-45deg);
    }
    @media (hover: hover) and (pointer: fine) {
        .pagetop:hover, .pagetop:hover .pagetop__arrow {border-color: #12989a;}
    }
}