/*
Theme Name: Busico. (Twenty Seventeen)
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: bitstar Inc.  (feat. the WordPress team)
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 10000.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/


@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url("style_font_joes.css");

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure {
      margin: 0;
      padding: 0;
}

main.fixed{
    position:fixed;
    top:54px;
    width: 100%;
}

table , td, th {
    text-align:left;
    border: 1px solid #707070;
      border-collapse: collapse;
    color:#555;
    font-size:16px;
}
th{
    padding: 15px 20px;
      width: 216px;
      font-weight:600;
    background:#FBF8F0;
}
td{
      padding: 15px 20px;
      width: 764px;
}

#price-list table , #price-list td{
    text-align:center;
    border: 1px solid #555;
      border-collapse: collapse;
    font-size:13px;
    line-height:1.4em;
}

#price-list td{
      padding: 0;
    color:#000;
}
#price-list .p10 td{
    padding:10px 0;
}
#price-list .gray td{
    background:#EFEFEF;
}
#price-list td span{
    font-size:16px;
    font-weight:600;
}
table.center td{
    text-align:center;
}
table.no-border,.no-border td{
    font-size:14px;
    border:none;
}
.no-border td{
    height:174px;
    padding-top:20px;
}
.no-border td p{
    min-height:80px;
}
@media screen and (max-width:640px) {
    #price-list td{
        padding:10px 0;
    }
    .no-border td{
        padding-top:20px;
    }
}
.right-arrow{
    background-image:url("/img/right-box-arrow.png");
    background-size:6px;
    background-position:center right 15px;
    background-repeat:no-repeat;
    transition-duration:.2s;
}
.down-arrow{
    background-image:url("/img/down-box-arrow.png");
    background-size:10px;
    background-position:center left 20px;
    background-repeat:no-repeat;
    transition-duration:.2s;
}
.down-right-arrow{
    background-image:url("/img/down-box-arrow.png");
    background-size:10px;
    background-position:center right 15px;
    background-repeat:no-repeat;
    transition-duration:.2s;
}
.right-arrow:hover{
    background-position:center right 10px;
}
.right-arrow.link-disabled:hover{
    background-position:center right 15px;
}
.reasons.index img,.reasons.college img{
    width:100%;
}
.head > .theme-color{
    font-weight:600;
}
.head > a{
    float:right;
    font-size:13px;
}

.head > a:hover{
    color:#BF9A3A;
    transition:.3s;
}
.each-cat{
    margin-bottom:30px;
}

.latest-single{
    border-bottom:1px #ccc solid;
    padding:10px 0;
}
.latest-single:first-child{
    border-top:1px #ccc solid;
}
.latest-single img:hover{
    opacity:.8;
    transition:.3s;
}
.latest-single .left{
    width:49%;
}
.latest-single .right{
    width:49%;
}
.latest-single .right p{
    font-size:11px;
}
.latest-single .right div h4{
    font-size:12px;
    font-weight:600;
    line-height:1em;
}
#slider{
    position:relative;
    background-color: #eee;
}
#slider img{
    display: block;
}
#slider .head-line{
    position:absolute;
    color:#fff;
    font-weight:600;
    text-align:center;
    top:32%;
    left:50%;
    margin-left:-50%;
    width:100%;
    letter-spacing:.2em;
}
#slider .head-line.oneline{
    top:35%;
}
#slider .head-line h1{
    font-size:40px;
}
#slider .head-line h2{
    font-size:20px;
    letter-spacing:.1em;
}

#slider .head-line.space h1{
    font-size:32px;
}

@media screen and (max-width:640px) {
 
    #slider .head-line h1{
        font-size:28px;
    }
    #slider .head-line.space h1{
        font-size:22px;
    }
    #slider .head-line h2{
        font-size:14px;
    }
}
@media screen and (max-width:480px) {
    #slider .head-line{
        top:20%;
    }
    #slider .head-line.oneline{
        top:33%;
    }
    #slider .head-line h1{
        font-size:20px;
    }
    #slider .head-line.space h1{
        font-size:16px;
    }
    #slider .head-line h2{
        font-size:14px;
    }
}
.pc-none{
    display:none;
}
.qa-list li.question{
    border-top:2px #BF9A3A dotted;
    background-image:url("/img/qa/icon-q.png");
    background-size:50px;
    background-position:left center;
    background-repeat:no-repeat;
    padding:10px 0 10px 80px;
    position:relative;
    cursor:pointer;
}
.qa-list{
    border-bottom:2px #BF9A3A dotted;
}
.question h2{
    font-size:20px;
    font-weight:300;
    background-image:url("/img/qa/arrow-question-down.png");
    background-size:50px;
    background-position:right center;
    background-repeat:no-repeat;
    padding:20px 80px 20px 0;
}
.question.opened h2{
    background-image:url("/img/qa/arrow-question-up.png");
}
@media screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
	.qa-list li.question{
		background-image:url("/img/qa/icon-q@2x.png");
	}
	.question h2{
		background-image:url("/img/qa/arrow-question-down@2x.png");
		}
	.question.opened h2{
		background-image:url("/img/qa/arrow-question-up@2x.png");
	}
}
.answer{
    display:none;
    padding-left:80px;
    padding-bottom:30px;
}
.answer h3{
    font-size:15px;
    font-weight:300;
    line-height:1.8em;
}

.answer ul,
.answer ol {
	padding: 10px 0 10px 25px;
}
.answer ul li {
	list-style: disc;
}
.answer ol li {
	list-style: decimal;
}
.answer ul.qa-list-caution-list {
	color: #c50;
	padding: 10px 0;
}
.answer ul.qa-list-caution-list li {
	list-style-type: none;
	margin: 0 0 0 1.3em;
}
.answer ul.qa-list-caution-list li::before {
	content: "※";/*"\e937";*/
	font-size: 85%;
	margin-left: -1.3em;
	width: 1.3em;
	display: inline-block;
	text-align: left;
}

.qa-list-link-button {
	margin: 20px auto;
	text-align: center;
}
.qa-list-link-button a {
	display: inline-block;
	background-color: #BF9A3A;
	color: #fff;
	padding: 10px 40px;
}
.qa-list-link-button a:hover {
	opacity:.8;
	transition:.3s;
}



#article img{
    width:100%;
    height:auto;
}

.article-main .content{
    width:70%;
    padding-bottom:50px;
    font-size: 13px;
    letter-spacing: 0.8px;
    line-height: 1.7rem;
}

.article-main .side-bar{
    width:25%;
}
#article .top div{
    position:relative;
}
#article .top div img{
    width:100%;
    height:auto;
}
/*--- updated 2019.02.15 (add) ---*/
#article .top h1{
    position: relative;
    font-size:26px;
    line-height: 145%;
    margin-bottom: 10px;
}
/*--- updated 2019.02.15 (add) ---*/
#article .top .heading{
    margin: 10px 0;
}
/*--- updated 2019.02.15 (add) ---*/
#article .top .heading .heading-category{
    padding: 5px 7px;
    margin-right: 5px;
    font-size: 90%;
}
/*--- updated 2019.02.15 (add) ---*/
#article .top .heading .heading-date{
    font-size: 75%;
}
/*--- updated 2019.02.15 (delete) ---*/
/*
#article .top div h1{
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size:26px;
}
*/
.latest-single img{
    width:100%;
    height:auto;
    vertical-align:bottom;
}

/****
画像拡大
****/

.popup-window {
-webkit-transform: translate(0, 100%);
-moz-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
transform: translate(0, 100%);
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0;
}
.popup-window:target {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.popup-window .popup-inner {
position: absolute;
top: 100px;
left: 50%;
z-index: 20;
margin-left: -320px;
width: 600px;
padding:20px;
overflow-x: hidden;
text-align:center;
border-radius: 2px;
background: #fff;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
.popup-window .popup-inner p {
padding: 0 20px;
}
.popup-window .popup-close {
display: block;
text-indent: -100px;
overflow: hidden;
}
.popup-window .popup-close:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10;
background-color: rgba(0,0,0,0.6);
}

.popup-window {
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}


*{
    box-sizing:border-box;
    word-break:break-all;
}

.theme-color{
    color:#BF9A3A;
}
/*--- updated 2019.02.15 (delete) ---*/
.theme-color-lite{
    color:#CFAA5A;
}
.bx-wrapper {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}
.white-color{
    color:#fff;
}

.theme-color-bg{
    background-color:#BF9A3A;
}

.theme-color-lite-bg{
    background-color:#FAF4E6;
}

.theme-color-soft-bg{
    background-color:#F4ECD6;
}
.theme-color-dark-bg{
    background-color:#F0E2BC;
}

.theme-color-border{
    border:1px solid #BF9A3A;
}

.brighten-color-bg{
    background-color:#FBF8F0;
}

.brighten-gradation-color-bg {
	background: -moz-linear-gradient(top, #FFF 50%, #FBF8F0);
	background: -webkit-linear-gradient(top, #FFF 50%, #FBF8F0);
	background: linear-gradient(to bottom, #FFF 50%, #FBF8F0);
}

.header-sp-menu{
    display:none !important;
}

.content-box{
    padding:30px 20px;
    margin-bottom:80px !important;
}

.footer-bg{
    background-color:#081624;
}

.white-bg{
    background-color:#FFF;
}

.circle{
    border-radius:50%;
}

.pc{
    display:block;
}

.sp{
    display:none;
}

a{
      color:inherit;
      text-decoration:none;
      cursor:pointer;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
      display: block;
}

address,caption,cite,code,dfn,em,strong,th,var {
      font-style: normal;
}

img,abbr,acronym,fieldset {
      border: 0;
}

li {
      list-style-type: none;
}

a{
      outline: none;
}

img a {
      outline::none;
      border:none;
}

p {
      padding-top:0px;
      margin-top:0px;
}

/* clearfix */  
.clearfix:after { 
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
}  
* html .clearfix { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
br.forIE{
      height:0;
      visibility:hidden;
      line-height: 0;
      margin:0;
      padding:0;
      font-size:0;
      overflow: hidden;
}

html{
    margin-top:0 !important;
}

body{
    font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    overflow-x:hidden;
    padding-top:98px;
}
/*
IEのみ余白が生じるので、フォントをメイリオにすることで回避できる。
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}
*/

.left{
    float:left;
}

.right{
    float:right;
}

.center{
    text-align:center;
}

.txt_left{
    text-align:left;
}

.txt_right{
    text-align:right;
}
.txt_bold{
    font-weight:bold;
}
.txt_alert{
    color:#d00;
}


/* 「#」リンクの位置調整 */
.link-target {
	margin-top: -98px;
	padding-top: 98px;
}
.link-target-margin {
	margin-top: -118px;
	padding-top: 118px;
}
@media screen and (max-width: 881px) {
	.link-target {
		margin-top: -54px;
		padding-top: 54px;
	}
	.link-target-margin {
		margin-top: -64px;
		padding-top: 64px;
	}
}

header{
    z-index:100;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    padding:0 30px;
    height:98px;
    border-bottom:1px solid #ccc;
}

.header-logo{
    float:left;
    padding:16px 0;
}

.header-menu{
    position:absolute;
    right: 30px;
    top:3px;
    /*
    float:right;
    padding:3px 0 0;
    */
}
.header-menu div.header-menu-link{
    margin-top:10px;
}
.header-menu div.header-menu-link a{
    font-size:14px;
    /*padding:9px 15px;*/
    padding:0 12px 0 15px;
    /*margin-right:8px;*/
    margin-left:5px;
    height:33px;
    line-height:31px;
    display:inline-block;
}
.header-menu div.header-menu-link a.header-link-icon{
    background-image: url(/img/header-link-icon.png);
    background-repeat: no-repeat;
    background-size: 35px 66px;
    padding-left: 42px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
    .header-menu div.header-menu-link a.header-link-icon{
        background-image: url(/img/header-link-icon@2x.png);
    }
}
.header-menu div.header-menu-link a.header-link-icon1{ background-position: 2px -1px; }
.header-menu div.header-menu-link a.header-link-icon2{ background-position: 2px -34px; }
.header-menu div.header-menu-link a img{
    width:35px;
    display:block;
    margin:0;
}
.header-menu div.header-menu-link a:hover{
    opacity:.8;
    transition:.3s;
}

.header-menu nav{
    margin-top:10px;
}
.header-menu nav a{
    font-size:14px;
    font-weight:600;
    letter-spacing:.05em;
    margin-left:0;
    /*
    letter-spacing:.1em;
    margin-left:40px;
    */
}
.header-menu nav a:hover{
    transition:.3s;
    color:#BF9A3A;
}

.header-menu div.header-menu-link a.header-sns{
    width:35px;
    height:35px;
    display:inline-block;
    padding:0;
    margin-left:4px;
    vertical-align:middle;
}

.header-menu-list {
	text-align: center;
	display: table;
	padding-top: 2px;
}
.header-menu-list-item {
	display: table-cell;
}
.header-menu-list-item > a {
	border-left: 1px solid #ddd;
	padding: 0 18px;
	margin: 2px 0;
	display: block;
	height: 22px;
	line-height: 22px;
}
.header-menu-list-item:first-child > a {
	border-left-width: 0;
}
.header-menu-list-item:last-child > a {
	padding-right: 0;
}
.header-menu-list-item > a .j-icon {
	margin-left: 5px;
	color: #aaa;
	font-size: 90%;
}
.header-menu-list-item.header-menu-dropdown > a {
	margin-bottom: 13px;
}
.header-menu-list-item.header-menu-dropdown.is-active > a {
	color: #BF9A3A;
	margin-bottom: 13px;
}
.header-menu-dropdown-list {
	overflow: visible;
	margin-right: -1px;
	display: none;
	border: 1px solid #ccc;
	border-top: 1px dotted #ddd;
}
.header-menu-dropdown-list-item {
	border-bottom: 1px dotted #ccc;
}
.header-menu-dropdown-list-item:last-child {
	border-bottom-width: 0;
}
.header-menu-dropdown-list-item a {
	display: block;
	height: 44px;
	line-height: 44px;
	padding: 0 5px;
}
.header-menu-dropdown-list-item a {
	display: block;
	height: 44px;
	line-height: 44px;
	padding: 0 5px;
}
.header-menu-dropdown-list-item a:hover {
	background-color: #fdfcf7;
}
@media screen and (max-width: 940px) {
	.header-menu-list-item > a {
		padding: 0 14px;
	}
}


.header-logo:hover{
    opacity:.8;
    transition:.3s;
}

.in{
    width:1025px;
    margin:0 auto;
}

.border-height{
    margin-top:30px;
}

.title-box{
    margin-bottom:50px;
}

.color-2c{
    color:#2C2C2C;
}

.small{
    font-size:16px;
    font-weight:600;
    margin:20px 0;
    line-height:2em;
}

.title{
    font-size:36px;
    font-weight:400;
    letter-spacing:0.05em;
}

.title.en{
    font-size:36px;
    font-weight:400;
    letter-spacing:0.05em;
}

.title-under{
    font-size:20px;
    font-weight:400;
    margin-top:10px;
}

.link-box{
    width:380px;
    line-height:50px;
    margin:0 auto;
}

.link-box a{
    width:100%;
    display:block;
    color:white;
    font-size:16px;
}
.link-box a span{
    font-size:10px;
    position
}

.link-box:hover{
    opacity:.8;
    transition:.3s;
}
.link-box.link-disabled:hover{
    opacity: 1;
    transition: none;
}

/*
page-navi
*/
.page-navi{
    margin: 0 0 80px;
}
.page-navi ul{
    display:table;
    margin:0 auto;
}
.page-navi ul li{
    display:table-cell;
    list-style-type:none;
    padding:0 15px;
    border-right:1px solid #ccc;
}
.page-navi ul li:last-child{
    border-right-width:0;
}
.page-navi ul li a{
    display:block;
    line-height:20px;
    font-weight:600;
    color:#826624;
    
}
.page-navi ul li a:hover{
    transition:.3s;
    color:#BF9A3A;
}


/*
concept
*/

#top-concept,#concept,#reasons{
    padding:80px 0;
}

#top-concept h3,
#concept h3{
    font-size:26px;
    font-weight:600;
    margin-bottom:50px;
}

/***
reasons
***/
.reasons{
    margin-bottom:50px;
}
.reasons-row{
    margin-bottom:20px;
}

.about-list .reasons-row .reason div{
    font-size:16px;
}

.reason{
    float:left;
    margin-right:20px;
    width:500px;
    padding:20px 15px;
    font-weight:600;
    font-size:18px;
}

.reason div{
    display:inline-block;
    vertical-align:middle;
}

.reason:nth-of-type(2n){
    margin-right:0;
}

.reason.reason-center {
	float: none;
	margin-right: auto;
	margin-left: auto;
}

.reason-no{
    vertical-align:top;
    width:50px;
    color:white;
    font-size:26px;
    padding:5px 10px;
    margin-right:20px;
    font-weight:300;
    vertical-align:middle;
}

.reason-small{
    display:block;
    font-size:14px;
    font-weight:300;
}
.reason-item-description {
	font-size: 13px;
	color: #555555;
	font-weight: 300;
	margin-top: 5px;
	word-break: normal;
}

/*
ビジコ通信
*/

#telecom{
    padding:80px 0;
}

#telecom .title{
    margin-bottom:30px;
}

.article{
    width:320px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:50px;
}

.article a{
    display:block;
    width:100%;
}
.article .thumb img{
    height:auto;
    over-flow:hidden;
}
.article:hover .thumb img{
    opacity:.8;
    transition:.3s;
}

.thumb img{
    width:100%;
}

.article:nth-of-type(3n){
    margin-right:0;
}

/*--- updated 2019.02.15 (add) ---*/
.article:nth-of-type(3n+1){
    clear: both;
}

/*--- updated 2019.02.15 (add) ---*/
.article .heading {
    margin: 5px 0 10px;
}
.category{
    font-size:12px;
    padding:5px;
}

.date{
    font-size:11px; /*--- updated 2019.02.15 (update: 14px -> 11px;) ---*/
    margin-left:10px;
}

.article-title{
    font-size:18px;
    font-weight:600;
    line-height: 145%; /*--- updated 2019.02.15 (add) ---*/
    color:#555;
}

.categories{
    margin-top:60px;
}

.categories a{
    display:block;
    width:100%;
}

.categories.busico div{
    padding:10px 0;
    font-size:19px;
    letter-spacing:.1em;
}
.categories.busico.articles-cat div{
    padding:0;
}
.categories.busico.articles-cat div a{
    padding:20px 0;
}
.categories div{
    width:241px;
    margin-right:15px;
    float:left;
}
.categories.bnr{
    margin-bottom:0;
    margin-top:0;
}
.categories div a{
    display:block;
    width:100%;
}
.qa.categories div{
    width:32%;
    margin-right:2%;
    margin-bottom:2%;
    font-size:16px !important;
}
.qa.categories div:nth-of-type(3n){
    margin-right:0;
}
.categories.busico div:hover{
    background:#BF9A3A;
    transition:.3s;
}
.categories.busico div:hover a{
    color:#fff;
    transition:.3s;
}
#footer .categories.bnr div:hover{
    opacity:.8;
    transition:.3s;
}



/***

location

****/

#location{
    padding:80px 0;
}

#location .link-box{
    margin:0 0 40px;
}

.office{
    margin-bottom:80px;
}

.office .detail{
    width:400px;
    padding-top:30px;
    color:#454545;
}

.detail h3{
    margin-bottom:30px;
}
.seminar.detail h3{
    font-size:24px;
    margin-bottom:0;
}

.detail p{
    margin-bottom:30px;
}
.seminar.detail p{
    font-size:14px;
    margin-bottom:10px;
}

.office .thumb{
    width:550px;
}

/****

staff

****/

#staff{
    padding:80px 0;
}

#contact{
    padding:50px 0;
}

.contact-row{
    margin: 15px auto;
    padding:20px;
}

.contact-row.in{
    width:1100px;
}

.contact-row .left{
    margin-right:20px;
}

.contact-row .left:last-of-type{
    margin-right:0;
}

.contact-row .link-box{
    width:238px;
}

.contact-row.tel .link-box{
    width:367px;
}

.contact-row .link-box a{
    font-size:16px;
}

.contact-row h3{
    font-size:18px;
}
.contact-row p{
    font-size:14px;
    font-weight:600;
    margin-top:10px;
}

#footer{
    padding:30px 0 10px;
}

.footer-logo{
    margin-bottom:20px;
}
.footer-logo a:hover{
    opacity:.8;
    transition:.3s;
}

.sns-box{
	display: table;
	margin: 0 auto;
}
.sns-box > div{
	display: table-cell;
	padding: 0 6px;
}

.sns a:hover{
	opacity: .7;
	transition:.3s;
}


.copy{
    font-size:12px;
    font-weight:300;
    margin:20px 0 20px;
}


/****

/about

****/

.menu{
    margin-bottom:80px;
    font-weight:600;
}

#about{
    padding:80px 0;
}

#about .detail{
    width:480px;
}

#about .thumb{
    width:480px;
}

/****

office

*****/

#office{
    padding:80px 0;
}

#office .title{
    font-size:25px;
}

#office .office{
    margin-bottom:0;
}

#office .office p{
    line-height:1.8em;
    font-size:14px;
}

#office .detail{
    width:600px;
    padding-top:10px;
}

#office .thumb{
    width:380px;
}

#office .link-box{
    width:250px;
    margin:0; 
}

#office .link-box a{
    width:auto;
}

#gallery{
    padding:80px 0;
}

.photo{
    width:240px;
    margin-right:21px;
    float:left;
    margin-bottom:21px;
}
.photo:nth-of-type(4n){
    margin-right:0;
}
.photo img{
    width:100%;
}
/****
特徴
***/
#features{
    padding:80px 0;
}
#features .office p{
    line-height:1.8em;
    font-size:14px;
}

#features .in{
    width:1100px;
}

#features .detail{
    width:680px;
    padding-top:10px;
}

#features .thumb{
    width:400px;
}

.feature{
    width:48%;
}

.feature img{
    width:100%;
}

.feature-box{
    padding:20px 0;
    margin:30px 0;
    line-height:40px;
    min-height:80px;
}

.feature-box h3{
    font-weight:300;
    font-size:16px;
}

/***
設備
***/
#equipment{
    padding:80px 0;
}

.equipments .single{
    width:25%;
    float:left;
    padding:70px 30px 0;
    min-height:220px;
    color:#454545;
}

.bd-bottom{
    border-bottom:1px #707070 solid;
}

.bd-right{
    border-right:1px #707070 solid;
}

.bd-top{
    border-top:1px #707070 solid;
}

.maps{
    margin:90px auto 0;
}

.address,.map{
    width:48%;
    overflow:hidden;
}

.menu a{
    margin:0 10px;
    line-height:30px;
}
.menu a:hover{
    transition:.3s;
    color:#BF9A3A;
}
.address-row{
    padding:20px 0;
    color:#454545;
    font-size:16px;
}
.address.company{
    width:980px;
}
.address-row h3{
    font-weight:200;
    font-size:15px;
    display:inline-block;
    vertical-align:middle;
    width:80px;
    margin-right:20px;
}
.address.company .address-row h3{
    width:200px !important;
}
.address-row p{
    display:inline-block;
    vertical-align:middle;
    line-height:1.8em;
    font-size:14px;
    font-weight:200;
}

.office-link{
    margin-top:80px;
}

.office-link .single{
    width:48%;
}
.office-link .single a{
    display:block;
    width:100%;
    font-size:20px;
    padding:30px 0;
}

.office-link .single:hover{
    background-color:#BF9A3A;
    color:#fff;
    transition:.3s;
}

ul.check-list li{
    background-image:url("/img/price/checked-box.png");
    background-repeat:no-repeat;
    background-size:20px;
    background-position:left top 5px;
    padding-left:40px;
    line-height:2em;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
	ul.check-list li{
		background-image:url("/img/price/checked-box@2x.png");
	}
}
.content-text{
    margin-bottom:50px;
    padding:0 20px;
}
.content-text h4{
    margin-bottom:20px;
}
.content-text p{
    line-height:2em;
}
.course-list{
    border-bottom:1px #BF9A3A solid;
    padding-bottom:10px;
    margin-bottom:30px;
}
.course-list .left{
    width:30%;
}

.course-list .left{
    font-weight:600;
}

.course-list .right{
    width:70%;
    text-align:right;
    letter-spacing:.2em;
}
/****
スタッフ
****/
.bx-wrapper{
    margin:0 auto;
}
.staff-slide{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items:center;
    max-width:1000px;
    margin:0 auto;
    justify-content: center;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {

    background: ##BF9A3A !important;

}
#feed-prev-btn{
    width:30px;
    background:url("/img/prev.png");
    background-size:30px;
    height:30px;
    position:absolute;
    left:30px;
    z-index:10;
    bottom:155px;
}
#feed-next-btn{
    width:30px;
    background:url("/img/next.png");
    background-size:30px;
    height:30px;
    position:absolute;
    right:30px;
    z-index:10;
    bottom:155px;
}
.mukai{
    width:280px;
    max-width:auto !important;
}
.bx-prev,.bx-next{
    width:100%;
    display:block;
    height:100%;
}
.staff-comment{
    font-size:14px;
}

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

.sitemap{
    color:#fff;
    font-size:14px;
    margin:80px auto;
}
.sitemap p{
    font-weight:600;
    position:relative;
    padding-left:16px;
    margin-left: 6px;

}
.sitemap p::before {
    content: "";
    display: block;
    width: 6px;
    height: 100%;
    background: #bba;
    border-radius: 3px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.sitemap .sitemap-underline {
    margin: 10px 0 15px;
    border-top: 1px solid #bba;
    float: none;
}


.sitemap ul li{
    margin-bottom:10px;
    list-style-type: disc;
    margin-left: 22px;
    color: #bba;
}
.sitemap ul li a{
    color: #fff;
}
.sitemap ul li a:hover{
    color: #BF9A3A;
    transition: .3s;
}

.step-point{
    padding:0 30px;
    border-bottom:2px dotted #BF9A3A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items:center;
    margin-bottom:50px;
    position:relative;
}
.point{
    width:55px;
}
.step{
    width:47px;
}
.point img{
    vertical-align:bottom;
}
.point-content{
    font-weight:600;
    font-size:20px;
    margin-left:30px;
    text-align:left;
    position:relative;
}
.step-point  img.icon{
    position:absolute;
    right:30px;
    top:10px;
}
.point-content span{
    font-weight:300;
    font-size:14px;
}
#point {
    margin-top: -78px;
    padding-top: 78px;
    height: 0;
}
.point-circle {
    position: absolute;
    top: -50px;
    right: 50px;
}
.side-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items:center;
    min-height:129px;
}
.index .side-row{
    min-height:110px;
}
.side-row-num{
    width:50px !important;
}
.side-row-num img{
    vertical-align:bottom;
}
.side-row-text{
    width:calc(100% - 50px);
    font-size:14px !important;
    padding-left:10px;
}
@media screen and (max-width:700px) {
    .point-content{
        font-size:16px;
    }
}
@media screen and (max-width:640px) {
    .mukai{
        width:200px;
    }
    .staff-comment{
        font-size:12px;
    }
    .step-point  img.icon{
        width:30px;
    }
    .step{
        width:30px;
    }
    .point{
        width:30px;
    }
    .point-content {
        font-size:14px;
        margin-left:0;
    }
    .point-content span{
        font-size:12px;
    }
    .step-point{
        padding:0 10px;
        display:block;
    }
}

@media screen and (max-width:1121px) {
    
    .contact-row.in{
        width:95%;
    }
    .contact-row .left{
        float:none;
        text-align:center;
    }

    .contact-row .right{
        float:none;
        text-align:center;
    }
    .contact-row .right .left{
        float:none;
        text-align:center;
    }
}

@media screen and (max-width:1121px) {
    #features .in{
        width:100%;
    }
    .photo{
        width:32%;
        margin-right:2%;
    }
    .photo:nth-of-type(4n){
        margin-right:2%;
    }
    .photo:nth-of-type(3n){
        margin-right:0;
    }
    .sitemap > div > div{
         width:100% !important;
     }
    .in{
        width:100%;
        padding-left:20px;
        padding-right:20px;
    }
    .categories div{
        width:23%;
        margin-right:2%;
    }
    .categories div:nth-of-type{
        margin-right:0;
    }
    .article{
        width:32%;
        margin-left:0;
        margin-right:2%;
    }
    .article:nth-of-type(3n){
        margin-right:0;
    }
    .contact-row .link-box{
        width: 500px;
        margin: 10px auto;
    }
    .contact-row .left:last-of-type{
        margin:0 auto;
    }
    .contact-row.tel .link-box{
        width:500px;
    }
}

/**about**/
.reason > div > img{
    max-width:90px !important;
    max-height:90px;
}
.reasons-annotation {
    font-size:12px;
    text-align:right;
    font-weight:600;
    margin:0 10px 10px;
}
.reasons .icon-free{
    color:#d00;
}
.reasons .icon-free-partial{
    color:#f90;
}

.about-list .reason div:first-child{
    width:100px;
    text-align:center;
}

.about-list .reason div:nth-of-type(2){
    width:350px;
}
/*.about-list .reason div:nth-of-type(2) p{
    min-height:120px;
}*/
@media screen and (max-width:1060px) {
    .office .detail {
        width: 100%;
        /*float:none !important;*/
    }
    .office .thumb {
        width: 100%;
        float:none !important;
    }
    #location .office .link-box {
        margin: 20px 0;
    }
    
    .office .seminar.detail .link-box{
        margin-bottom:20px !important;
    }
    #office .matching-left.thumb.left,#office .matching-right.detail.right{
        width:100% !important;
        float:none !important;
    }
    #office .matching-left.detail.left,#office .matching-right.thumb.right{
        width:100% !important;
        float:none !important;
    }

    #features .detail {
        width: 500px;
    }
    features .thumb {
        width: 300px;
    }

    #office .detail{
        width:100%;
        float:none;
        padding-top:0 !important;
    }

    #office .link-box{
        margin:30px 0;
    }

    #office .thumb {
        width: 50%;
        float: none;
    }
    
    .header-menu nav a {
        /*
        margin-left: 35px;
        */
    }
    .reason{
        width:48%;
        margin-right:4%;
    }
    .about-list .reason div:first-child{
        width:20%;
        text-align:center;
        margin-right:0;
    }
    
    .about-list .reason div:nth-of-type(2){
        width:76%;
    }
    .about-list .reason div p{
        /*min-height:120px;*/
    }
    
}

@media screen and (max-width:1021px) {
    .header-menu nav a {
        font-size: 13px;
        font-weight: 600;
        /*
        letter-spacing: .2em;
        margin-left: 30px;
        */
    }
}
@media screen and (max-width:1000px) {
    .point-circle{
        right:30px !important;
    }
    .reason {
        width:100%;
        margin-right:0;
    }
    .about-list .reason:nth-of-type(2n+1){
        margin-bottom:20px;
    }
    .reasons.index .reason,.reasons.college .reason{
        width:48%;
        margin-right:4%;
    }
    .reasons.index .reason:nth-of-type(2n),.reasons.college .reason:nth-of-type(2n){
        margin-right:0;
    }
    .reasons.index .reason.reason-center {
        margin-right: auto;
    }
    .about-list .reason div:nth-of-type(2) p{
        /*min-height:auto;*/
    }
    .reasons-row .reason:first-child{
        margin-bottom:20px;
    }
    .reasons.index .reasons-row .reason:first-child,.reasons.college .reasons-row .reason:first-child{
        margin-bottom:0;
    }
    .office .detail,.office .thumb {
        width:48%;
        margin:0 1%;
    }
    #features .detail {
        width: 400px;
    }
    features .thumb {
        width: 300px;
    }
}
@media screen and (max-width:940px) {
    .article{
        width:48%;
        margin-right:4%;
    }
    .article:nth-of-type(3n){
        margin-right:4% !important;
    }
    .article:nth-of-type(2n){
        margin-right:0 !important;
    }
    /*--- updated 2019.02.15 (add) ---*/
    .article:nth-of-type(3n+1){
        clear: none !important;
    }
    /*--- updated 2019.02.15 (add) ---*/
    .article:nth-of-type(2n+1){
        clear: both !important;
    }
    
    .header-menu div.header-menu-link a {
        font-size: 13px;
        /*padding: 9px 13px;*/
        /*margin-right: 6px;*/
    }
    .header-menu nav a {
        font-size: 13px;
        font-weight: 600;
        /*
        letter-spacing: .2em;
        margin-left: 15px;
        margin-left: 20px;
        */
    }
}
@media screen and (max-width:881px) {
    #point {
        margin-top: -36px;
        padding-top: 36px;
        height: 0;
    }
    .point-circle {
        width:120px !important;
        right:10px !important;
        top:-35px !important;
    }

    .apply_links .link-box{
        width:380px !important;
        display:block !important;
        margin:20px auto !important;
    }
    .apply_links.space-link .link-box{
        margin:20px auto!important;
    }
    #features .detail {
        width: 100%;
        float:none;
    }
    #features .thumb {
        width: 50%;
        float:none;
    }
    .office .detail,.office .thumb {
        width:100%;
        margin:0;
    }
    #location .detail .left,#location .detail .right{
        float:none;
    }
    #location .link-box {
        margin: 30px 0;
    }
    body{
        padding-top:54px;
    }
    header{
        height:54px;
        padding:0 0 0 10px;
    }
    .header-logo{
        padding:0;
        padding-top:9px;
    }
    .header-logo img{
        width:120px !important;
    }
    
    .header-menu{
        display:none;
        position:relative;
    }
    .header-sp-menu{
        display:block !important;
        float:right;
        padding-top:0;
        width: 54px;
        height: 54px;
    }
    .header-sp-menu label{
        width:54px;
        height:54px;
        display:block;
    }
    .pc-none{
        display:block;
    }
    .modal_content nav{
        margin-top: 2px;
    }
    .modal_content nav a{
        color:#fff;
        display:block;
        border-bottom:1px solid #d8c99e;
        padding:8px 20px;
        font-size:16px;
        line-height: 22px;
    }
    .modal_content nav a:last-child{
        border-bottom-width:0;
    }
    .popup-window .popup-inner {
        width:90%;
        margin-left:-45%;
    }
    
}

@media screen and (max-width:800px) {
    .point-circle {
        position: relative;
        width: 140px !important;
        top: auto !important;
        right: auto !important;
        margin-top: 20px;
    }
}
@media screen and (max-width:640px) {

    table , td, th {
        font-size:12px;
        padding:10px 15px;
    }
    .sp-mt-30{
        margin-top:30px !important;
    }
/*
    .point-circle{
        width:80px !important;
        right:10px !important;
        top:-80px !important;
    }
*/
    .point-circle{
        width:120px !important;
    }
    #office .title {
        font-size: 23px;
    }
    .apply_title{
        margin:0!important;
    }
    .apply_links{
        padding:0 10px;
    }
    .apply_links .link-box{
        width:100%;
    }
    #office .matching-left.thumb.left,#office .matching-right.detail.right{
        width:100% !important;
        float:none !important;
    }
    #office .matching-left.detail.left,#office .matching-right.thumb.right{
        width:100% !important;
        float:none !important;
    }
    #features .thumb {
        width: 100%;
        float: none;
    }
    #features .detail h3{
        font-size:20px;
    }
    .sp-side-10{
        padding-left:10px!important;
        padding-right:10px!important;
    }
    .sp-side-0{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .each-cat{
        width:100%;
        float:none;
        margin-right:0;
        margin-bottom:30px;
    }
    .latest-single .right p {
        font-size:12px;
    }
    .latest-single .right div h4 {
        font-size:13px;
        line-height:1.6em;
    }
    .each-cat:nth-of-type(2n){
        margin-right:0;
    }
    .latest-single .left{
        float:left !important;
    }
    .latest-single .right{
        float:right !important;
    }
    .seminar.detail h3{
        font-size:20px;
    }
    .seminar .link-box{
        margin-bottom:20px !important;
    }
    .sitemap.categories div a {
        font-size: 14px;
    }
    .article-title{
        font-size:13px;
    }
    .qa.categories div{
        width:49%;
        margin-right:2%;
        margin-bottom:2%;
    }
    .qa.categories div:nth-of-type(3n){
        margin-right:2%;
    }
    .qa.categories div:nth-of-type(2n){
        margin-right:0;
    }
    .qa-list li.question{
        background-size:30px;
        padding:10px 0 10px 40px;
    }
    .question h2{
        font-size:14px;
        background-size:30px;
        padding:10px 40px 10px 0;
    }
    .answer{
        padding-left:40px;
        padding-bottom:10px;
    }
    .answer h3{
        font-size:12px;
    }
    .reasons.index .reasons-row .reason:first-child,.reasons.college .reasons-row .reason:first-child{
        margin-bottom:10px;
    }
    .reasons.index .reasons-row{
        margin-bottom:0;
    }
    .reasons.index .reason:nth-of-type(2n),.reasons.college .reason:nth-of-type(2n){
        margin-right:auto;
        margin-bottom:10px;
    }
    .reasons.index .reason,.reasons.college .reason{
        width:100%;
        max-width:480px !important;
        margin-left:auto;
        margin-right:auto;
        float:none;
    }
    #article img{
        height:auto !important;
    }
    .article-main .content{
        width:100%;
    }
    
    .article-main .side-bar{
        width:100%;
    }
    /*--- updated 2019.02.15 (add) ---*/
    #article .top h1{
        font-size:21px;
    }
    /*--- updated 2019.02.15 (add) ---*/
    #article .top .heading{
        margin: 5px 0;
    }

    /*--- updated 2019.02.15 (delete) ---*/
    /*
    #article .top div h1{
        font-size:18px;
    }
    */
    content-box{
        margin-bottom:50px !important;
    }
    .small{
        font-size:14px;
        letter-spacing:.1em;
    }
    .n2-ss-slide.n2-ss-canvas.n2-ow.n2-ss-slide-9.n2-ss-slide-active,.n2-ss-slider-1.n2-ss-swipe-element.n2-ow{
        max-height:200px !important;
    }
    .reason-no {
        width: 40px;
        font-size: 20px;
        margin:0 auto;
        display: block;
        padding-left: 10px;
        line-height:30px;
    }
    #top-concept h3,
    #concept h3{
        font-size:20px;
        margin-bottom:30px;
    }
    .office{
        margin-bottom:30px;
    }
    .reason {
        padding:15px;
    }
    .reason div {
        display: block;
    }
    .index .side-row{
        min-height:90px;
    }

    .about-list .reason div:first-child{
        width:100%;
        margin-right:0;
    }
    .about-list .reason div:nth-of-type(2){
        width:100%;
        margin-top:10px;
    }
    .reason-item-title {
        text-align: center;
    }
    .menu{
        margin-bottom:30px;
    }
    .title{
        font-size:26px;
    }
    .course-list span{
        display:block;
        text-align:left;
    }
    .content-text{
        padding:0 10px;
    }
    .sp60{
        width:60%;
    }
    .sp75{
        width:75%;
    }
    .sp80{
        width:80%;
    }
    .pc{
        display:none;
    }
    .sp{
        display:block;
    }
    .in{
        padding-left:10px;
        padding-right:10px;
        width:100%;
     }
     .left,.right{
         float:none;
         width:100%;
     }
     body{
         /*padding-top:50px;*/
     }
     header{
         height:54px;
     }
     .header-logo img{
         width:100px;
     }
     .header-sp-menu img{
         width:54px !important;
     }
     .maps {
         margin: 30px auto 0;
     }
     .office-link .single {
         width: 100%;
         margin-bottom: 10px;
     }
     .office-link .single a{
         padding:10px 0;
     }
     .title.en {
         font-size: 30px;
     }
     *{
         max-width:100% !important;
     }

     img{
         max-width:100% !important;
     }
     .link-box{
         margin:30px auto;
     }
     .photo{
         width:48%;
         margin-right:4px;
     }
     .photo:nth-of-type(2n){
         margin-right:0;
         float:right;
     }
     #office .link-box {
         width: 250px;
         margin: 30px auto;
     }
     #office .thumb {
         width: 100%;
     }
     .categories.busico.in{
         width:100%;
         
     }
     .categories > div {
         margin-right: 1%;
         width: 49%;
         float: left;
         margin-top:0;
         margin-bottom:5px;
     }
     .categories.sitemap > div {
         width: 100%;
         float: none !important;
         margin-top:0;
         margin-bottom:25px;
     }
     .detail h3 {
         margin-bottom: 3px;
     }
     .categories div a {
         font-size: 16px;
     }
     .categories div:nth-of-type(2n) {
         margin-right:0;
         float:right;
     }
     #concept,#reasons,#location,#staff,#office,#about,#gallery,#features,#equipment {
         padding:30px 10px;
     }
     #telecom .title {
         margin-bottom: 20px;
     }
     .detail p{
         margin-bottom:10px;
     }
     .title-box{
         margin-bottom:30px;
     }
     #telecom{
         padding:30px 10px 50px;
     }
     #location .link-box {
         margin: 30px 0;
     }
     .article{
         width:100%;
         float:none;
         margin-right:0;
         margin-bottom:30px; /*--- updated 2019.0.15 (update: 20px -> 30px) ---*/
    }
     #contact{
         padding: 40px 10px 30px;
     }
     .contact-row.in{
         width: 100%;
         background-color: transparent !important;
     }
     .contact-row{
         padding: 5px 10px;
     }
     .contact-row .link-box,.contact-row.tel .link-box{
         width: 100%;
     }
     .contact-row .left,.contact-row .right {
         margin:10px auto;
     }
     .contact-row .left:last-of-type {
         margin-right: 0;
         margin:10px auto;
     }
     .categories{
         margin-top:0;
     }
     .articles-cat.categories.busico{
         margin-bottom:30px !important;
     }
     .sitemap{
         margin-bottom:0;

     }
     .sitemap > div > div{
         width:100% !important;
     }
     .sitemap > div > div ul {
         padding: 0 20px;
     }
     .categories.busico.articles-cat div a{
         padding:10px 0;
     }
     .qa.categories.busico.articles-cat.in{
         padding:0;
         margin-bottom:0 !important;
     }
     .qa.categories.busico.articles-cat div a{
         font-size:12px;
     }

     .sp-padding-0{
         padding-left:0 !important;
         padding-right:0 !important;
     }
     .sp10{
         padding-left:10px !important;
         padding-right:10px !important;
     }
}






/*****
modalメニュー
*****/

.modal_wrap input{
    display: none;
}


.modal_overlay{
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed;
    z-index: 9999;
    width: 100%;
    background: rgba(64,48,16,0.5);
    opacity: 0;
    transition: opacity 0.5s, transform 0s 0.5s;
    transform: scale(0);
    height:100%;
}

.modal_trigger{
    position: absolute;
    width: 100%;
    height: 100%;
}

.modal_content{
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box;
    line-height: 1.4em;
    transform: translateY(-100%);
    transition: 0.5s;
    overflow-y:scroll;
    height:397px;
    margin-top:-20px;
    background-color:#BF9A3A;
    color:#fff;
}
#trigger.active ~ .modal_overlay{
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.5s;
}

#trigger.active ~ .modal_overlay .modal_content{
    transform: translateY(20px);
}


.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.menu-trigger {
    position: relative;
    width: 54px;
    height: 54px;
}
.menu-trigger span {
    position: absolute;
    left: 12px;
    width: 30px;
    height: 1px;
    background-color: #fff;
    border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
    top: 15px;
}
.menu-trigger span:nth-of-type(2) {
    top: 26px;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 15px;
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(20px) rotate(-45deg);
  top:5px;
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-20px) rotate(45deg);
  top:45px;
}


/***
カスタマイズ（トップページ）
***/
/*
topslider
*/
#slider.top-slider {
    background-color: #FAF6EE;
    position: relative;
}
@media screen and (max-width:640px) {
    .n2-ss-slide.n2-ss-canvas.n2-ow.n2-ss-slide-9.n2-ss-slide-active,.n2-ss-slider-1.n2-ss-swipe-element.n2-ow,
    .n2-ss-layers-container.n2-ow {
        max-height:320px !important;
    }
}
.n2-ss-spinner-simple-white-container {
    background: transparent !important;
    width: 30px !important;
    height: 30px !important;
    margin: -30px !important;
    padding: 15px;
}

.n2-ss-spinner-simple-white:before {
    width: 30px !important;
    height: 30px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
}
.n2-ss-spinner-simple-white:not(:required):before {
    border-top: 3px solid #BC9941 !important;
    border-right: 3px solid transparent !important;
}


/*
top-news
*/
#top-news {
    position: relative;
    z-index: 50;
}
.top-news-wrapper {
    border-top: 1px solid #BC9941;
    border-bottom: 1px solid #BC9941;
    background-color: #251103;
}
.top-news {
    padding: 8px 10px;
    max-width: 100%;
    padding-right: 50px;
    position: relative;
}
.top-news-item {
    display: table;
    color: #FFF;
    padding: 0;
    margin: 4px 0;
}
.top-news-item > span {
    display: table-cell;
    height: 16px;
    line-height: 16px;
    min-height: 20px;
    vertical-align: top;
    text-align: center;
}
.top-news-item .top-news-category {
    min-width: 50px;
    text-align: center;
}
.top-news-item .top-news-category .category {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    min-width: 100px;
    padding: 0 10px;
    white-space: nowrap;
    vertical-align: middle;
}
.top-news-item .top-news-date .date {
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    color: #A3812B;
    padding: 0 5px;
    margin-left: 0;
    white-space: nowrap;
}
.top-news-item .top-news-title{
    width: 100%;
    color: #FFF;
    font-size: 13px;
    line-height: 18px;
    height: 16px;
    text-align:left;
}
    .top-news-item .top-news-title .top-news-new,
    .top-news-item .top-news-title .top-news-recommend {
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    line-height: 14px;
    height: 14px;
    background-color: #B42;
    color: #FFF;
    padding: 0 6px;
    margin: 0;
    border-radius: 7px;
    position: relative;
    top: -2px;
    white-space: nowrap;
}
.top-news-item .top-news-title .top-news-recommend {
    background-color: #073;
}
.top-news-item .top-news-title a {
    color: #fff;
    transition: .3s;
}
.top-news-item .top-news-title a:hover {
    color: #BF9A3A;
}
.top-news-link {
    width: 60px;
    position: absolute;
    bottom: 5px;
    right: 0;
    white-space: nowrap;
    padding-right: 10px;
    text-align: right;
}
.top-news-link a {
    color: #BF9A3A;
    font-size: 13px;
    transition: .3s;
    white-space: nowrap;
}
.top-news-link a:hover {
    color: #EFCD75;
}
@media screen and (max-width:640px) {
    .top-news {
        padding: 8px 10px 11px;
    }
    .top-news-item {
        display: block;
        margin-bottom: 8px;
    }
    .top-news-item:last-child {
        margin-bottom: 4px;
    }
    .top-news-item > span {
        display: block;
    }
    .top-news-item .top-news-category,
    .top-news-item .top-news-date {
        float:left;
        height: 16px;
    }
    .top-news-item .top-news-category .category {
       display: block;
        font-size: 10px;
        min-width: 50px;
        height: 16px;
        line-height: 16px;
        padding: 0 5px;
    }
    .top-news-item .top-news-date .date{
        display: block;
        font-size: 10px;
        height: 16px;
        line-height: 16px;
        margin: 0;
        padding: 0;
    }
    .top-news-item .top-news-date .sp {
        display: inline;
    }
    .top-news-item .top-news-title{
        height: auto;
        line-hegith: auto;
        float: none;
        clear: both;
        padding-top: 5px;
        font-size: 11px;
        line-height: inherit;
    }
    .top-news-link {
        width: auto;
        position: relative;
        bottom: auto;
        right: auto;
        padding-right:0;
        text-align: center;
    }
    .top-news-link a{
        display: block;
        background-color: #805e35;
        line-height: 25px;
        color: #fff;
    }
    .top-news-link a:hover {
        background-color: #a67945;
        color: #fff;
    }
}

.top-slider-button-wrapper {
    padding: 0 10px;
}
.top-slider-button-ginza,
.top-slider-button-umeda,
.top-slider-button-ginza img,
.top-slider-button-umeda img {
    display: block;
}
.top-slider-button-ginza img,
.top-slider-button-umeda img {
    max-width: 100%;
}
.top-slider-button-ginza,
.top-slider-button-umeda {
    position: relative;
    margin-top: -25px;
}
.top-slider-button-ginza {
    float: left;
    margin-right: 5px;
}
.top-slider-button-umeda {
    float: right;
    margin-left: 5px;
}
.top-slider-button-ginza:hover,
.top-slider-button-umeda:hover {
    margin-top: -30px;
    box-shadow: 0 0 10px 1px rgba(255,255,255,.6);
    transition: .4s;
}
@media screen and (max-width: 1121px) {
    .top-slider-button-wrapper {
        width: 1025px;
        max-width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .top-slider-button-ginza {
        float: none;
    }
    .top-slider-button-umeda {
        float: none;
    }
}
@media screen and (max-width: 640px) {
    .top-slider-button-ginza,
    .top-slider-button-umeda {
        margin-top: -20px;
    }
    .top-slider-button-ginza {
        margin-right: 2px;
    }
    .top-slider-button-umeda {
        margin-left: 2px;
    }
    .top-slider-button-ginza:hover,
    .top-slider-button-umeda:hover {
        margin-top: -25px;
        box-shadow: none;
    }
}

.top-scroll-arrow { color: #bf9a3a;
    position: absolute;
    top: 20px;
    left: 10px;
    padding-top: 70px;
    display: block;
    width: 100px;
    text-align: center;
    float: left;
    transition: .4s;
}
.top-scroll-arrow  span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    border-left: 1px solid #bf9a3a;
    border-bottom: 1px solid #bf9a3a;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 1.5s infinite;
    animation: sdb 1.5s infinite;
    box-sizing: border-box;
}
@-webkit-keyframes sdb {
    0% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}
@keyframes sdb {
    0% {
        transform: rotate(-45deg) translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: rotate(-45deg) translate(-20px, 20px);
        opacity: 0;
    }
}

@media screen and (max-width: 1240px) {
    .top-scroll-arrow {
        display: none;
    }
}

/*
top-link
*/

#top-link {
    padding: 50px 0;
    color: #402d12;
    background-color: #fff6de;
}

#top-link h2 {
    font-size: 26px;
}

.top-link-item-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display : -ms-flexbox;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0;
    max-width: 900px;
}
.top-link-item {
    width: 180px;
    margin-bottom: 15px;
    text-align: center;
    white-space: nowrap;
    font-size: 14px;
}
.top-link-item-empty {
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.top-link-item a .top-link-item-icon-wrapper {
    text-align: center;
}
.top-link-item a .top-link-item-icon {
    display: block;
    margin: 0 auto;
    background-color: #402d12;
    width: 160px;
    min-width: 160px;
    height: auto;
}
.top-link-item a:hover .top-link-item-icon {
    background-color: #BF9A3A;
    transition: .3s;
}
.top-link-item a .top-link-item-text-wrapper {
    margin: 10px 0 0;
}
@media screen and (max-width:920px) {
    .top-link-item-wrapper {
        max-width: 720px !important;
    }
}
@media screen and (max-width:740px) {
    .top-link-item-wrapper {
        max-width: 540px !important;
    }
}
@media screen and (max-width:560px) {
    #top-link {
        padding: 50px 0 20px;
    }
    .top-link-item-wrapper {
        display: block;
        max-width: 100% !important;
        padding: 0 20px;
    }
    .top-link-item-empty {
        display: none;
    }
    .top-link-item {
        width: 100%;
        margin-bottom: 5px;
    }
    .top-link-item a {
        display: table;
        width: 100%;
        background-color: #402d12;
    }
    .top-link-item a:hover {
        background-color: #BF9A3A;
        transition: .3s;
    }
    .top-link-item a .top-link-item-icon-wrapper {
        display:table-cell;
        width: 100px;
        min-width: 100px;
    }
    .top-link-item a .top-link-item-icon {
        background-color: transparent;
        width: 90px;
        min-width: 90px;
        max-width: 90px;
        height: 90px;
    }
    .top-link-item a:hover .top-link-item-icon {
        background-color: transparent;
    }
    .top-link-item a .top-link-item-text-wrapper {
        display:table-cell;
        width: 100%;
        vertical-align: middle;
        color: #fff;
    }
}

.fade-in,
.fade-in-scroll {
    opacity: 0;
}
.fade-in-scroll {
    transform: translateY(16px);
}

/*
top-notion
*/

#top-notion h3 {
    font-size:26px;
    font-weight:600;
    margin-bottom:45px;
}

#top-notion {
    padding:80px 0 145px;
    background: #fcfcfc url(/img/top-notion-bg.jpg) center center no-repeat;
    background-size: cover;
}
#top-notion .top-notion-contents {
    width: 50%;
    padding-right: 30px;
    margin: 40px 0 60px 50%;
}
#top-notion .text-box {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.05em;
}


/*
top-concept
*/

#top-concept {
    background: #fff url(/img/top-concept-bg.jpg) center center no-repeat;
    background-size: cover;
}
#top-concept .top-concept-contents {
    padding-left: 30px;
    margin: 40px auto 60px;
}
#top-concept .text-box {
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 0.05em;
}

#top-concept .link-box {
    margin: 50px 0 0;
}
#top-concept .link-box a {
    font-size: 18px;
    line-height: 65px;
    letter-spacing: 0.05em;
}
#top-concept .link-box:hover{
    opacity: .85;
}

@media screen and (max-width:1000px) {
    #top-notion,
    #top-concept {
        background-position: center bottom;
        background-size: contain;
    }
    #top-notion .top-notion-contents {
        width: 100%;
        padding-left: 30px;
        margin: 0 0 250px;
    }

}
@media screen and (max-width:640px) {
    #top-notion, #top-concept {
        padding:30px 10px;
    }
    #top-notion .top-notion-contents,
    #top-concept .top-concept-contents {
        padding-left: 10px;
        padding-right: 10px;
        margin: 10px auto 30px;
    }
    #top-notion h3 {
        font-size: 120%;
    }
    #top-notion .top-notion-contents {
        margin: 10px auto 180px;
    }
    #top-notion .text-box,
    #top-concept .text-box {
        font-size: 16px;
        line-height: 26px;
    }
    #top-concept .link-box {
        width: 100%;
    }
    #top-concept .link-box a {
        width: auto;
        line-height: 55px;
    }
    #top-concept .link-box:hover {
        opacity: 1;
        background-color: #c9ad67;
    }

}

#location {
    margin-top: -98px;
    padding-top: 98px;
    padding-bottom: 0;
}
.top-location-wrapper {
    padding: 80px 0 30px;
}
.office .detail {
    width: 49%;
    padding: 30px 0 0;
    color: #454545;
}
.office .thumb {
    margin-top: 0;/*40px;*/
    width: 100%;
}
.office .thumb img{
    max-width: 100%;
}
.top-location-office-title {
    font-size: 30px;
}
@media screen and (max-width:1000px) {
    .top-location-wrapper {
        padding: 80px 0 20px;
    }
    .office .detail {
        float: none;
        width: 80%;
        margin: 0 auto;
    }
    .office .thumb {
        margin: 0;
    }
}
@media screen and (max-width:881px) {
    #location {
        margin-top: -54px;
    }
}
@media screen and (max-width: 640px) {
    #location {
        padding: 30px 0 0;
    }
    .top-location-wrapper {
        padding: 40px 10px 20px;
    }
    .top-location-office-title {
        font-size: 24px;
    }
    .office .detail {
        width: 100%;
        padding: 20px 0 0;
    }
}


/*
pagination
*/

.articles-pagination-wrapper {
	padding: 30px 0;
	text-align: center;
}
.articles-pagination {
	clear: both;
	display: -webkit-box;
	display: -webkit-flex;
	display : -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
}
.articles-pagination a,
.articles-pagination span {
	display: block;
	padding: 0 10px;
	line-height: 45px;
	height: 45px;
	margin: 0 2px;
	min-width: 45px;
	text-align: center;
	border-width: 1px;
	white-space: nowrap;
}
.articles-pagination .articles-pagination-prev,
.articles-pagination .articles-pagination-next {
	margin: 0 10px;
	min-width: 65px;
}
.articles-pagination span {
	opacity: .35;
	padding: 0 5px;
}
.articles-pagination .articles-pagination-dot,
.articles-pagination .articles-pagination-current {
	opacity: 1;
}

.articles-pagination.articles-pagination-sp {
	justify-content: space-between;
}
.articles-pagination.articles-pagination-sp .articles-pagination-prev,
.articles-pagination.articles-pagination-sp .articles-pagination-next {
	flex-basis: auto;
	width: 50%;
	margin: 0 2px;
}

.articles-pagination-text {
	margin: 12px 0 0;
}
.articles-pagination-text-sub {
	font-size: 80%;
	line-height: inherit;
}
.articles-pagination a:hover {
	color: #fff;
	background-color: #BF9A3A;
	transition:.3s;
}


/*
office (ginza/umeda)
*/

#office .title {
	font-size: 36px;
}
#office .detail p{
	font-size: 18px;
}

.office-section-concept .page-navi {
	margin: 20px 0 100px !important;
}
@media screen and (max-width:640px) {
	.office-section-concept .page-navi {
		margin: 0 0 40px !important;
	}
	.office-section-concept .page-navi ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.office-section-concept .page-navi ul li{
		display: block;
		margin-bottom: 8px;
		white-space: nowrap;
	}
	.office-section-concept .page-navi ul li a{
		font-size: 90%;
		white-space: nowrap;
	}
}

.office-section * {
	word-break: normal;
}
.office-section-concept {
}
.office-section-concept-ginza {
	background: #fff url(/img/ginza/ginza-main-concept-bg.jpg) center center no-repeat;
	background-size: cover;
}
.office-section-concept-umeda {
	background: #fff url(/img/umeda/umeda-main-concept-bg.jpg) center center no-repeat;
	background-size: cover;
}
.office-section-concept .n2-ss-spinner-simple-white:not(:required):before {
	border-top: 0 !important;
}

.office-main-concept-image-wrapper {
	width: 1500px;
	margin-top: 0 !important;
	box-shadow: 0 0 10px 2px rgba(255, 255, 255, .5);
}
.office-main-feature-list {
	display: block;
	max-width: 100%;
	margin: 70px auto 20px;
	text-align: center;
}
.office-main-feature-list-item {
	display: inline-block;
	width: 330px;
	max-width: 100%;
	margin: 0 0 40px;
	vertical-align: top;
}
.office-main-feature-list-item-icon {
	width: 280px;
	height: 200px;
	margin: 0 auto;
	background: transparent url(/img/office/illustration_feature.png?20190904) 0 200px no-repeat;
	background-size: 280px 1600px;
}
.office-main-feature-list-item-icon.icon1  {background-position: 0 0;}
.office-main-feature-list-item-icon.icon2  {background-position: 0 -200px;}
.office-main-feature-list-item-icon.icon3  {background-position: 0 -400px;}
.office-main-feature-list-item-icon.icon4  {background-position: 0 -600px;}
.office-main-feature-list-item-icon.icon5  {background-position: 0 -800px;}
.office-main-feature-list-item-icon.icon6  {background-position: 0 -1000px;}
.office-main-feature-list-item-icon.icon7  {background-position: 0 -1200px;}
.office-main-feature-list-item-icon.icon8  {background-position: 0 -1400px;}

.office-main-feature-list-item a:hover .office-main-feature-list-item-icon {
	opacity: .8;
	transition: .3s;
}
.office-main-feature-list-item-title {
	text-align: center;
	margin: 20px 10px;
	font-size: 18px;
	font-weight: bold;
}
.office-main-feature-list-item-description { 
	text-align: left;
	margin: 10px;
}

.office-section {
	padding: 80px 0 !important;
}
.office-main-service-list {
	display: block;
	max-width: 100%;
	margin: 50px auto 70px;
	text-align: center;
}
.office-main-service-list.office-main-service-list5 {
	max-width: 850px;
}
.office-main-service-list-item {
	display: inline-block;
	width: 160px;
	margin: 0 0 15px;
	vertical-align: top;
}
.office-main-service-list-item-blank {
	height: 0;
}
.office-main-service-list-item a {
	color: #000;
	text-decoration: none;
}
.office-main-service-list-item-icon {
	width: 100px;
	height: 100px;
	margin: 0 auto;
	border-radius: 6px;
	background: #bf9a3a url(/img/office/icon_service.png?20190904) 100px 0 no-repeat;
	background-size: 100px 1400px;
}
.office-main-service-list-item-icon.icon1  {background-position: 0 0;}
.office-main-service-list-item-icon.icon2  {background-position: 0 -100px;}
.office-main-service-list-item-icon.icon3  {background-position: 0 -200px;}
.office-main-service-list-item-icon.icon4  {background-position: 0 -300px;}
.office-main-service-list-item-icon.icon5  {background-position: 0 -400px;}
.office-main-service-list-item-icon.icon6  {background-position: 0 -500px;}
.office-main-service-list-item-icon.icon7  {background-position: 0 -600px;}
.office-main-service-list-item-icon.icon8  {background-position: 0 -700px;}
.office-main-service-list-item-icon.icon9  {background-position: 0 -800px;}
.office-main-service-list-item-icon.icon10 {background-position: 0 -900px;}
.office-main-service-list-item-icon.icon11 {background-position: 0 -1000px;}
.office-main-service-list-item-icon.icon12 {background-position: 0 -1100px;}
.office-main-service-list-item-icon.icon13 {background-position: 0 -1200px;}
.office-main-service-list-item-icon.icon14 {background-position: 0 -1300px;}


.office-main-service-list-item a:hover .office-main-service-list-item-icon {
	opacity: .8;
	transition: .3s;
}
.office-main-service-list-item-label {
	text-align: center;
	margin: 5px 0 0;
	font-size: 14px;
}
.office-main-service-info {
	padding: 50px 5px;
}
.office-main-service-info-title-icon {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #e3cba8;
	font-size: 8px;
	border-radius: 4px;
	float: left;
	margin-left: 3px;
	background: transparent url(/img/office/icon_service.png) 0 0 no-repeat;
	background-size: 50px 700px;
}
.office-main-service-info-title-icon.icon1  {background-position: 0 0;}
.office-main-service-info-title-icon.icon2  {background-position: 0 -50px;}
.office-main-service-info-title-icon.icon3  {background-position: 0 -100px;}
.office-main-service-info-title-icon.icon4  {background-position: 0 -150px;}
.office-main-service-info-title-icon.icon5  {background-position: 0 -200px;}
.office-main-service-info-title-icon.icon6  {background-position: 0 -250px;}
.office-main-service-info-title-icon.icon7  {background-position: 0 -300px;}
.office-main-service-info-title-icon.icon8  {background-position: 0 -350px;}
.office-main-service-info-title-icon.icon9  {background-position: 0 -400px;}
.office-main-service-info-title-icon.icon10 {background-position: 0 -450px;}
.office-main-service-info-title-icon.icon11 {background-position: 0 -500px;}
.office-main-service-info-title-icon.icon12 {background-position: 0 -550px;}
.office-main-service-info-title-icon.icon13 {background-position: 0 -600px;}
.office-main-service-info-title-icon.icon14 {background-position: 0 -650px;}

.office-main-service-info-title-label {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	padding-left: 15px;
	float: left;
}
.office-main-service-info-description {
	margin: 20px 3px 10px;
}
.office-main-service-info-excerpt-link {
	color: #09C;
	font-weight: bold;
}
.office-main-service-info-excerpt-link-title {
	margin: 0 10px 0 3px;
	padding: 3px 5px;
	background-color: #09C;
	color: #fff;
}
.office-main-service-info-excerpt-link a:hover {
	opacity: .8;
	transition: .3s;
}
.office-main-service-info-return {
	border-top: 1px solid #ddd;
	text-align: right;
	margin: 5px 0 0;
	font-size: 14px;
	padding: 5px 3px;
	vertical-align: middle;
}
.office-main-service-info-return-arrow {
	margin-right: 3px;
}
.office-main-service-info-caution-list {
	color: #c50;
}
.office-main-service-info-caution-list li {
	list-style-type: none;
	margin: 3px 0 3px  1.5em;
}
.office-main-service-info-caution-list li::before{
	content: "\e937";
	font-family: 'JoesWebfont' !important;
	font-size: 100%;
	margin-left: -1.5em;
	width: 1.5em;
	display: inline-block;
}
.office-main-service-info-about-top-margin {
	height: 32px;
}
.office-main-service-info-about {
	margin-top: 15px;
	clear: both;
}
.office-main-service-info-about-title {
	float: left;
	font-weight: bold;
	color: #fff;
	padding: 0 15px;
	height: 32px;
	line-height: 32px;
	margin-top: -32px;
}
.office-main-service-info-about-description {
	float:left;
	width: 100%;
	margin-bottom: 10px;
	padding: 15px;
}
.office-main-service-info-about-link-button-wrapper {
	margin: 10px 0 0;
}
.office-main-service-info-about-link-button-wrapper .link-box {
	width: 450px;
	line-height: inherit;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0 auto;
}
.office-main-service-info-center {
	text-align: center;
}
.office-main-service-info-margin {
	margin: 10px 0;
}
.office-main-service-info-color {
	color: #6f5511;
}
.office-main-service-info-price {
	font-size: 26px;
	font-weight: bold;
}
.office-main-service-info-yen {
	margin-left: 5px;
	font-size: 22px;
	font-weight: bold;
}
.office-main-service-info-large {
	font-size: 20px;
}
.office-main-service-info-larger {
	font-size: 120%;
}
.office-main-service-info-small {
	font-size: 18px;
}
.office-main-service-info-bold {
	font-weight: bold;
}
.office-main-service-info-space {
	display: inline-block;
	width: 30px;
}


.office-main-service-info-image {
	display: block;
	float: right;
	margin: -70px 0 10px 10px;
}
.office-main-service-info-image.office-main-service-info-image-address {
	margin: -50px 0 10px 10px;
}
.office-main-service-info-equipment-list {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 20px 0 0;
}
.office-main-service-info-equipment-list-item {
	display: table;
	width: 220px;
	margin: 5px 10px 10px;
}
.office-main-service-info-equipment-list-item-blank {
	height: 0;
	margin: 0 10px;
}
.office-main-service-info-equipment-list-item-icon {
	display: table-cell;
	width: 50px;
	height: 50px;
	min-width: 50px;
	max-width: 50px;
	max-height: 50px;
	background: transparent url(/img/office/icon_equipment.png) 0 0 no-repeat;
	background-size: 50px 500px;
}
.office-main-service-info-equipment-list-item-icon.icon1  {background-position: 0 0;}
.office-main-service-info-equipment-list-item-icon.icon2  {background-position: 0 -50px;}
.office-main-service-info-equipment-list-item-icon.icon3  {background-position: 0 -100px;}
.office-main-service-info-equipment-list-item-icon.icon4  {background-position: 0 -150px;}
.office-main-service-info-equipment-list-item-icon.icon5  {background-position: 0 -200px;}
.office-main-service-info-equipment-list-item-icon.icon6  {background-position: 0 -250px;}
.office-main-service-info-equipment-list-item-icon.icon7  {background-position: 0 -300px;}
.office-main-service-info-equipment-list-item-icon.icon8  {background-position: 0 -350px;}
.office-main-service-info-equipment-list-item-icon.icon9  {background-position: 0 -400px;}
.office-main-service-info-equipment-list-item-icon.icon10 {background-position: 0 -450px;}

.office-main-service-info-equipment-list-item-label {
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	white-space: nowrap;
}

.office-main-space-list {
	margin-top: 70px;
}
.office-main-space-item {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 50px 0;
}
.office-main-space-item-reverse {
	flex-direction: row-reverse;
}
.office-main-space-item-info {
	max-width: 100%;
}
.office-main-space-item-info-title {
	font-size: 200%;
	font-weight: normal;
	margin-bottom: 25px;
}
.office-main-space-item-image {
	display: block;
	margin: 0 20px;
	width: 440px;
	max-width: 45%;
}

@media screen and (max-width:640px) {
	.office-main-space-item {
		display: block;
		margin: 30px 0;
	}
	.office-main-space-item-info {
		margin-bottom: 10px;
	}
	.office-main-space-item-info-title {
		font-size: 160%;
		margin-bottom: 15px;
	}
	.office-main-space-item-image {
		margin: 0;
		width: 100%;
		max-width: 100%;
	}
}

.office-main-price-prices-wrapper {
	margin: 50px auto;
	width: 90%;
	border-collapse: collapse;
	border: none;
	min-height: 60px;
}
.office-main-price-prices-membership-fee {
	min-height: 120px;
}
.office-main-price-prices-title {
	background-color: #93752a;
	color: #fff;
	border: 1px solid #93752a;
	font-size: 120%;
	font-weight: normal;
	white-space: nowrap;
	min-width: 400px;
	text-align: left;
	padding: 10px;
	vertical-align: middle;
}
.office-main-price-prices-membership-fee .office-main-price-prices-title {
	font-size: 145%;
}
.office-main-price-prices-member-virtual .office-main-price-prices-title {
	background: #93752a url(/img/office/icon_price_member_virtual.png) 30px center no-repeat;
	background-size: 60px 60px;
	padding-left: 110px;
}
.office-main-price-prices-member-share .office-main-price-prices-title {
	background: #93752a url(/img/office/icon_price_member_share.png) 15px center no-repeat;
	background-size: 84px 60px;
	padding-left: 110px;
}
.office-main-price-prices-option-locker .office-main-price-prices-title {
	background-color: #93752a;
	padding-left: 100px;
}
.office-main-price-prices-option-phone .office-main-price-prices-title {
	background: #93752a url(/img/office/icon_price_option_phone.png) 20px center no-repeat;
	background-size: 60px 60px;
	padding-left: 100px;
}
.office-main-price-prices-option-locker .office-main-price-prices-title {
	background: #93752a url(/img/office/icon_price_option_locker.png) 20px center no-repeat;
	background-size: 60px 60px;
	padding-left: 100px;
}
@media screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
	.office-main-feature-list-item-icon {
		background-image: url(/img/office/illustration_feature@2x.png?20190904);
	}
	.office-main-service-list-item-icon {
		background-image: url(/img/office/icon_service@2x.png?20190904);
	}
	.office-main-service-info-equipment-list-item-icon {
		background-image: url(/img/office/icon_equipment@2x.png);
	}
	.office-main-price-prices-member-virtual .office-main-price-prices-title {
		background-image: url(/img/office/icon_price_member_virtual@2x.png);
	}
	.office-main-price-prices-member-share .office-main-price-prices-title {
		background-image: url(/img/office/icon_price_member_share@2x.png);
	}
	.office-main-price-prices-option-phone .office-main-price-prices-title {
		background-image: url(/img/office/icon_price_option_phone@2x.png);
	}
	.office-main-price-prices-option-locker .office-main-price-prices-title {
		background-image: url(/img/office/icon_price_option_locker@2x.png);
	}
}
.office-main-price-prices-description {
	background-color: #fff;
	color: #93752a;
	border: 1px solid #93752a;
	font-size: 100%;
	white-space: nowrap;
	width: 100%;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
.office-main-price-prices-membership-fee .office-main-price-prices-description {
	font-size: 120%;
}
.office-main-price-prices-description img {
	vertical-align: middle;
}
.office-main-price-prices-description-multi-lines {
	display: flex;
	justify-content: center;
	align-items: center;
}
.office-main-price-prices-membership-fee .office-main-price-prices-description-multi-lines {
	display: block;
}
.office-main-price-prices-description-line {
	display: block;
	margin: 0 5px;
}
span.office-main-price-prices-description-line {
	display: block;
	margin: 2px 5px 0;
}
.office-main-price-prices-annotation {
	border: none;
	padding: 5px 0;
	text-align: right;
	font-size: 80%;
	color: #93752a;
}
.office-main-price-prices-list {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 800px;
}

.office-main-price-prices-list-item {
	text-align: center;
	width: 100%;
	margin: 0 5px;
}
.office-main-price-prices-list-item-label {
	padding: 3px;
}
.office-main-price-prices-list-item-price {
	padding: 10px 10px;
}
.office-main-price-prices-link {
	margin-top: 40px;
}

.office-section .article .heading {
	margin-bottom: 5px;
}
.office-main-voice-sub-title {
	font-size: 160%; 
	font-weight: normal;
	margin: 80px 0 20px;
}
@media screen and (max-width:768px) {
	.office-main-voice-sub-title {
		margin: 40px 0 20px;
	}
}

.office-main-access-wrapper {
	display: table;
}
.office-main-access-info {
	display: table-cell;
	width: 100%;
	vertical-align: bottom;
}
.office-main-access-map {
	display: table-cell;
	padding-left: 20px;
	vertical-align: bottom;
}
.office-main-access-map img {
	display: block;
	margin: 20px auto 0;
}
.office-main-access-info-title {
	margin: 2px 0;
}
.office-main-access-info-table {
	border-collapse: collapse;
	border-width: 0;
}
.office-main-access-info-table tr th,
.office-main-access-info-table tr td {
	border-width: 1px 0;
	padding: 24px 5px;
	font-weight: normal;
}
.office-main-access-info-table tr th {
	white-space: nowrap;
}
.office-main-access-googlemaps {
	margin: 60px 0 0;
	position: relative;
	color: #fff;
}
.office-main-access-googlemaps .link-box {
	width: 500px;
	margin-bottom: 30px;
	cursor: pointer;
}
.office-main-access-googlemaps iframe {
	width: 100%;
	margin-bottom: 30px;
	visibility: hidden;
	
}

.office-section-movie {
	background: #f7f7f7 url(/img/ginza/ginza-movie-bg.jpg) center center no-repeat;
	background-size: cover;
}
.office-section-movie-umeda {
	background: #f7f7f7 url(/img/umeda/umeda-movie-bg.jpg) center center no-repeat;
	background-size: cover;
}
.office-main-movie-link {
	display: block;
	padding: 30px;
	min-height: 100px;
}
.office-main--movie-link img {
	display: block;
	margin: 0 auto;
}
.office-section-link-umeda {
	background-color: #fff;
	padding: 60px;
}
.office-main-link {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	position: relative;
	color: #bf9a3a;
	opacity: .95;
}

.office-main-link:hover {
	background-color: #bf9a3a;
	color: #fff;
	opacity: .95;
}
.office-main-link a {
	display: block;
	width: 100%;
	font-size: 20px;
	padding: 25px 0;
	color: inherit;
}

@media screen and (max-width:1060px) {
	.office .thumb {
		margin: 0 auto;
	}
	
	.office-main-feature-list-item {
		display: inline-block;
		width: 280px;
		margin: 0 0 40px;
	}
	.office-main-feature-list-item-icon {
		width: 224px;
		height: 160px;
		background-size: 224px 1280px;
	}
	.office-main-feature-list-item-icon.icon1  {background-position: 0 0;}
	.office-main-feature-list-item-icon.icon2  {background-position: 0 -160px;}
	.office-main-feature-list-item-icon.icon3  {background-position: 0 -320px;}
	.office-main-feature-list-item-icon.icon4  {background-position: 0 -480px;}
	.office-main-feature-list-item-icon.icon5  {background-position: 0 -640px;}
	.office-main-feature-list-item-icon.icon6  {background-position: 0 -800px;}
	.office-main-feature-list-item-icon.icon7  {background-position: 0 -960px;}
	.office-main-feature-list-item-icon.icon8  {background-position: 0 -1120px;}

	.office-main-service-list-item {
		width: 145px;
	}
	.office-main-service-list-item-icon {
		width: 80px;
		height: 80px;
		border-radius: 5px;
		background-size: 80px 1120px;
	}
	.office-main-service-list-item-icon.icon1  {background-position: 0 0;}
	.office-main-service-list-item-icon.icon2  {background-position: 0 -80px;}
	.office-main-service-list-item-icon.icon3  {background-position: 0 -160px;}
	.office-main-service-list-item-icon.icon4  {background-position: 0 -240px;}
	.office-main-service-list-item-icon.icon5  {background-position: 0 -320px;}
	.office-main-service-list-item-icon.icon6  {background-position: 0 -400px;}
	.office-main-service-list-item-icon.icon7  {background-position: 0 -480px;}
	.office-main-service-list-item-icon.icon8  {background-position: 0 -560px;}
	.office-main-service-list-item-icon.icon9  {background-position: 0 -640px;}
	.office-main-service-list-item-icon.icon10 {background-position: 0 -720px;}
	.office-main-service-list-item-icon.icon11 {background-position: 0 -800px;}
	.office-main-service-list-item-icon.icon12 {background-position: 0 -880px;}
	.office-main-service-list-item-icon.icon13 {background-position: 0 -960px;}
	.office-main-service-list-item-icon.icon14 {background-position: 0 -1040px;}
	
	.office-main-service-list-item-label {
		text-align: center;
		margin: 5px 0 0;
		font-size: 11px;
	}	
	
	.office-main-access-info-table tr th,
	.office-main-access-info-table tr td {
		padding: 18px 5px;
	}
}
@media screen and (max-width:940px) {
	.office-main-feature-list-item {
		width: 45%;
	}
	.office-main-service-list-item {
		width: 22%;
	}
	
	.office-main-price-prices-wrapper {
		margin: 30px 0;
		width: 100%;
	}
	.office-main-access-map {
		vertical-align: middle;
	}
}

@media screen and (max-width:881px) {
	.office-main-price-prices-title {
		font-size: 100%;
		min-width: 350px;
	}
	.office-main-price-prices-membership-fee .office-main-price-prices-title {
		font-size: 120%;
	}
	.office-main-price-prices-description-multi-lines {
		display: block;
	}
	.office-main-price-prices-description-line {
		margin: 0 auto;
	}
	.office-main-access-wrapper,
	.office-main-access-info,
	.office-main-access-map {
		display: block;
	}
	.office-main-access-map {
		padding-left: 0;
	}
}
@media screen and (max-width:768px) {
	.office-section {
		padding: 40px 0 !important;
	}
	.office-main-service-info-image,
	.office-main-service-info-image.office-main-service-info-image-address {
		margin: 5px 0 5px 5px;
		height: 120px;
	}
	.office-main-price-prices-wrapper,
	.office-main-price-prices-wrapper tbody,
	.office-main-price-prices-wrapper tr,
	.office-main-price-prices-wrapper td {
		display: block;
		width: 100%;
		text-align: center;
	}
	.office-main-price-prices-wrapper tr:first-child,
	.office-main-price-prices-wrapper tr.office-main-price-prices-price-wrapper {
		background-color: #93752a;
	}
	.office-main-price-prices-wrapper th.office-main-price-prices-title { 
		display: inline-block;
		min-width: inherit;
		width: auto;
		margin: 0 auto;
		padding-left: 60px;
		background-position: 10px center;
		background-size: 40px 40px;
	}
	.office-main-price-prices-wrapper .office-main-price-prices-member-share th.office-main-price-prices-title { 
		padding-left: 78px;
		background-size: 56px 40px;
	}
	

	
}

@media screen and (max-width:640px) {
	.office-section.office-section-concept {
		padding-bottom: 10px !important;
		background-image: none;
	}
	#office .title {
		font-size: 30px;
	}
	.office-main-feature-list-item {
		width: 100%;
	}
	.office-main-service-list-item {
		width: 30%;
	}
	.office-main-service-list-item-label {
		font-size: 10px;
	}
	.office-main-service-info {
		padding-bottom: 15px;
	}
	.office-main-service-info-title-label {
		font-size: 18px;
	}
	.office-main-service-info-image,
	.office-main-service-info-image.office-main-service-info-image-address {
		height: 100px;
	}
	.office-main-service-info-equipment-list-item {
		width: 220px;
		margin: 5px 10px 10px;
	}
	.office-main-service-info-equipment-list-item-blank {
		margin: 0 10px;
	}
	.office-main-service-info-equipment-list-item-icon {
		margin: auto;
		width: 30px;
		height: 30px;
		max-height: 30px;
		background: transparent url(/img/office/icon_equipment.png) 0 0 no-repeat;
		background-size: 30px 300px;
	}
	.office-main-service-info-equipment-list-item-icon.icon1  {background-position: 0 0;}
	.office-main-service-info-equipment-list-item-icon.icon2  {background-position: 0 -30px;}
	.office-main-service-info-equipment-list-item-icon.icon3  {background-position: 0 -60px;}
	.office-main-service-info-equipment-list-item-icon.icon4  {background-position: 0 -90px;}
	.office-main-service-info-equipment-list-item-icon.icon5  {background-position: 0 -120px;}
	.office-main-service-info-equipment-list-item-icon.icon6  {background-position: 0 -150px;}
	.office-main-service-info-equipment-list-item-icon.icon7  {background-position: 0 -180px;}
	.office-main-service-info-equipment-list-item-icon.icon8  {background-position: 0 -210px;}
	.office-main-service-info-equipment-list-item-icon.icon9  {background-position: 0 -240px;}
	.office-main-service-info-equipment-list-item-icon.icon10 {background-position: 0 -270px;}

	.office-main-service-info-equipment-list-item-label {
		display: table-cell;
		vertical-align: middle;
		padding: 0 10px;
	}
	
	.office-main-service-info-price {
		font-size: 22px;
	}
	.office-main-service-info-yen {
		font-size: 19px;
	}
	.office-main-service-info-large {
		font-size: 18px;
	}
	.office-main-service-info-larger {
		font-size: 18px;
	}
	.office-main-service-info-small {
		font-size: 10px;
	}
	.office-main-service-info-space {
		display: block;
		height: 0;
	}
	
	.office-main-service-info-excerpt-link a {
		display: block;
		margin: 0 3px;
	}
	
	.office-main-access-info-title img {
		height: 40px;
	}
}


/*
price
*/
.mark-new {
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	height: 20px;
	background-color: #C42;
	color: #FFF;
	padding: 0 8px;
	margin: 0;
	border-radius: 10px;
	position: relative;
	top: -2px;
	white-space: nowrap;
	vertical-align: middle;
}
.price-main-service-overview-wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 40px;
	position: relative;
}
.price-main-service-overview-wrapper div{
	margin-bottom: 0;
}
.price-main-service-overview-item-image {
	display: block;
}
@media screen and (max-width:940px) {
	.price-main-service-overview-wrapper {
		display: block;
		margin-bottom: 20px;
	}
	.price-main-service-overview-item-image {
		margin: 0 auto;
		height: auto;
		max-width: 100%;
	}
}

.price-main-service-info-wrapper {
	margin: 30px 0 50px;
}
.price-main-service-info {
	display: block;
	padding: 20px 50px;
	margin: 30px 0 10px;
}
.price-main-service-annotation {
	text-align: center;
	font-size: 90%;
	margin: 10px 0 60px;
}
.price-main-table-wrapper {
	margin-top: 30px;
}
.price-main-table-set {
	position: relative;
}
.price-main-table-title-image {
	display: block;
	position: absolute;
	left: 0;
	top: -90px;
}
.price-main-table-price-cell-title {
	width: 35%;
}
.price-main-table-price-cell-documents {
	width: 35%;
}
.price-main-table-price-cell-remarks {
	width: 40%;
}
@media screen and (max-width:940px) {
	.price-main-table-wrapper {
		margin-top: 40px;
	}
	.price-main-table-title-image {
		height: 70px;
		width: auto;
		top: -63px;
	}
}
@media screen and (max-width:768px) {
	.price-main-service-info {
		display: block;
		padding: 20px 20px;
		margin: 20px 0 10px;
	}
	.price-main-service-info-separator {
		display: block;
		font-size: 0;
		height: 10px;
	}
}

.price-nekonote-layout-image-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	margin: 20px 0 30px;
}
.price-nekonote-layout-image-box,
.price-nekonote-layout-image {
	width: 320px;
	height: 320px;
	position: relative;
}

.price-nekonote-layout-image-label {
	position: absolute;
	top: 0;
	width: 320px;
	height: 32px;
	line-height: 32px;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	background-color: rgba(32, 32, 0, 0.5);
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.05em
}
.price-nekonote-layout-image-box {
	margin: 5px 5px;
	position: relative;
}
.price-nekonote-layout-image {
	display: block;
}

@media screen and (max-width:1080px) {
	.price-nekonote-layout-image-box,
	.price-nekonote-layout-image {
		width: 260px;
		height: 260px;
	}
	.price-nekonote-layout-image-label {
		width: 260px;
		height: 32px;
		line-height: 32px;
	}
}
@media screen and (max-width:480px) {
	.price-nekonote-layout-image-wrapper {
		display: block;
	}
	.price-nekonote-layout-image-box,
	.price-nekonote-layout-image,
	.price-nekonote-layout-image-label {
		width: 100%;
	}
	.price-nekonote-layout-image-box,
	.price-nekonote-layout-image {
		height: auto;
	}
}


/*
qa (qa, fee)
*/

.qa-main-table-price {
	margin-top: 10px;
	width: 100%;
	background-color: #fff;
}
.qa-main-table-price thead th,
.qa-main-table-price tfoot th {
	background-color: #f6ebcf;
	white-space: nowrap;

}
.qa-main-table-price th,
.qa-main-table-price td {
	padding: 5px 10px;
	vertical-align: middle;
	font-size: 90%;
}
.qa-main-table-price-cell-title {
	white-space: nowrap;
	width: 40%;
}
.qa-main-table-price-cell-price {
	white-space: nowrap;
	width: 20%;
}
.qa-main-table-price-cell-title-sub {
	font-size: 80%;
}
.qa-main-table-price-cell-price {
	font-size: 120%;
	text-align: right;
}
.qa-main-table-price-cell-price-yen {
	font-size: 90%;
	margin-left: 0.3em;
}
.qa-main-table-price-cell-documents {
	width: 50%;
}
.qa-main-table-price-annotation {
	margin-top: 10px;
	font-size: 80%;
	text-align: left;
	color: #555;
}
@media screen and (max-width:768px) {
	.qa-main-table-price-cell-title {
		white-space: normal;
	}
	.qa-main-table-price-cell-title-sub {
		display: block;
	}
	.qa-main-table-price-cell-documents {
		width: 30%;
	}
}
/*
@media screen and (max-width:640px) {
	.qa-main-table-price thead {
		display: none;
	}
	.qa-main-table-price tbody,
	.qa-main-table-price tbody tr,
	.qa-main-table-price tbody tr th,
	.qa-main-table-price tbody tr td {
		display: block;
		width: 100%;
		border-width: 0;
	}
	.qa-main-table-price tbody tr th {
		border-top-width: 1px;
		border-bottom-width: 1px;
	}
	.qa-main-table-price tbody tr:first-child th {
		border-top-width: 0;
	}
	.qa-main-table-price-cell-price {
		width: 10%;
		text-align: right;
		font-weight: bold;
		padding-right: 0 !important;
	}
	.qa-main-table-price-cell-price::before {
		content: "手数料：";
	}
	.qa-main-table-price-cell-documents {
		font-size: 90%;
		border-top: 1px dashed #ccc !important;
		padding-left: 15px !important;
	}
	.qa-main-table-price-cell-documents::before {
		content: "【提出書類】";
		display: block;
		font-weight: bold;
		margin-left: -10px;
	}
	.qa-main-table-price-cell-blank {
		display: none !important;
	}
	
}
*/