@charset "utf-8";

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

  id01: index

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

/* --------------------------------
  流れるセミナーのバナー
-------------------------------- */

  .gutter-seminar-banner {
    padding: 16px 0 12px;
    background: #EFEFEF;
  }

  .works-slider {
    position: relative;
    width: 100%;
    /*height: 140px;*/
    height: 172px;
    overflow: hidden;
    z-index: 1;
  }

  .works-slider .works-list {
    display: block;
    margin: 0;
    width: 100%;
    height: 100%;
  }

  .works-slider .works-item {
    float: left;
    margin-right: 12px;
    /*width: 200px;*/
    width: 230px;
    max-width: none;
    height: 100%;
  }

  .works-link {
    position: relative;
    display: block;
    line-height: 1;
    text-decoration: none;
    transition: .2s opacity;
  }

  .works-item-new .works-link:before {
    content: '開催間近';
    position: absolute;
    right: -.3em;
    top: 1.5em;
    display: block;
    line-height: 1;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-weight: bold;
    color: #fff;
    transform: rotate(45deg);
    z-index: 1;
  }

  .works-item-new .works-link:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 70px 70px 0;
    border-color: transparent #F87828 transparent transparent;
  }

  .works-link:hover {
    text-decoration: none;
    opacity: .7;
  }

  .works-list .works-img {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }

  .works-list .works-img:before {
    content: "";
    display: block;
    /*padding-top: 70%;*/
    padding-top: 74%;
  }

  .works-list .works-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    /*max-width: 140%;
    max-height: 140%;*/
    max-width: 148%;
    max-height: 148%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    -webkit-transition: .4s;
            transition: .4s;
  }

/* セミナー・勉強会 一覧ページ */

  .works-list-content {
    max-width: 100%;
    margin: 0 auto;
    /* padding-top: 2em; */
    padding: 1em 1em 0 1em;
  }

  .works-list-content .works-list {
    display: block;
    margin-bottom: -40px;
    overflow: hidden;
    margin: 1em;

  }
  .works-list-content .works-list img{
    width: 100%;
    margin-bottom: 1em;
  }

  .works-list-content .works-item {
    margin-bottom: 40px;
  }

  .works-list-content .works-date,
  .works-list-content .works-title {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    color: #333;
    line-height:1.2;
  }

  .works-list-content .works-date {
    padding: .5em 0;
  }

  .works-list-content .works-title {
    font-size: 1.15em;
    margin-top: 10px;
  }

@media print, screen and (min-width: 531px) {

  .works-list-content {
    max-width: none;
  }

  .works-list-content .works-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
    margin: 1em 0 1em 1em;
  }

  .works-list-content .works-item {
    padding-right: 20px;
    width: calc(100% / 3);
    max-width: auto;
  }

}

@media print, screen and (min-width: 769px) {

  .works-list-content .works-item {
    width: 25%;
  }

}

@media print, screen and (min-width: 1001px) {

  .works-list-content {
    padding: 1em 0;
    margin: 0 auto;
  }

}

/* セミナー・勉強会 詳細ページ */

  .gutter-seminar-info-detail .inner {
    max-width: 1200px;
  }

  .gutter-seminar-info-detail .border-title + .inner {
    padding-top: 3em;
  }

  .gutter-seminar-info-detail .works-img {
    margin-bottom: 2em;
    text-align: center;
  }

  .seminar-info-content:not(:last-child) {
    margin-bottom: 5em;
  }

  .seminar-info-content {
  }

  .seminar-info-content-text {
    line-height: 1.8;
    font-size: 1.15em;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  }

  .seminar-info-content-table {
    margin-left: -10px;
    margin-right: -10px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  }

  .seminar-info-content-table table {
    border-spacing: 10px;
  }

  .seminar-info-content-table th {
    padding: .1em 2em;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    background: #1D96AF;
  }

.seminar-howto{
	display: table;
    width:1200px;
    padding-top: 20px;
}

.seminar-howtoInner{
	width:20%;
	display: table-cell;
}

.seminar-howtoInnerT1{ padding-bottom:20px; background:url(/assets/gmo/img/pages/seminar/seminar-information/arrow1.png) no-repeat bottom center;}
    .seminar-howtoInnerT1a{background:url(/assets/gmo/img/pages/seminar/seminar-information/mark1.png) no-repeat 50% 20px #F3A06C;}
    .seminar-howtoInnerT1b{color: #F3A06C;}

.seminar-howtoInnerT2{ padding-bottom:20px; background:url(/assets/gmo/img/pages/seminar/seminar-information/arrow2.png) no-repeat bottom center;}
    .seminar-howtoInnerT2a{background:url(/assets/gmo/img/pages/seminar/seminar-information/mark2.png) no-repeat 50% 20px #7CB2E1;}
    .seminar-howtoInnerT2b{color: #7CB2E1;}

.seminar-howtoInnerT3{ padding-bottom:20px; background:url(/assets/gmo/img/pages/seminar/seminar-information/arrow3.png) no-repeat bottom center;}
    .seminar-howtoInnerT3a{background:url(/assets/gmo/img/pages/seminar/seminar-information/mark3.png) no-repeat 50% 20px #77BF99;}
    .seminar-howtoInnerT3b{color: #77BF99;}

.seminar-howtoInnerT4{ padding-bottom:20px; background:url(/assets/gmo/img/pages/seminar/seminar-information/arrow4.png) no-repeat bottom center;}
    .seminar-howtoInnerT4a{background:url(/assets/gmo/img/pages/seminar/seminar-information/mark4.png) no-repeat 50% 20px #C5C27D;}
    .seminar-howtoInnerT4b{color: #C5C27D;}

.seminar-howtoInnerT5{ padding-bottom:20px; background:url(/assets/gmo/img/pages/seminar/seminar-information/arrow5.png) no-repeat bottom center;}
    .seminar-howtoInnerT5a{background:url(/assets/gmo/img/pages/seminar/seminar-information/mark5.png) no-repeat 50% 20px #23B5CE;}
    .seminar-howtoInnerT5b{color: #23B5CE;}

.seminar-howtoInnerT1a,
.seminar-howtoInnerT2a,
.seminar-howtoInnerT3a,
.seminar-howtoInnerT4a,
.seminar-howtoInnerT5a{
    text-align:center;
    color: #fff;
    font-size: 1.4em;
    padding:100px 0 20px 0;
}

.seminar-howtoInnerT1b,
.seminar-howtoInnerT2b,
.seminar-howtoInnerT3b,
.seminar-howtoInnerT4b,
.seminar-howtoInnerT5b{
    min-height: /* 180px */130px;
    padding:25px 10px;
    font-size: 1.2em;  
}
.seminar-howtoInnerT1c,
.seminar-howtoInnerT2c,
.seminar-howtoInnerT3c,
.seminar-howtoInnerT4c,
.seminar-howtoInnerT5c{
    padding:0 10px;
    text-align:center;
    font-size: 1.2em;
    width: 100%;
vertical-align: middle;
}

.seminar-howtoInnerT1c p { padding:2.2em 0; background: #FFF1E8; border-radius: 10px; color: #F3A06C;}
.seminar-howtoInnerT2c a { display: block; padding:22px 0 ; background: #7CB2E1; border-radius: 10px; color:#fff;}
.seminar-howtoInnerT3c a { display: block; padding:22px 0 ; background: #77BF99; border-radius: 10px; color:#fff;}
.seminar-howtoInnerT4c a { display: block; padding:22px 0 ; background: #C5C27D; border-radius: 10px; color:#fff;}
.seminar-howtoInnerT5c a { display: block; padding:22px 0 ; background: #23B5CE; border-radius: 10px; color:#fff;}




@media print, screen and (min-width: 641px) {

  .seminar-info-content-table th {
    width: 200px;
  }

  .seminar-info-content-table td {
    padding-left: 1em;
  }

}

@media print, screen and (min-width: 1100px) {


    
}

@media screen and (max-width: 1200px) {
.seminar-howto{
	display: block;
    width:auto;
    padding-top: 20px;
}

.seminar-howtoInner{
	width:33%;
	float:left;
    margin-bottom: 2em;
}
    .seminar-howtoInner:nth-child(3n+1){ clear: left;}

}

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

  .seminar-info-content-table th,
  .seminar-info-content-table td {
    display: block;
  }

.seminar-howto{
	display: block;
    width:auto;
    padding-top: 20px;
}

.seminar-howtoInner{
	width:100%;
	float:left;
    margin-bottom: 2em;
}

.seminar-howtoInnerT1b,
.seminar-howtoInnerT2b,
.seminar-howtoInnerT3b,
.seminar-howtoInnerT4b,
.seminar-howtoInnerT5b{
    min-height: auto; 
}

}

/* --------------------------------
  TOPページ共通
-------------------------------- */

  .gray-bg-area {
    padding-top: 3em;
    padding-bottom: 3em;
    background: #EFEFEF;
  }

/* --------------------------------
  おすすめコンテンツ
-------------------------------- */

  .gutter-pickup > .inner {
    padding-top: 3em;
    padding-bottom: 3em;
  }

  .pickup-list {
    margin-bottom: -40px;
    margin-right: -16px;
    overflow: hidden;
  }

  .pickup-list li {
    float: left;
    width: 100%;
    margin-bottom: 40px;
    padding-right: 16px;
  }

  .pickup-link {
    display: block;
    text-decoration: none;
    color: #444;
  }

  .pickup-link:hover {
    color: #0B95C8;
  }

  .pickup-img {
    border: 1px solid #bbb;
    overflow: hidden;
  }

  .pickup-detail {
    padding-top: 1em;
  }

  .pickup-detail dt {
    margin-bottom: .5em;
    line-height: 1.2;
    font-weight: bold;
    font-size: 1.4em;
  }

  .pickup-detail dd {
    font-size: 1.05em;
  }

@media print, screen and (min-width: 481px) {

  .pickup-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .pickup-list li {
    width: 50%;
  }

}

@media print, screen and (min-width: 1101px) {

  .pickup-list {
    -webkit-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
  }

  .pickup-list li {
    width: 25%;
  }

/* hoverした時の挙動 */

  .pickup-img {
    position: relative;
  }

  .pickup-img:after {
    content: '詳細はこちら';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 202px;
    text-align: center;
    font-size: 1.3em;
    color: #fff;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: .4s;
  }

  .pickup-link:hover .pickup-img:after {
    opacity: 1;
  }

  .pickup-img img {
    transition: .4s;
  }

  .pickup-link:hover .pickup-img img {
    transform: scale(1.1,1.1);
  }

/* アニメーションボーダー */

  .link-border {
    display: block;
    position: absolute;
    background: #0B95C8;
    opacity: 0;
    z-index: 10;
    -webkit-transition: .4s;
            transition: .4s;
  }

  .link-border-vt {
    width: 5px;
    height: 0;
  }

  .link-border-hr {
    width: 0;
    height: 5px;
  }

  a:hover .link-border {
    opacity: 1;
  }

  a:hover .link-border-vt {
    height: 100%;
  }

  a:hover .link-border-hr {
    width: 100%;
  }

  .link-border-top {
    top: 0;
    left: 0;
  }

  .link-border-right {
    top: 0;
    right: 0;
  }

  .link-border-bottom {
    right: 0;
    bottom: 0;
  }

  .link-border-left {
    bottom: 0;
    left: 0;
  }

}

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

  .pickup-img img {
    width: 100%;
  }

}

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

  .blog-banner {
    margin-top: 2.5em;
  }

@media print, screen and (min-width: 1101px) {

  .top-news-area {
    float: left;
    width: 550px;
  }

  .blog-banner a {
    transition: .2s;
  }

  .blog-banner a:hover {
    opacity: .7;
  }

  .fb-area {
    float: right;
    width: 500px;
  }

}

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

  .top-news-area {
    margin-bottom: 3em;
  }

  .blog-banner {
    text-align: center;
  }

  .fb-area {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
  }

}

/* --------------------------------
  提供するサービス
-------------------------------- */

  .gutter-service {
    margin-bottom: 95px;
  }

  #top .gutter-service {
    margin-bottom: 0;
    padding-top: 55px;
    padding-bottom: 95px;
    background: url(/assets/gmo/img/top/pickup-bg.jpg) no-repeat top;
    background-size: cover;
  }

  .gutter-service .common-title {
    color: #fff;
  }

  .gutter-service .common-title .en:before,
  .gutter-service .common-title .en:after {
    border-color: #fff;
  }

  .service-list {
    margin-bottom: -40px;
    overflow: hidden;
  }

  .service-list li {
    margin-bottom: 40px;
  }

  .service-link {
    position: relative;
    display: block;
    text-decoration: none;
    border: 1px solid #bbb;
  }

  .service-img {
    text-align: center;
  }

  .service-title {
    display: table;
    padding: 1.2em 1em .8em;
    width: 100%;
    line-height: 1.2;
    color: #fff;
    background: rgba(68,68,68,.9);
  }

  .service-title .en,
  .service-title .jp {
    display: block;
    font-weight: bold;
  }

  .service-title .en {
    margin-bottom: .4em;
    font-size: .7em;
  }

  .service-title .jp {
    font-size: 1.6em;
  }

  .service-text-area > .inner {
    padding: 1.2em .8em 1em;
    height: 150px;
    background: rgba(255,255,255,.8);
  }

  .service-detail {
    color: #444;
  }

  .service-detail dt {
    margin-bottom: .5em;
    line-height: 1.2;
    font-weight: bold;
    font-size: 1.4em;
  }

@media print, screen and (min-width: 641px) {

  .service-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -25px;
  }

  .service-list li {
    padding-right: 25px;
    max-width: 375px;
    width: 33.33%;
  }

}

@media print, screen and (min-width: 1101px) {

  .service-list {
    -webkit-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
  }

  .service-text-area {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 74px;
    overflow: hidden;
    transition: .2s;
  }

  .service-link:hover .service-text-area {
    height: 224px;
  }

  .service-title {
    padding: 0 1em;
    height: 74px;
  }

}

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

  .service-text-area > .inner {
    display: none;
  }

}

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

  .service-list {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }

}

/* --------------------------------
  5つのバナー一覧
-------------------------------- */

  .banner-list {
    position: relative;
    margin-bottom: -40px;
    overflow: hidden;
  }

  .banner-list li {
    margin-bottom: 40px;
  }

  .banner-link {
    display: block;
    text-decoration: none;
  }

  .banner-title {
    margin-bottom: .4em;
    line-height: 1.2;
    font-weight: bold;
    font-size: 1.4em;
    color: #444;
  }

  .banner-link:hover .banner-title {
    color: #00A5C4;
  }

@media print, screen and (min-width: 481px) {

  .banner-list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -25px;
  }

  .banner-list li {
    padding-right: 25px;
    width: 50%;
  }

}

@media print, screen and (min-width: 641px) {

  .banner-list li {
    width: 33.33%;
  }

}

@media print, screen and (min-width: 1101px) {

  .banner-list {
    -webkit-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
  }


  .banner-img {
    position: relative;
    height: 130px;
    overflow: hidden;
  }

  .banner-img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background: #fff url(../img/base/logo.png) no-repeat center 1.3em;
    background-size: 70px auto;
    z-index: 2;
    opacity: 0;
    transform: scale(3.0,3.0);
    transition: .2s;
  }

  .banner-img:after {
    position: absolute;
    left: 0;
    bottom: .4em;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.15em;
    color: #000;
    opacity: 0;
    z-index: 3;
    transform: scale(3.0,3.0);
    transition: .2s;
  }
  .banner-link-jinzaika .banner-img:after  { content: '人財化セミナー 詳細はこちら';}
  .banner-link-recruit .banner-img:after   { content: '採用情報 詳細はこちら';}
  .banner-link-member .banner-img:after    { content: '会員購読 詳細はこちら';}
  .banner-link-sytax .banner-img:after     { content: 'サクセスエール税理士法人 詳細はこちら';}
  .banner-link-sy-circle .banner-img:after { content: 'Ｓ・Ｙサークル 詳細はこちら';}
  .banner-link-training_program .banner-img:after { content: 'ダウンロードはこちら';}

  .banner-link:hover .banner-img:before {
    opacity: 1;
    transform: scale(1.0,1.0);
  }

  .banner-link:hover .banner-img:after {
    transform: scale(1.0,1.0);
    opacity: 1;
  }

}

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

  .banner-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 350px;
  }

}

/* logo */

  .banner-list-logo-area .banner-img {
    text-align: center;
  }

  .banner-list-logo-area .banner-img img {
    width: 304px;
    opacity: .4;
  }

@media print, screen and (min-width: 481px) {

  .banner-list-logo-area {
    padding-top: 3em;
  }

  .banner-list-logo-area .banner-img {
    display: table;
    height: auto;
  }

  .banner-list-logo-area .inner {
    display: table-cell;
    vertical-align: middle;
  }

}

@media print, screen and (min-width: 1101px) {

  .banner-list-logo-area {
    display: none;
  }

}

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

  .gutter-site-map > .inner {
    padding-top: 2em;
    padding-bottom: 45px;
  }

/* 一覧 */

  .site-map-area {
  }

  .site-map-list > li:not(:last-child) {
    margin-bottom: 15px;
  }

  .site-link {
    display: table;
    width: 100%;
    line-height: 1.2;
    letter-spacing: .09em;
    text-decoration: none;
    transition: .2s;
  }

  .site-link-main {
    height: 68px;
    background: #EFEFEF;
  }

  .site-link-main:hover {
    background: #535353;
  }

  .site-link-sub {
    height: 57px;
    border: 1px solid #aaa;
    background: #fff;
  }

  .site-link-sub:hover {
    background: #00A5C4;
  }

  .site-link .name {
    display: table-cell;
    vertical-align: middle;
  }

  .site-link .en,
  .site-link .jp {
    display: block;
    text-align: center;
    font-weight: bold;
    transition: .2s;
  }

  .site-link .en {
    margin-bottom: .3em;
  }

  .site-link-main .en {
    font-size: .95em;
    color: #535353;
  }

  .site-link-main .jp {
    font-size: 1.3em;
    color: #000;
  }

  .site-link-main:hover .en,
  .site-link-main:hover .jp {
    color: #fff;
  }

  .site-link-sub .en {
    font-size: .85em;
    color: #00A5C4;
  }

  .site-link-sub .jp {
    font-size: 1.05em;
    color: #444;
  }

  .site-link-sub:hover .en,
  .site-link-sub:hover .jp {
    color: #fff;
  }

  .contents-site-list {
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    border-left: 1px solid #aaa;
    background: #fff;
  }

  .contents-site-list:before {
    content: '';
    position: absolute;
    left: -1px;
    bottom: 0;
    width: 1px;
    height: 57px;
    background: #fff;
  }

  .contents-site-list > li {
    position: relative;
    padding-left: 24px;
  }

  .contents-site-list > li:not(:last-child) {
    margin-bottom: 22px;
  }

  .contents-site-list > li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #aaa;
  }

  .contents-site-list .inner {
    z-index: 1;
  }

@media print, screen and (min-width: 481px) {

  .contents-site-list {
    margin-left: 40px;
    margin-right: 60px;
  }

  .contents-site-list > li {
    padding-left: 48px;
  }

}

@media print, screen and (min-width: 1101px) {

  .site-map-container {
    position: relative;
    height: 580px;
  }

  .site-map-area {
    width: 340px;
  }

  .site-map-area:not(.site-map-area1) {
    position: absolute;
  }

  .site-map-area2,
  .site-map-area3 {
    top: 0;
  }

  .site-map-area4,
  .site-map-area5,
  .site-map-area6 {
    bottom: 0;
  }

  .site-map-area4 {
    left: 0;
  }

  .site-map-area2,
  .site-map-area5 {
    left: 380px;
  }

  .site-map-area3,
  .site-map-area6 {
    right: 0;
  }

}

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

  .site-map-area4,
  .site-map-area5 {
    margin-bottom: 15px;
  }

}

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

  topics 

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

/* お知らせ一覧 */

  .news-link {
    display: block;
    padding: .7em .5em;
    font-size: 1.15em;
    text-decoration: none;
    border-bottom: 1px dashed #CCCC99;
    transition: .1s;
  }

  #top .news-link {
    font-size: .95em;
  }

  .news-list li:first-child .news-link {
    border-top: 1px dashed #CCCC99;
  }

  #top .news-list li:first-child .news-link {
    border-top: none;
  }

  .news-link:hover {
    background: #0B95C8;
  }

  .news-link .news-date,
  .news-link .news-title {
    transition: .1s;
  }

  .news-link .news-date {
    font-weight: bold;
    color: #333;
  }

  .news-link .news-title {
    margin: 0;
    padding: 0;
    text-decoration: underline;
    font-size: 1em;
    color: #0B95C8;
    border: none;
  }

  .news-link:hover .news-title {
    text-decoration: none;
  }

  .news-date {
    font-size: .9em;
  }

  .news-title {
    word-break: break-all;
    word-wrap: break-word;
  }

  .news-link:hover .news-date,
  .news-link:hover .news-title {
    color: #fff;
  }

  .news-more {
    margin-top: 1em;
    text-align: right;
    font-size: .95em;
  }

@media print, screen and (min-width: 641px) {

  .news-link .news-date {
    clear: left;
    float: left;
    padding-top: .2em;
    width: 6em;
  }

  .news-link .news-title {
    margin-left: 6em;
  }

}

/* お知らせ詳細 */

  .news-title {
    margin-bottom: 1em;
    padding-bottom: .4em;
    font-size: 1.7em;
    color: #0B94C7;
    border-bottom: 1px dashed #ddd;
  }

  .news-img img,
  .news-text img {
    height: auto;
  }

  .news-img img {
    margin: 1em 0;
  }

  .news-text {
    margin: 1em 0;
    padding: 0 .5em;
    line-height: 1.8;
  }

  .news-back {
    margin: 1em 0 0;
    padding: .3em 0 0;
    text-align: right;
    font-size: 1.15em;
    border-top: 1px dashed #ddd;
  }

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

  blog

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

/* --------------------------------
  blog-main-area
-------------------------------- */

  .blog-main-area {
    margin-bottom: 5em;
  }

@media print, screen and (min-width: 1101px) {

  .blog-main-area {
    margin-bottom: 0;
  }

}

/* 間隔 */

  .blog-gutter:not(:last-child) {
    margin-bottom: 5em;
  }

/* タイトル */

  .blog-title-container {
    padding-bottom: .4em;
    line-height: 1.2;
    border-bottom: 1px solid #199BCB;
  }

  .blog-date {
    margin-bottom: .5em;
    font-size: 1em;
    color: #000;
  }

  .blog-title {
    font-size: 1.7em;
    color: #0B94C7;
  }

/* イメージ */

  .blog-img {
    margin: 2em 0;
    max-width: 300px;
  }

  .blog-img img {
    height: auto;
  }

/* テキスト */

  .blog-text {
    margin: 2em 0;
    font-size: 1.15em;
    background-color: #fff;
    /*background-image: linear-gradient(rgba(238,238,238,1) 1px, transparent 1px);*/
    background-size: 100% 2em;
    line-height: 2;
    /*border-bottom: 1px solid #eee;*/
  }

/* 投稿者　日時　パーマリンク　コメント */

  .contributor {
    text-align: right;
  }

/* コメントを投稿 */

  .comment-form-area {
    margin-top: 2em;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  }

  .comment-form-title {
    margin-bottom: 1em;
    padding: .5em .7em .4em;
    font-size: 1.3em;
    color: #fff;
    background: #199BCB;
  }

  .comment-form-area .text {
    margin-bottom: 1em;
  }

  .form-item-url input:not(:last-child) {
    margin-bottom: .5em;
  }

  .form-table-comment + .form-buttons .form-button {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  }

/* --------------------------------
  blog-side-area
-------------------------------- */

  .blog-side-area {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  }

/* box */

  .blog-side-box {
    padding: 17px;
    border-radius: 5px;
    box-shadow: #a3a3a3 0px 0px 4px;
  }

/* title */

  .blog-side-box .border-title {
    padding: 10px;
    font-size: 1.15em;
    color: #333;
    line-height: 1;
    border-color:#333;
  }

/* 最近の記事一覧 */

  .latest-list {
    margin-bottom: 1em;
  }

  .latest-list a {
    position: relative;
    display: block;
    padding: 1.1em 1em 1em 1.2em;
    text-decoration: none;
    font-size: .85em;
    color: #222;
    border-bottom: 1px dotted #eee;
  }

  .latest-list a:before {
    content: '';
    position: absolute;
    left: .4em;
    top: 50%;
    margin-top: -3px;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    transform: rotate(-45deg);
  }

/* リンク */

  .blog-side-box .link-btn .link {
    display: block;
    padding-top: .7em;
    padding-bottom: .6em;
    font-size: 1em;
  }

@media print, screen and (min-width: 641px) {


}

@media print, screen and (min-width: 1101px) {

  .blog-main-area {
    float: left;
    width: 800px;
  }

  .blog-side-area {
    float: right;
    width: 240px;
  }

  .blog-side-area > .inner.fixed {
    position: fixed;
    top: 74px;
  }

}

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


}

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


}

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

  id02: 

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

@media print, screen and (min-width: 641px) {


}

@media print, screen and (min-width: 1101px) {


}

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


}

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


}


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

  id03: privacy

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

/* 個人情報保護方針 */

  .gutter-privacy1:not(:last-child) {
    margin-bottom: 10em;
  }

  .payment {
    display: block;
  }

  .payment:not(:last-child) {
    margin-bottom: .5em;
  }

  .payment dt,
  .payment dd {
    display: block;
  }

  .payment dt {
    white-space: nowrap;
    font-weight: bold;
  }

  .card-box {
    display: table;
    margin-top: .5em;
    padding: .4em .5em .3em;
    width: 273px;
    max-width: 100%;
    border: 1px solid #eee;
  }

  .card-img,
  .card-text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }

  .card-img {
    width: 128px;
  }

  .card-text {
    font-size: .75em;
  }

  p + .square-list {
    margin-top: 1.4em;
  }

  .square-list {
    padding-left: .3em;
  }

  .square-list li {
    position: relative;
    padding-left: .7em;
  }

  .square-list li:not(:last-child) {
    margin-bottom: .5em;
  }

  .square-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: .45em;
    width: 6px;
    height: 6px;
    background: #000;
  }

@media print, screen and (min-width: 641px) {

  .payment {
    display: table;
  }

  .payment:not(:last-child) {
    margin-bottom: 0;
  }

  .payment dt,
  .payment dd {
    display: table-cell;
  }

}

/* 個人情報保護方針 */

  .gutter-privacy2:not(:last-child) {
    margin-bottom: 3em;
  }

  .gutter-privacy2 .border-title + .inner {
    font-size: 1.15em;
  }

  .number-title {
    position: relative;
    margin-top: 2.5em;
    margin-bottom: 1em;
    padding-left: 46px;
    padding-top: .1em;
    padding-bottom: .1em;
    font-size: 1.4em;
  }

  .number-title .number {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #0B95C8;
  }

  .gutter-privacy2 .common-table {
    margin-top: 1em;
    margin-bottom: 2em;
  }

  .gutter-privacy2 .common-table th,
  .gutter-privacy2 .common-table td {
    font-size: 1em;
  }

@media print, screen and (min-width: 641px) {

  .gutter-privacy2 .square-list {
    padding-left: 1.7em;
  }

}

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

  id04: terms

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

  .gutter-policy .border-title + .inner {
    font-size: 1.15em;
  }

  .policy-list > li:not(:last-child) {
    margin-bottom: 5em;
  }

  .policy-list .decimal-list {
    padding-left: 2.9em;
  }

  p + .decimal-list {
    margin-top: 1.4em;
  }

  .decimal-list {
    padding-left: 1.4em;
  }

  .decimal-list li {
    padding-left: 1em;
    list-style-type: decimal;
  }

  .decimal-list li:not(:last-child) {
    margin-bottom: 1em;
  }

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

  id05: about

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

/* 私たちの想い */

  .intro-area-about {
    padding-top: 1em;
    min-height: 520px;
    background: url(/assets/gmo/img/pages/about/intro_bg.jpg) no-repeat right top;
  }

  .intro-area-about > .inner {
  }

  .intro-area-about .title {
    padding-bottom: .5em;
    padding-left: 15px;
    max-width: 746px;
    line-height: 1.2;
    font-size: 3.2em;
    border-bottom: 1px solid #eee;
  }

  .intro-area-about .text {
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 2;
    font-size: 1.3em;
    color: #333;
  }

@media print, screen and (min-width: 641px) {

  .intro-area-about .title {
    padding-left: 30px;
  }

  .intro-area-about .text {
    padding-left: 30px;
    padding-right: 30px;
  }

}

/* 会社情報 */

  .gutter-about2:not(:last-child) {
    margin-bottom: 15em;
  }

  .gutter-about2 .border-title + .inner {
    padding-top: 40px;
    padding-left: 0;
    padding-right: 02;
  }

  .about-info-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
    margin-bottom: -20px;
    overflow: hidden;
  }

  .about-info-list li {
    margin-bottom: 20px;
    padding-right: 20px;
    width: 50%;
  }

  .about-info-list li:nth-child(odd) .link {
    background: #00A5C6;
  }

  .about-info-list li:nth-child(even) .link {
    background: #6DC9DE;
  }

  .about-info-list .link {
    position: relative;
    display: block;
    padding: 20px 24px 40px;
    height: 100%;
    text-decoration: none;
    overflow: hidden;
  }

  .about-info-list .link:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-color: #fff transparent transparent transparent;
  }

  .about-info-list .img {
    display: block;
    margin-bottom: 1em;
  }

  .about-info-list .link1 .img img { width: 54px;}
  .about-info-list .link2 .img img { width: 89px;}
  .about-info-list .link3 .img img { width: 78px;}
  .about-info-list .link4 .img img { width: 84px;}

  .about-info-list .link:hover {
    transition: .2s;
  }

  .about-info-list .title {
    text-align: center;
    line-height: 1.2;
    color: #fff;
  }

  .about-info-list .title span {
    display: block;
    font-weight: bold;
  }

  .about-info-list .title .jp {
    margin-bottom: .5em;
    padding-bottom: .5em;
    font-size: 1.5em;
    border-bottom: 1px solid #fff;
  }

  .about-info-list .title .en {
    font-size: 1em;
  }

@media print, screen and (min-width: 641px) {

  .about-info-list li {
    width: 25%;
  }

}

@media print, screen and (min-width: 1101px) {

  .gutter-about2 .border-title + .inner {
    padding-top: 40px;
    padding-left: 65px;
    padding-right: 65px;
  }

  .about-info-list .link {
    height: 220px;
  }

  .about-info-list .link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center 10px;
    z-index: 2;
    opacity: 0;
    transform: scale(3.0,3.0);
    transition: .2s;
    z-index: 1;
  }

  .about-info-list .link1:after { background-color: #00A5C6; background-image: url(/assets/gmo/img/pages/about/icon1.png);}
  .about-info-list .link2:after { background-color: #6DC9DE; background-image: url(/assets/gmo/img/pages/about/icon2.png);}
  .about-info-list .link3:after { background-color: #00A5C6; background-image: url(/assets/gmo/img/pages/about/icon3.png);}
  .about-info-list .link4:after { background-color: #6DC9DE; background-image: url(/assets/gmo/img/pages/about/icon4.png);}

  .about-info-list .link:hover:after {
    opacity: 1;
    transform: scale(1.0,1.0);
  }

  .about-info-list .img {
    transform: .2s opacity;
    opacity: 1;
  }

  .about-info-list .link:hover .img {
    opacity: 0;
  }

  .about-info-list .title {
    transition: .2s;
  }

  .about-info-list .link:hover .title {
    position: absolute;
    right: 0;
    left: 24px;
    bottom: 0;
    display: block;
    width: calc(100% - 48px);
    z-index: 2;
  }

  .about-info-list .title .jp,
  .about-info-list .title .en {
    transition: .2s;
  }

  .about-info-list .link:hover .title .jp {
    margin-bottom: .2em;
    padding-bottom: .1em;
    font-size: 1.7em;
  }

  .about-info-list .link:hover .title .en {
    font-size: 1.2em;
  }

}

/* 佐藤芳直プロフィール */

  .profile-img-area {
    margin-bottom: 4em;
    text-align: center;
    background: url(/assets/gmo/img/pages/about/profile_img_bg.jpg) repeat-x top;
  }

  .profile-name {
    margin-bottom: 3em;
    text-align: center;
  }

  .profile-name {
    padding: 1em 1em .9em;
    border: 1px solid#eee;
  }

  .profile-name .name,
  .profile-name .job {
    display: block;
  }

  .profile-name .name {
    font-size: 2.8em;
  }

  .profile-name .job {
    padding-top: .5em;
    max-width: 374px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.3em;
    border-top: 1px solid#eee;
  }

  .profile-text {
    line-height: 1.8;
    font-size: 1.3em;
  }

  .profile-text .m1 {
    margin-bottom: 2em;
  }

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

  id06: consultanting

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

/* 共通 */

  .consultanting-text {
    line-height: 2.2;
    font-size: 1.3em;
  }

/* コンサルティング理念～百年企業を創る～ */

  .gutter-consultanting1:not(:last-child) {
    margin-bottom: 4em;
  }

/* すべての経営者に希望を */

  .gutter-consultanting2:not(:last-child) {
    margin-bottom: 7em;
  }

/* コンサルティングの種類 */

  .gutter-consultanting3:not(:last-child) {
    margin-bottom: 5.5em;
  }

  .gutter-consultanting3 .square-title + .meiryo {
    margin-bottom: 2em;
    padding-top: .5em;
    text-align: center;
    font-size: 1.15em;
    color: #fff;
  }

  .consultanting-detail {
    display: table;
    width: 100%;
  }

  .consultanting-detail:not(:last-child) {
    margin-bottom: 4em;
  }

  .consultanting-detail dt,
  .consultanting-detail dd {
    display: table-cell;
    vertical-align: middle;
  }

  .consultanting-detail dt {
    width: 105px;
  }

  .consultanting-detail dt span {
    display: block;
    text-align: center;
    font-size: 1.5em;
    color: #00A6C4;
    border-radius: 20px;
    background: #fff;
  }

  .consultanting-detail dd {
    padding-left: 10px;
    line-height: 1.35;
    font-size: 1.15em;
    color: #fff;
  }

/* ご相談から現場コンサルまでの流れ */

  .gutter-consultanting4:not(:last-child) {
    margin-bottom: 7em;
  }

  .gutter-consultanting4 .border-title + .inner {
    position: static;
    padding-top: 35px;
    padding-left: 0;
    padding-right: 0;
  }

  .consultanting-flow-list {
    margin-bottom: -40px;
    overflow: hidden;
  }

  .consultanting-flow-list > li {
    margin-bottom: 20px;
  }

  .consultanting-flow-list > li > .inner {
    padding-top: 18px;
    padding-left: 22px;
    padding-bottom: 30px;
  }

  .consultanting-flow-list > li:not(:last-child) > .inner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    transform: rotate(45deg);
  }

  .consultanting-flow-number {
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: 54px;
    line-height: 54px;
    border-radius: 50%;
    text-align: center;
    font-size: 2.8em;
    color: #fff;
    background: #00A6C4;
  }

  .consultanting-flow-box {
    padding: 1em 20px;
    border: 3px solid #00A6C4;
    background: #fff;
  }

  .consultanting-flow-detail dt {
    margin-bottom: .5em;
    padding-left: 12px;
    padding-bottom: .2em;
    line-height: 1.2;
    font-size: 2em;
    color: #0B92C5;
    border-bottom: 1px solid #0B92C5;
  }

  .consultanting-flow-list > li:not(:last-child) .consultanting-flow-detail dt {
    font-size: 2em;
  }

  .consultanting-flow-list > li:last-child .consultanting-flow-detail dt {
    font-size: 1.35em;
  }

  .consultanting-flow-detail dd {
    color: #333;
  }

@media print, screen and (min-width: 641px) {

  .gutter-consultanting4 .border-title + .inner {
    padding-left: 22px;
    padding-right: 22px;
  }

}

@media print, screen and (min-width: 1101px) {

  .consultanting-flow-list {
    display: flex;
    flex-wrap: wrap;
  }

  .consultanting-flow-list > li {
    margin-bottom: 40px;
  }

  .consultanting-flow-list > li:nth-child(3) {
    padding-left: 47px;
  }

  .consultanting-flow-list > li:nth-child(5) {
    padding-left: 87px;
  }

  .consultanting-flow-list > li > .inner {
    max-width: 471px;
    padding-right: 50px;
    padding-bottom: 0;
  }

  .consultanting-flow-list > li:not(:last-child) > .inner:before {
    left: auto;
    right: 15px;
    top: 0;
    margin: auto 0;
    transform: rotate(-45deg);
  }

  .consultanting-flow-box {
    max-width: 391px;
  }

}

/* 主なコンサルティング業種・テーマ */

  .gutter-consultanting5:not(:last-child) {
    margin-bottom: 10em;
  }

  .gutter-consultanting5 .border-title + .inner {
    padding-top: 35px;
  }

  .icon-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -6px;
    margin-bottom: -6px;
    overflow: hidden;
  }

  .icon-list li {
    margin-right: 6px;
    margin-bottom: 6px;
    padding-top: 16px;
    padding-bottom: .2em;
    width: calc(100% / 2 - 6px);
    background: rgba(255,255,255,.85);
  }

  .icon-box {
    text-align: center;
  }

  .icon-img {
    margin-bottom: .8em;
  }

  .icon-title {
    display: table;
    width: 100%;
    height: 2.0em;
    line-height: 1.1;
    font-size: 1.5em;
  }

  .icon-title.br {
    font-size: 1.2em;
  }

  .icon-title.blue {
    color: #00A5C4;
  }

  .icon-title.orange {
    color: #FF7F00;
  }

  .icon-title .title {
    display: table-cell;
    vertical-align: middle;
  }

  .gutter-consultanting5 .grid-container {
    margin-top: 60px;
  }

  .gutter-consultanting5 .link-btn .link {
    display: block;
    max-width: 320px;
    padding-top: .7em;
    padding-bottom: .6em;
  }

  .gutter-consultanting5 .link-btn.right .link {
    margin-left: auto;
  }

@media print, screen and (min-width: 481px) {

  .icon-list li {
    width: calc(100% / 3 - 6px);
  }

}

@media print, screen and (min-width: 641px) {

  .icon-list li {
    width: calc(100% / 4 - 6px);
  }

}

@media print, screen and (min-width: 1101px) {

  .gutter-consultanting5 .border-title + .inner {
    padding-left: 15px;
    padding-right: 15px;
  }

  .icon-list li {
    width: calc(100% / 6 - 6px);
  }

}

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

  .gutter-consultanting5 .grid:not(:last-child) {
    margin-bottom: 20px;
  }

  .gutter-consultanting5 .link-btn {
    text-align: center;
  }

  .gutter-consultanting5 .link-btn .link {
    margin-left: auto;
    margin-right: auto;
  }

}

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

  id07: seminar

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

/* セミナー */

  .seminar-text {
    line-height: 2;
    font-size: 1.3em;
  }

  .seminar-schedule-list {
    margin-top: 40px;
    margin-right: 0;
    margin-bottom: -45px;
    overflow: hidden;
  }

  .seminar-schedule-list > li {
    margin-bottom: 45px;
    padding-right: 0;
    width: auto;
  }

  .seminar-schedule-list > li > .inner {
    padding-top: 15px;
  }

  .month-title {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: .3em;
    width: 66px;
    height: 66px;
    text-align: center;
    line-height: 1;
    color: #fff;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #00A6C4;
  }

  .month-title span {
    display: block;
    font-weight: bold;
  }

  .month-title .text {
    font-size: .85em;
  }

  .month-title .month {
    margin: .2em 0;
    font-size: 1.3em;
  }

  .seminar-schedule-title {
    margin-left: 9px;
    margin-bottom: 1.5em;
    padding-left: 66px;
    padding-top: .2em;
    padding-bottom: .1em;
    font-size: 1.4em;
    color: #fff;
    border-radius: 0 30px 30px 0;
    background: #33B8D0;
  }

  .seminar-schedule-title + .text {
    line-height: 1.8;
  }

  .seminar-more {
    margin-top: 4em;
    margin-left: auto;
    margin-right: auto;
    max-width: 420px;
  }

  .seminar-more .link {
    display: block;
    padding-top: .7em;
    padding-bottom: .6em;
  }

@media print, screen and (min-width: 1101px) {

  .seminar-schedule-list {
    margin-right: -45px;
  }

  .seminar-schedule-list > li {
    float: left;
    padding-right: 45px;
    width: calc(100%/3);
  }

}

/* 異業種勉強会　S・Yサークル */

  .gutter-seminar5 > .inner {
    position: static;
  }

  .sy-map-area {
    position: relative;
  }

  .sy-map-img {
    margin-bottom: 2em;
    text-align: center;
  }

  .sy-note-box {
    margin: 0 auto;
    max-width: 318px;
  }

  .sy-note-img {
  }

  .sy-note-text p,
  .sy-note-text span {
    font-weight: bold;
  }

  .sy-note-text {
    line-height: 1.2;
    font-size: 1.5em;
    color: #fff;
  }

  .sy-note-text1 {
    background: #47AED4;
  }

  .sy-note-text2 {
    background: #199BCB;
  }

  .sy-note-text > .inner {
    padding: .5em .5em .4em;
  }

@media print, screen and (min-width: 769px) {

  .sy-note-box {
    position: relative;
    padding-left: 318px;
    max-width: 646px;
    z-index: 1;
  }

  .sy-note-img {
    position: absolute;
    left: 0;
    top: 0;
  }

  .sy-note-text {
    display: table;
    width: 100%;
    font-size: 1.7em;
  }

  .sy-note-text1 {
    height: 102px;
  }

  .sy-note-text2 {
    height: 103px;
  }

  .sy-note-text > .inner {
    display: table-cell;
    padding: 0 0 0 .5em;
    vertical-align: middle;
  }

}

@media print, screen and (min-width: 1101px) {

  .sy-map-area {
    min-height: 399px;
  }

  .sy-map-img {
    position: absolute;
    right: 50px;
    top: 0;
    margin-bottom: 0;
  }

  .sy-note-box {
    margin: 0;
  }

}

/* 会員特典 */

  .membership-area {
    margin-top: 40px;
  }

  .sato-img {
    text-align: center;
  }

  .membership-title {
    padding-top: .3em;
    padding-bottom: .1em;
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
    font-size: 2.8em;
    color: #fff;
    background: #00468C;
    border-radius: 36px;
  }

  .membership-title + .inner {
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .membership-list {
    padding-top: 3px;
    border-top: 1px dotted #eee;
  }

  .membership-list li {
    position: relative;
    padding-left: 46px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #eee;
  }

  .membership-list li:not(:last-child) {
    margin-bottom: 3px;
  }

  .membership-list .link-btn {
    margin-top: .5em;
    text-align: left;
  }

  .membership-list .number {
    position: absolute;
    left: 10px;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
    border-radius: 50%;
    background: #199BCB;
  }

  .membership-list .text {
    padding-top: .1em;
    font-size: 1.4em;
    color: #0B92C5;
  }

  .trial-box {
    margin: 35px 0 0;
    text-align: center;
    border: 5px solid #000;
  }

  .trial-title {
    padding: .2em 1em .3em;
    font-weight: bold;
    font-size: 1.8em;
    color: #fff;
    background: #000;
  }

  .trial-box > .inner {
    padding: 1em 1.4em;
  }

  .trial-box > .inner .meiryo {
    font-size: 1.15em;
  }

  .trial-box .trial-price {
    margin-top: .2em;
    margin-bottom: .1em;
  }

  .trial-price {
    line-height: 1.2;
    text-align: center;
  }

  .trial-price span {
    vertical-align: middle;
  }

  .trial-price .text,
  .trial-price .en {
    padding-top: .2em;
    font-size: 1.4em;
  }

  .trial-price .text {
    display: block;
    padding-right: 0;
  }

  .trial-price .price,
  .trial-price .en {
    color: #BF3334;
  }

  .trial-price .price {
    font-size: 4.2em;
  }

  .trial-price .en {
    padding-left: .5em;
  }

@media print, screen and (min-width: 641px) {

  .trial-box {
    margin: 35px 18px 0;
  }

  .trial-price .text {
    display: inline;
    padding-right: 1em;
  }

}

@media print, screen and (min-width: 1101px) {

  .membership-area {
    padding-left: 425px;
    padding-right: 25px;
    min-height: 584px
  }

  .sato-img {
    position: absolute;
    left: 10px;
    bottom: 0;
  }

}

/* 佐藤芳直が塾長の勉強会 */

  .cram-school-list {
    margin-top: 45px;
    margin-bottom: -40px;
    overflow: hidden;
  }

  .cram-school-list li {
    margin-bottom: 40px;
  }

  .cram-school-title {
    margin-bottom: .8em;
    padding: .4em 1em .3em;
    text-align: center;
    line-height: 1.2;
    font-weight: bold;
    font-size: 1.4em;
    color: #fff;
    background: #33B8D0;
    border-radius: 30px;
  }

  .cram-school-list p {
    line-height: 1.8;
  }

  .cram-school-list .red {
    color: #BF3334;
  }

@media print, screen and (min-width: 641px) {

  .cram-school-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -80px;
    margin-right: -20px;
  }

  .cram-school-list li {
    margin-bottom: 80px;
    padding-right: 20px;
    width: 50%;
  }

}

/* 定期勉強会 */

  .gutter-seminar7:not(:last-child) {
    margin-bottom: 7em;
  }

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

  id08: consultanting/case

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

  .stripe-bg-area-case .img {
    margin: 1em 0;
    text-align: center;
  }

  .stripe-bg-area-case .text {
    font-size: 1.15em;
  }

  .stripe-bg-area-case .link-btn {
    margin-top: 1em;
  }

  .stripe-bg-area-case .link-btn .link {
    padding: .7em 1.3em .6em;
  }

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

  id09: students-invitation

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

/* 目的・参加対象・セミナー参加をおすすめしたい学生 */

  .gutter-students1:not(:last-child) {
    margin-bottom: 5em;
  }

  .gutter-students1 .border-title + .inner {
    padding-top: .7em;
  }

  .gutter-students1 .text {
    line-height: 1.8;
    font-size: 1.3em;
  }

  .students-list {
    padding-top: .7em;
  }

  .students-list li {
    position: relative;
    padding-left: .7em;
    line-height: 1.2;
    font-size: 1.4em;
    color: #0B92C5;
  }

  .students-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: .35em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0B92C5;
  }

  .students-list li:not(:last-child) {
    margin-bottom: .7em;
  }

/* 学ぶ・体験する */

  .gutter-students2:not(:last-child) {
    margin-bottom: 5em;
  }

  .gutter-students2 .square-title {
    padding: .6em .5em .5em;
    font-size: 2em;
  }

  .gutter-students2 .text {
    margin-top: .5em;
    line-height: 1.6;
    font-size: 1.15em;
  }

/* 参加対象 */

  .gutter-students3:not(:last-child) {
    margin-bottom: 3em;
  }

  .gutter-students3 .border-title + .inner {
    padding-top: .7em;
  }

  .gutter-students3 .text {
    line-height: 2.2;
    font-size: 1.3em;
  }

/* セミナー参加をおすすめしたい学生 */

  .gutter-students4:not(:last-child) {
    margin-bottom: 7em;
  }

  .gutter-students4 .border-title + .inner {
    padding-top: .7em;
  }

/* ビジネスコンテストについて */

  .gutter-students5 .square-title {
    padding: .6em .5em .5em;
    font-size: 2em;
  }

  .gutter-students5 .square-title + .inner {
    padding-top: .5em;
  }

  .gutter-students5 .text {
    line-height: 1.6;
    font-size: 1.15em;
  }

/* 参加者の感想 */

  .gutter-students6 > .inner > .inner:not(:last-child) {
    margin-bottom: 80px;
  }

  .gutter-students6 .text {
    line-height: 1.8;
    font-size: 1.3em;
    overflow: hidden;
  }

  .student-name {
    margin-bottom: .5em;
    line-height: 1.2;
    color: #00A5C4;
  }

  .student-name .year {
    padding-right: .7em;
    font-size: 1.3em;
  }

  .student-name .name {
    font-size: 2em;
  }

/* お申込み方法 */

  .gutter-students7:not(:last-child) {
    margin-bottom: 10em;
  }

  .gutter-students7 .border-title + .inner {
    padding-top: 30px;
  }

  .gutter-students7 .text {
    padding: 1em 0;
    text-align: center;
    font-size: 1.3em;
  }

  .app-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-bottom: -10px;
    justify-content: center;
    overflow: hidden;
  }

  .app-list li {
    margin-bottom: 10px;
    padding-right: 10px;
  }

  .app-list a:hover {
    opacity: .7;
  }

  .gutter-students7 .link-btn .link {
    padding-top: .8em;
    padding-bottom: .7em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

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

  id10: 

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

@media print, screen and (min-width: 641px) {


}

@media print, screen and (min-width: 1101px) {


}

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


}

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


}


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

  id11: about/policy

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

/* コンサルティング理念 */

  .gutter-policy1 .border-title + .inner {
    padding-top: 4em;
  }

  .philosophy-title {
    margin-bottom: 1.6em;
    line-height: 1.2;
    text-align: center;
  }

  .philosophy-title .en,
  .philosophy-title .jp {
    display: block;
  }

  .philosophy-title .en {
    margin-bottom: 1.5em;
    letter-spacing: .08em;
    font-size: .9em;
    color: #999;
  }

  .philosophy-title .jp {
    font-size: 3.4em;
  }

  .philosophy-title .jp span {
    font-size: .75em;
  }

  .gutter-policy1 .text {
    letter-spacing: .1em;
    text-align: center;
    line-height: 2.5;
    font-size: 1.15em;
  }

/* 基本方針　～私たちの信念～ */

  .gutter-policy2 .border-title {
    margin-bottom: 60px;
    font-size: 1.7em;
  }

  .policy-container {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin: 0 -15px;
  }
  .policy-container1 { background: #000;}
  .policy-container2 { background: #0B92C5;}
  .policy-container3 { background: #BF3336;}

  .policy-area {
    width: 100%;
  }

  .policy-area-text {
    padding: 1.6em 1em;
    text-align: center;
  }

  .policy-area-text > .inner {
    max-width: 1100px;
  }

  .policy-title {
    margin-bottom: 1em;
    line-height: 1;
  }

  .policy-title .en,
  .policy-title .jp {
    display: block;
  }

  .policy-title .en {
    margin-bottom: .8em;
    font-size: 1.15em;
  }

  .policy-title .jp {
    font-size: 5.5em;
  }

  .policy-area-text .text {
    letter-spacing: -.05em;
    line-height: 1.8;
    font-size: 1.3em;
  }

  .policy-area-text .text .br {
    display: inline;
  }

  .policy-area-img {
    height: 240px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .policy-container1 .policy-area-img { background-image: url(/assets/gmo/img/pages/about/policy/img1.jpg);}
  .policy-container2 .policy-area-img { background-image: url(/assets/gmo/img/pages/about/policy/img2.jpg);}
  .policy-container3 .policy-area-img { background-image: url(/assets/gmo/img/pages/about/policy/img3.jpg);}

@media print, screen and (min-width: 1101px) {

  .policy-container {
    margin: 0;
    align-items: center;
  }

  .policy-area {
    width: 50%;
  }

  .policy-area-text {
    padding: 0;
  }

  .policy-area-text > .inner {
    max-width: 550px;
  }

  .policy-container1 .policy-area-text > .inner,
  .policy-container3 .policy-area-text > .inner {
    margin-left: 0;
  }

  .policy-container2 .policy-area-text > .inner {
    margin-right: 0;
  }

  .policy-area-text .text .br {
    display: block;
  }
}

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

  .policy-container2 .policy-area-text {
    order: 1;
  }

}

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

  id12: about/concept

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

/* S・Yワークスが考える３つの柱 */

  .gutter-concept1 .border-title + .inner {
    padding-top: 60px;
  }

  .pillar-img {
    padding-top: 0;
  }

  .pillar-img .inner {
    max-width: 421px;
    text-align: center;
  }

  .pillar-img .text {
    margin-top: 1.8em;
    line-height: 1.2;
    font-size: 1.15em;
  }

  .pillar-img .text .br {
    font-size: 1.7em;
  }

  .pillar-list {
    overflow: hidden;
  }

  .pillar-list li:not(:last-child) {
    margin-bottom: 3em;
  }

  .pillar-title {
    position: relative;
    margin-bottom: .8em;
    line-height: 1.2;
    border-bottom: 2px solid #eee;
  }

  .pillar-title .number {
    vertical-align: middle;
    text-shadow: #ddd 1px 1px 0px, #ddd -1px 1px 0px, #ddd 1px -1px 0px, #ddd -1px -1px 0px;
    font-size: 4.8em;
    color: #fff;
  }

  .pillar-title .title {
    vertical-align: middle;
    font-size: 4.2em;
    color: #0B92C5;
  }

  .pillar-title .subtitle {
    display: block;
    font-size: 1.4em;
  }

@media print, screen and (min-width: 769px) {

  .pillar-img {
    padding-top: 30px;
  }

  .pillar-title {
    padding-bottom: 0;
  }

  .pillar-title .subtitle {
    position: absolute;
    right: 0;
    top: 1.5em;
  }

}

@media print, screen and (min-width: 1101px) {

  .gutter-concept1 .border-title + .inner {
    padding-left: 50;
    padding-right: 20px;
  }

  .pillar-img {
    padding-right: 70px;
  }

}

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

  .pillar-title {
    padding-bottom: .5em;
  }

}

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

  .pillar-title .subtitle {
    position: absolute;
    right: 0;
    top: 1.5em;
  }

}

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

  .pillar-title {
    padding-bottom: .5em;
    text-align: center;
  }

  .pillar-title .subtitle {
    position: static;
  }

}

/* 主なコンサルティング領域 */

  .gutter-concept2:not(:last-child) {
    margin-bottom: 8.5em;
  }

  .gutter-concept2 .stripe-bg-area {
    padding-bottom: 50px;
  }

  .gutter-concept2 .border-title {
    font-size: 1.7em;
  }

  .gutter-concept2 .text {
    margin: 3em 0 2em;
    text-align: center;
    font-size: 1.15em;
  }

  .consultanting-area-list {
    margin: 0 auto 50px;
    max-width: 630px;
  }

  .consultanting-area-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-bottom: -20px;
    text-align: center;
    overflow: hidden;
  }

  .consultanting-area-list li {
    margin-bottom: 20px;
    padding-right: 15px;
    width: calc(100%/2);
  }

  .consultanting-area-list .title {
    display: block;
    padding: 1em 0;
    font-size: 1.2em;
    border: 2px solid #fff;
    border-radius: 60px;
    background: #33B8D0;
  }

  .gutter-concept2 .link-btn {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
  }

  .gutter-concept2 .link-btn .link {
    display: block;
    padding-top: .7em;
    padding-bottom: .6em;
    font-size: 1.5em;
  }

@media print, screen and (min-width: 641px) {

  .consultanting-area-list li {
    width: calc(100%/3);
    max-width: 215px;
  }

  .consultanting-area-list .title {
    font-size: 1.4em;
  }

}

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

  id13: about/business

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

  .gutter-business3:not(:last-child),
  .gutter-business5:not(:last-child),
  .gutter-business6:not(:last-child) {
    margin-bottom: 5em;
  }

  .gutter-business1:not(:last-child) {
    margin-bottom: 6em;
  }

  .gutter-business2:not(:last-child),
  .gutter-business4:not(:last-child) {
    margin-bottom: 7em;
  }

/* Core BUSINESS */

  .gutter-business1 .border-title + .inner {
    padding-top: 60px;
  }

/* S・Yワークスにできる事 */

  .gutter-business2 .border-title + .inner {
    padding-top: 4em;
  }

  .gutter-business2 .text {
    margin-bottom: 3em;
    text-align: center;
    line-height: 2.2;
    font-size: 1.4em;
  }

  .it-can-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -12px;
    margin-right: -12px;
    justify-content: center;
    overflow: hidden;
  }

  .it-can-list li {
    margin-bottom: 12px;
    padding-right: 12px;
    width: 50%;
    max-width: 232px;
  }

  .it-can-list a:hover {
    opacity: .7;
  }

@media print, screen and (min-width: 641px) {

  .it-can-list {
    margin-bottom: -22px;
    margin-right: -22px;
  }

  .it-can-list li {
    margin-bottom: 22px;
    padding-right: 22px;
    width: 25%;
    max-width: 242px;
  }

}

/* 未来創造・新たな価値づくり */

  .gutter-business3 .border-title {
    font-size: 1.7em;
  }

  .gutter-business3 .border-title + .inner {
    padding-top: 2.5em;
  }

  .gutter-business3 .square-title {
    padding: .9em .5em .8em;
    font-size: 1.7em;
  }

  .border-list {
    margin-right: -10px;
    padding-top: 1em;
    overflow: hidden;
  }

  .border-list:after {
    content: "";
    display: table;
    clear: both;
  }

  .border-list li {
    float: left;
    margin-right: 10px;
    padding: .8em 1em;
    width: calc(50% - 10px);
    text-align: center;
    font-weight: bold;
    font-size: 1.15em;
    border-bottom: 1px solid #ddd;
  }

  .stripe-bg-area .border-list li {
    color: #fff;
    border-bottom: 1px solid #fff;
  }

/* 既存店舗活性化 */

  .gutter-business4 .border-title + .inner {
    padding-top: 2.5em;
  }

  .gutter-business4 .square-title {
    padding: .9em .5em .8em;
    font-size: 1.7em;
  }

/* 組織の一本化 */

  .gutter-business5 .stripe-bg-area {
    padding-bottom: 40px;
  }

  .gutter-business5 .border-title {
    font-size: 1.7em;
  }

  .gutter-business5 .border-title + .inner {
    padding-top: 2.5em;
  }

  .gutter-business5 .square-title {
    padding: .9em .5em .8em;
    font-size: 1.7em;
  }

/* 利益改善 */

  .gutter-business6:not(:last-child) {
    margin-bottom: 3em;
  }

  .gutter-business6 .border-title + .inner {
    padding-top: 2.5em;
  }

  .gutter-business6 .square-title {
    padding: .9em .5em .8em;
    font-size: 1.7em;
  }

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

  id14: company

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

  .company-number-list li {
    position: relative;
    padding-left: 3em;
  }

  .company-number-list .number {
    position: absolute;
    left: 0;
    top: 0;
  }

  .stripe-bg-area-map {
    margin-top: 100px;
    padding-top: 0;
    padding-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
  }

  #gmap {
    height: 460px;
  }

  .map-link {
    margin-top: 30px;
  }

  .map-link .link {
    padding-top: .7em;
    padding-bottom: .6em;
  }

@media print, screen and (min-width: 641px) {

  #gmap {
    height: 642px;
  }

}

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

  id15: seminar/beginner

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

  .gutter-beginner > .inner .inner:not(:last-child) {
    margin-bottom: 5em;
  }

  .gutter-beginner .text {
    line-height: 2.2;
    font-size: 1.3em;
  }

  .gutter-beginner .link-btn {
    margin-top: 1em;
  }

  .gutter-beginner .link-btn .link {
    padding: .5em 1.3em .4em;
  }

@media print, screen and (min-width: 641px) {


}

@media print, screen and (min-width: 1101px) {


}

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


}

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


}


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

  id16: seminar/human-resources

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

/* せっかく働くなら、本気で楽しく働きたくありませんか? */

  .gutter-human1:not(:last-child) {
    margin-bottom: 5em;
  }

  .intro-area-human {
    padding-top: 2em;
    text-align: center;
  }

  .intro-area-human .title {
    margin-bottom: 1em;
    line-height: 1.2;
    font-size: 1.7em;
    color: #0B93C6;
  }

  .intro-area-human .text {
    line-height: 2;
    font-size: 1.4em;
  }

/* 人財化セミナーで得られる事 */

  .stripe-bg-area-human {
    padding-bottom: 50px;
    text-align: center;
  }

  .seminar-get {
    margin-top: 3em;
  }

  .seminar-get dt {
    margin-bottom: .5em;
    line-height: 1.2;
    font-size: 2.8em;
  }

  .seminar-get dd {
    line-height: 1.8;
    font-size: 1.15em;
  }

  .youtube-nav-area {
    position: static;
  }

  .youtube-area {
    position: relative;
    height: 300px;
    padding-top: 0;
    background: url(/assets/gmo/img/pages/seminar/human-resources/youtube_bg.jpg) no-repeat top;
    background-size: cover;
  }

  .youtube-title img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    padding: 0 1em;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    text-align: center;
  }

  .jinzaika-nav-area {
    margin-top: -2px;
    overflow: hidden;
  }

  .jinzaika-nav {
    display: flex;
    flex-wrap: wrap;
  }

  .jinzaika-nav li {
    width: 50%;
  }

  .jinzaika-link {
    display: block;
    height: 50px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    color: #fff;
    border-top: 2px solid #9B3D3A;
    border-left: 1px solid #9B3D3A;
    border-right: 1px solid #9B3D3A;
    background: #FF6464;
  }

  .jinzaika-link:hover {
    background: #9B3D3A;
  }

@media print, screen and (min-width: 641px) {

  .youtube-area {
    height: 0;
    padding-top: 31.25%;
  }

  .youtube-title img {
    padding: 0;
    width: 31.18%;
  }

  .jinzaika-nav li {
    width: calc(100% / 3);
  }

  .jinzaika-link {
    font-size: 1.15em;
  }

}

@media print, screen and (min-width: 1101px) {

  .youtube-nav-area {
    position: relative;
    margin-top: 0;
  }

  .youtube-title img {
    width: auto;
  }

  .jinzaika-nav-area {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 940px;
  }

  .jinzaika-nav {
    display: table;
    width: 100%;
  }

  .jinzaika-nav li {
    display: table-cell;
    vertical-align: top;
    min-width: 130px;
    width: auto;
  }

  .jinzaika-link {
    border-top: none;
  }

}

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

  id17: seminar/sy-circle

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

/* S・Yサークルとは */

  .intro-title-syc {
    margin-bottom: .5em;
    padding-top: 1.5em;
    text-align: center;
    font-size: 1.7em;
    color: #0B92C5;
  }

  .intro-text-syc {
    line-height: 2;
    text-align: center;
    font-size: 1.4em;
  }

/* 過去のゲスト講師紹介 */

  .gutter-syc2 .stripe-bg-area {
    padding-top: 50px;
    padding-bottom: 40px;
  }

  .gutter-syc2 .border-title {
    text-align: center;
    font-size: 1.9em;
  }

  .gutter-syc2 .border-title + .inner {

  }

  .guest-area-intro .text {
    line-height: 1.6;
    font-size: 1.15em;
  }

  .guest-area-intro .guest-name {
    margin-top: .5em;
    text-align: right;
  }

  .guest-area-intro .guest-name .job {
    display: inline-block;
    padding-right: 1em;
    padding-top: .7em;
    vertical-align: top;
    font-size: 1.15em;
  }

  .guest-area-intro .guest-name .name {
    font-size: 2.1em;
  }

  .guest-name {
    margin-top: .8em;
    line-height: 1.3;
    text-align: center;
  }

  .guest-name .job {
    display: block;
  }

  .guest-area-intro .guest-name {
    text-align: left;
  }

  .guest-name .name {
    font-size: 1.7em;
  }

  .guest-list-area {
    margin-top: 30px;
  }

  .guest-list {
    margin-bottom: -30px;
    justify-content: center;
    text-align: center;
    overflow: hidden;
  }

  .guest-list li {
    margin-bottom: 30px;
  }

  .guest-list li:nth-child(6) .guest-name .job {
    font-size: .9em;
  }

@media print, screen and (min-width: 481px) {

  .guest-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -24px;
  }

  .guest-list li {
    padding-right: 24px;
    width: 50%;
    max-width: 243px;
  }

  .guest-area-intro .guest-name .name {
    font-size: 2.4em;
  }

  .guest-name .name {
    font-size: 2.1em;
  }

}

@media print, screen and (min-width: 641px) {

  .gutter-syc2 .border-title + .inner {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .guest-list li {
    width: calc(100% / 3);
  }

}

@media print, screen and (min-width: 1101px) {

  .gutter-syc2 .border-title + .inner {
    padding-top: 50px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .guest-list {
    margin-right: -48px;
  }

  .guest-list li {
    padding-right: 48px;
    width: 25%;
    max-width: none;
  }

}

/* 開催日程 */

  .syc-table table {
    table-layout: fixed;
  }

  .syc-table th,
  .syc-table td {
    padding: .8em .5em .7em;
    text-align: center;
  }

  .syc-table thead th {
    color: #fff;
    background: #0B92C5;
  }

  .syc-table thead th:not(:last-child) {
    border-right: 1px solid #fff;
  }

  .syc-table tbody th,
  .syc-table td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }

  .syc-table tbody th {
    border-left: 1px solid #ddd;
  }

  .membership-list-syc .text {
    font-size: 1.7em;
  }

  .membership-list-syc li {
    padding-top: .5em;
    padding-bottom: .5em;
  }

  .membership-list-syc .number {
    top: .5em;
  }

  .membership-list-syc .link-btn {
    display: inline-block;
  }

  .membership-list-syc .link-btn .link {
    font-family: "YuMincho", "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: .8em;
  }

@media print, screen and (min-width: 1101px) {

  .syc-table {
    position: relative;
    max-width: 484px;
    z-index: 1;
  }


}

/* 費用 */

  .gutter-syc4 .stripe-bg-area {
    padding-bottom: 40px;
  }

  .gutter-syc4 .border-title {
    font-size: 1.7em;
  }

  .gutter-syc4 .border-title + .inner {
    padding-top: 3em;
  }

  .gutter-syc4 .price,
  .gutter-syc4 .en {
    color: #fff;
  }

  .trial-price-note {
    margin: 1em 0;
    text-align: center;
    font-size: 1.3em;
  }

  .gutter-syc4 .link-btn .link {
    padding-top: .5em;
    padding-bottom: .4em;
  }

/* ホームページ限定　お試し参加受付中 */

  .gutter-syc5 .border-title + .inner {
    padding-top: 3em;
  }

  .gutter-syc5 div.text {
    margin-top: 2em;
    text-align: center;
    line-height: 1.8;
    font-size: 1.15em;
  }

  .syc-info-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 3em;
    margin-right: -45px;
    margin-bottom: -10px;
  }

  .syc-info-list li {
    margin-bottom: 10px;
    padding-right: 45px;
  }

  .syc-tel {
    display: block;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: .5em;
    padding-bottom: .4em;
    width: 240px;
    max-width: 100%;
    text-align: center;
    font-size: 1.4em;
    color: #fff;
    background: #525252;
  }

  .syc-tel a {
    display: block;
    text-decoration: none;
    color: #fff;
  }

  .syc-info-list .link-btn .link {
    padding-top: .5em;
    padding-bottom: .4em;
    width: 240px;
    max-width: 100%;
  }

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

  id18: consultanting/case/case1

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

  .intro-text-case1 {
    margin-bottom: 2em;
    line-height: 2;
    text-align: center;
    font-size: 1.4em;
  }

  .grid-container-case1 .square-title {
    padding: .9em .5em .8em;
    font-size: 1.7em;
  }

  .grid-container-case1 .img {
    margin: 1em 0;
    text-align: center;
  }

  .case1-link {
    display: block;
  }

  .case1-link .img {
    transition: .2s opacity;
  }

  .case1-link:hover .img {
    opacity: .7;
  }

  .case1-link:hover .link-btn .link {
    transform: translate(2px,2px);
    box-shadow: none;
  }

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

  id19: consultanting/case/case2

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

  .gutter-case2 .border-title + .inner {
    padding-top: 1em;
  }

  .gutter-case2 .text {
    margin-bottom: 1em;
    line-height: 2;
    font-size: 1.15em;
  }

  .case2-img-list {
    margin-bottom: -15px;
    text-align: center;
    overflow: hidden;
  }

  .case2-img-list li {
    width: auto;
    margin-bottom: 15px;
  }

  .case2-title {
    margin-top: 2.5em;
    margin-bottom: 1em;
    padding: .6em .5em .5em;
    text-align: center;
    font-size: 1.5em;
    color: #fff;
    background: #199BCB;
  }

  .gutter-case2 .fig-img-fl .caption {
    display: block;
    margin-top: .5em;
    text-align: center;
    line-height: 1.2;
  }

@media print, screen and (min-width: 641px) {

  .case2-img-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
  }

  .case2-img-list li {
    padding-right: 15px;
    max-width: 355px;
    width: calc(100% / 3);
  }


}

@media print, screen and (min-width: 1101px) {

  .gutter-case2 .border-title + .inner {
    padding-left: 25px;
    padding-right: 25px;
  }

}

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


}

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


}


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

  id20: 

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

@media print, screen and (min-width: 641px) {


}

@media print, screen and (min-width: 1101px) {


}

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


}

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


}


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

  idxx: contact

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

/* TELでのお問合わせ */

  .gutter-contact-tel > .inner {
    padding-top: 3.5em;
  }

  .tel-info-area {
    line-height: 1.2;
    text-align: center;
    color: #525252;
  }

  .tel-info-number {
    margin-bottom: 1em;
  }

  .tel-info-number .title {
    font-size: 1.3em;
  }

  .tel-info-number .number {
    font-size: 2.5em;
  }

  .tel-info-time {
    font-size: 1em;
  }

@media print, screen and (min-width: 641px) {

  .tel-info-number .title {
    font-size: 2.1em;
  }

  .tel-info-number .number {
    font-size: 3.5em;
  }

  .tel-info-time {
    font-size: 1.15em;
  }

}

/* WEBからのお問合わせ */

  .gutter-contact-web > .inner {
    padding-top: 1em;
  }

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

  フォーム（contact・form・blogコメント欄）

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

  .form {
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }

  .form-notes {
    margin-bottom: 1.5em;
    text-align: right;
    font-size: .85em;
    color: #f00;
  }

  .form-notes span {
    display: inline-block;
    margin-right: .5em;
    min-width: 44px;
    text-align: center;
    color: #fff;
    background: #d90000;
  }

  .form-table,
  .form-table tbody,
  .form-table tr,
  .form-table th,
  .form-table td {
    display: block;
  }

  .form-table {
    border-bottom: 1px dashed #ddd;
  }

  .form-table tr {
    width: 100%;
    padding: 1.4em 0;
    border-top: 1px dashed #ddd;
  }

  .form-table th,
  .form-table td {
    font-size: 1.1em;
  }

  .form-table th {
    margin-bottom: 1em;
    color: #000;
  }

  .form-table .form-item-message th {
    vertical-align: top;
  }

  .form-table .note {
    display: block;
    margin-top: .5em;
    font-size: .75em;
    color: #D90000;
  }

  .form-table .form-item-message .note {
    padding-left: 0;
    padding-right: 0;
  }

@media print, screen and (min-width: 769px) {

  .form-table tr {
    display: table;
    padding: 1em 0;
  }

  .form-table th,
  .form-table td {
    display: table-cell;
    vertical-align: middle;
  }

  .form-table th {
    margin-bottom: 0;
  }

  .form-table td {
    padding-left: .5em;
    border-left: 10px solid #eee;
  }

  .form-table .form-item-type td,
  .form-table .form-item-means td,
  .form-table .form-item-cue td {
    padding-left: 1.5em;
  }

  .form-table .form-item-message .note {
    padding-left: 56px;
    padding-right: 1em;
  }

}

/* contact・form */

@media print, screen and (min-width: 769px) {

  .form-table-contact th {
    width: 320px;
  }

}

/* blog */

@media print, screen and (min-width: 769px) {

  .form-table-comment th {
    width: 180px;
  }

}

/* 入力エリア */

  .form-short,
  .form-middle,
  .form-long,
  .form-select {
    padding: .5em;
    color: #000;
    font: 1.1em/1.2 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    border: 1px solid #ddd;
    background: #fff;
  }

  .form-select {
    padding: 1em .5em;
    width: 50%;
    font-size: 14px;
  }

  .form-short:focus,
  .form-middle:focus,
  .form-long:focus,
  .form-select:focus {
    outline: none;
    border-color: #0B92C5;
    background: #fff;
  }

  .form-short  { width: 30%;}
  .form-middle { width: 70%;}
  .form-long   { width: 100%;}

  textarea {
    vertical-align: top;
    height: 6em;
    min-height: 4em;
    resize: vertical;
  }

/* radio, checkbox 共通 */

  .form-btn-list {
    margin-bottom: -.5em;
    padding: .5em 0;
    overflow: hidden;
  }

  .form-btn-list li {
    margin-bottom: .5em;
  }

@media print, screen and (min-width: 769px) {

  .form-btn-list {
    letter-spacing: -.40em;
    margin-right: -2em;
  }

  .form-btn-list li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    padding-right: 2em;
  }

}

  input[type=radio] + label,
  input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
  }

@media (min-width: 1px) {

  input[type=radio],
  input[type=checkbox] {
    position: absolute;
    opacity: 0;
  }

  input[type=radio] + label,
  input[type=checkbox] + label {
    padding: 0 0 0 26px;
  }

  input[type=radio]:checked + label,
  input[type=checkbox]:checked + label {
    color: #199BCB;
  }

  input[type=radio] + label:before,
  input[type=checkbox] + label:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    border: 1px solid #ddd;
    background: #fff;
  }

  input[type=radio]:checked + label:before,
  input[type=checkbox]:checked + label:before {
    border-color: #199BCB;
  }

}

/* radio */

@media (min-width: 1px) {

  input[type=radio] + label:before {
    border-radius: 0;
  }

  input[type=radio] + label:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 4px;
    display: block;
    width: 10px;
    height: 10px;
    margin: auto;
    background: #fff;
    border-radius: 0;
    opacity: 1;
    -webkit-transform: scale(.8);
            transform: scale(.8);
  }

  input[type=radio]:checked + label:after {
    background-color: #199BCB;
    opacity: 1;
    -webkit-transition: .2s;
            transition: .2s;
    -webkit-transform: scale(1);
            transform: scale(1);
  }

}

/* checkbox */

@media (min-width: 1px) {

  input[type=checkbox] + label:before {
    border-radius: 0;
  }

  input[type=checkbox] + label:after {
    content: "";
    position: absolute;
    top: -10px;
    bottom: 0;
    left: 3px;
    display: block;
    width: 20px;
    height: 10px;
    margin: auto;
    border-left: 3px solid #199BCB;
    border-bottom: 3px solid #199BCB;
    opacity: 0;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }

  input[type=checkbox]:checked + label:after {
    opacity: 1;
    -webkit-transition: .2s;
            transition: .2s;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

}

/* 送信ボタン */

  .form-buttons {
    padding-top: 1em;
    text-align: center;
  }

  .form-button {
    display: block;
    vertical-align: top;
    text-align: center;
    width: 100%;
    max-width: 300px;
    height: 50px;
    margin: 1em auto 0;
    color: #fff;
    font: 1.4em/1.0 "YuMincho", "游明朝", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 05px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    cursor: pointer;
    transition: .2s;
  }

  .form-button-send {
    border: 1px solid #0B92C5;
    background: #0B92C5;
  }

  .form-button-send:hover {
    color: #0B92C5;
    background: #fff;
  }

  .form-button-back {
    border: 1px solid #888;
    background: #888;
  }

  .form-button-back:hover {
    color: #888;
    background: #fff;
  }

@media print, screen and (min-width: 641px) {

  .form-button {
    display: inline-block;
    margin: 1em .5em 0;
  }

}

/* 必須マーク */

  .form-icon {
    display: inline-block;
    width: 46px;
    margin: -3px 10px 0 0;
    color: #fff;
    font-size: .75em;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
  }

  .form-icon-must {
    background: #D90000;
  }

  .form-icon-must:before {
    content: "必須";
  }

  .form-icon-any {
    background: #888;
  }

  .form-icon-any:before {
    content: "任意";
  }

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

  商品紹介①

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

@media print, screen and (min-width: 641px) {


}

@media print, screen and (min-width: 1101px) {


}

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


}

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


}

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

  商品紹介② consultanting/consultant

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

/* 一覧ページ */

  .consultant-list {
    display: block;
    margin-right: 0;
    margin-bottom: -40px;
    overflow: hidden;
  }

  .consultant-list li {
    margin-bottom: 40px;
  }

  .consultant-link {
    display: block;
    text-decoration: none;
    color: #333;
  }

  .consultant-list .consultant-img {
    text-align: center;
  }

  .consultant-job,
  .consultant-type {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  }

  .consultant-job {
    padding-top: .5em;
  }

  .consultant-name {
    line-height: 1.2;
    font-size: 1.7em;
    color: #0B94C7;
  }

  .consultant-type {
    margin-top: .5em;
    font-size: .85em;
  }
  .consultant-img img{
  	height:auto;
  }
  
@media print, screen and (min-width: 401px) {

  .consultant-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
  }

  .consultant-list li {
    padding-right: 20px;
    width: 50%;
  }

}

@media print, screen and (min-width: 641px) {

  .consultant-list li {
    width: 25%;
  }

}

@media print, screen and (min-width: 1101px) {

  .consultant-list {
    margin-right: -40px;
  }

  .consultant-list li {
    padding-right: 40px;
  }

  .consultant-list .consultant-img {
    position: relative;
    overflow: hidden;
  }

  .consultant-list .consultant-img:after {
    content: '詳細はこちら';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1.3em;
    color: #fff;
    background: rgba(0,0,0,.7);
    opacity: 0;
    transition: .4s;
  }

  .consultant-list .consultant-link:hover .consultant-img:after {
    opacity: 1;
  }

  .consultant-list .consultant-img img {
    transition: .4s;
  }

  .consultant-list .consultant-link:hover .consultant-img img {
    transform: scale(1.1,1.1);
  }

}

/* 詳細ページ */

  .grid-container-consultant {
    margin-right: -20px;
  }

  .grid-container-consultant .grid {
    padding-right: 20px;
  }

  .grid-container-consultant .consultant-job {
    font-size: 1.4em;
  }

  .grid-container-consultant .consultant-name {
    font-size: 2.4em;
  }

  .consultant-name-en,
  .consultant-detail {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  }

  .zayu-area {
    position: relative;
    margin-top: 4em;
    padding: 2.6em 1.8em 8em;
    background: #F0F0EF;
  }

  .zayu-area:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: 100%;
    background: url(../img/base/zayu_bg.jpg) no-repeat right 0;
    background-size: contain;
  }

  .zayu-area .inner {
    z-index: 1;
  }

  .zayu-title {
    margin-bottom: 3em;
    line-height: 1.2;
  }

  .zayu-title .title1 {
    display: block;
    padding-right: 0;
    font-size: 1.15em;
  }

  .zayu-title .title2 {
    font-size: 1.7em;
  }

  .zayu-text {
    line-height: 1.2;
    font-size: 1.8em;
    color: #0B94C7;
  }

  .consultant-content:not(:last-child) {
    margin-bottom: 3em;
  }

  .consultant-detail dt {
    display: inline-block;
    margin-bottom: 1em;
    padding: .1em .5em;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    background: #1D96AF;
  }

  .consultant-detail dd {
    line-height: 2;
  }

@media print, screen and (min-width: 401px) {

  .zayu-title .title1 {
    display: inline;
    padding-right: 1em;
  }

}

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

  .grid-container-consultant .grid {
    float: none;
    width: 100%;
  }

  .grid-container-consultant,
  .grid-container-consultant .grid:last-child {
    margin-bottom: 0;
  }

}

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

  商品紹介③product/index.html

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

/* 一覧詳細共通　月刊CD～その他リンク一覧 */

  .product-link-list-content {
    margin-bottom: 3em;
  }

  .product-link-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px;
    margin-right: -10px;
  }

  .product-link-list li {
    padding-right: 10px;
    margin-bottom: 10px;
    width: calc(100% / 2);
  }

  .product-link-list .link-btn .link {
    display: block;
    padding-top: .5em;
    padding-bottom: .4em;
  }

  .product-list-content:not(:last-child) {
    margin-bottom: 5em;
  }

@media print, screen and (min-width: 641px) {

  .product-link-list li {
    width: calc(100% / 3);
  }

}

@media print, screen and (min-width: 1101px) {

  .product-link-list li {
    width: calc(100% / 4);
  }

}

/* 一覧ページ */

  .product-list {
    display: block;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  }

  .product-list > li {
    padding: 2em 1.5em;
    border: 1px solid #ccc;
  }

  .product-title {
    margin-bottom: 1em;
    font-weight: bold;
    color: #0B94C7;
  }

  .product-img {
    text-align: center;
  }

  .product-list .product-img {
    margin-bottom: 1em;
  }

  .product-price {
    text-align: center;
  }

  .product-price .price {
    font-weight: bold;
    font-size: 1.35em;
    color: #f00;
  }

  .product-price .tax {
    font-size: .85em;
  }

  .link-btn-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
    margin-right: -10px;
    margin-bottom: -10px;
    justify-content:center;
  }

  .link-btn-list li {
    margin-bottom: 10px;
    padding-right: 10px;
  }

  .link-btn-list .link-btn .link {
    font-size: 1.2em;
  }

@media print, screen and (min-width: 641px) {

  .product-list {
    display: flex;
    flex-wrap: wrap;
  }

  .product-list > li {
    width: calc(100% / 2);
  }

}

@media print, screen and (min-width: 769px) {

  .product-list > li {
    width: calc(99.9% / 3);
  }

}

/* 詳細ページ */

  .product-detail-content {
    display: block;
    margin-right: 0;
    margin-bottom: -40px;
  }

  .product-detail-content > .inner {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
    padding-right: 0;
  }

  .product-detail:not(:last-child) {
    margin-bottom: 1em;
  }

  .product-detail-text {
    font-size: 1.15em;
  }

  .product-detail-price .product-price .price {
    font-size: 2.4em;
  }

  .product-detail-price .product-price .tax {
    font-size: 1.15em;
  }

@media print, screen and (min-width: 641px) {


}

@media print, screen and (min-width: 1101px) {

  .product-detail-content {
    display: flex;
    justify-content: center;
    margin-right: -20px;
  }

  .product-detail-content > .inner {
    padding-right: 20px;
  }

}

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


}

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


}

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

  plugin

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

/* スライダー（トップページ用）*/

  .slider {
    display: block;
    width: 100%;
    height: 400px;
    background: #fff;
    overflow: hidden;
  }

  .slider .inner {
    position: relative;
    max-width: none;
    width: 100%;
    height: 100%;
  }

  .slider .slide {
    width: 100%;
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .slider .slide1 { background-image: url(/assets/gmo/img/slider/1.jpg);}
  .slider .slide2 { background-image: url(/assets/gmo/img/slider/2.jpg);}
  .slider .slide3 { background-image: url(/assets/gmo/img/slider/3.jpg);}
  .slider .slide4 { background-image: url(/assets/gmo/img/slider/4.jpg);}
  .slider .slide5 { background-image: url(/assets/gmo/img/slider/5.jpg);}

/*
  .slider .fotorama {
    opacity: 0;
  }
*/

@media print, screen and (min-width: 1101px) {

  .slider {
    position: fixed;
    height: 572px;
  }

  .slider .slide {
    height: 572px;
  }

}

@media print {

  .slider .fotorama {
    opacity: 1;
  }

}
  .slider-text {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
  }

  .slider-text img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
  }

@media print, screen and (min-width: 1101px) {

  .slider-text {
    top: 28px;
    height: 572px;
  }

}

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

  .slider-text img {
    top: 28px;
    padding: 0 15px;
  }

}

/* Magnific Popup CSS */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before,
  .mfp-arrow:after,
  .mfp-arrow .mfp-b,
  .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after,
  .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before,
  .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after,
  .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before,
  .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after,
  .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before,
  .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/*!
 * Fotorama 4.6.4 | http://fotorama.io/license/
 */
.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__html,.fotorama__img,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video iframe{position:absolute;width:100%;height:100%;top:0;right:0;left:0;bottom:0}.fotorama--fullscreen,.fotorama__img{max-width:99999px!important;max-height:99999px!important;min-width:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.fotorama__wrap .fotorama__grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.fotorama__grabbing *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.fotorama__spinner{position:absolute!important;top:50%!important;left:50%!important}.fotorama__wrap--css3 .fotorama__arr,.fotorama__wrap--css3 .fotorama__fullscreen-icon,.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border,.fotorama__wrap--css3 .fotorama__video-close,.fotorama__wrap--css3 .fotorama__video-play{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__caption,.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before,.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__nav,.fotorama__wrap--css3 .fotorama__spinner,.fotorama__wrap--css3 .fotorama__stage,.fotorama__wrap--css3 .fotorama__stage .fotorama__img,.fotorama__wrap--css3 .fotorama__stage__frame{-webkit-transform:translateZ(0);transform:translateZ(0)}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus,.fotorama__nav__frame{outline:0}.fotorama__arr:focus:after,.fotorama__fullscreen-icon:focus:after,.fotorama__nav__frame:focus .fotorama__dot:after,.fotorama__nav__frame:focus .fotorama__thumb:after{content:'';border-radius:inherit;background-color:rgba(0,175,234,.5)}.fotorama__wrap--video .fotorama__stage,.fotorama__wrap--video .fotorama__stage__frame--video,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img,.fotorama__wrap--video .fotorama__stage__shaft{-webkit-transform:none!important;transform:none!important}.fotorama__wrap--css3 .fotorama__nav__shaft,.fotorama__wrap--css3 .fotorama__stage__shaft,.fotorama__wrap--css3 .fotorama__thumb-border{transition-property:-webkit-transform,width;transition-property:transform,width;transition-timing-function:cubic-bezier(.1,0,.25,1);transition-duration:0}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__no-select,.fotorama__video-close,.fotorama__video-play,.fotorama__wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fotorama__nav,.fotorama__nav__frame{margin:auto;padding:0}.fotorama--fullscreen,.fullscreen{width:100%!important;height:100%!important;margin:0!important}.fotorama__caption__wrap,.fotorama__nav__frame,.fotorama__nav__shaft{-moz-box-orient:vertical;display:inline-block;vertical-align:middle}.fotorama:not(.fotorama--unobtrusive)>:not(:first-child),.fotorama__wrap--fade .fotorama__stage__frame{display:none}.fotorama__nav__frame,.fotorama__thumb-border{box-sizing:content-box}.fotorama--hidden,.fotorama__load{position:absolute;left:-99999px;top:-99999px;z-index:-1}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__nav,.fotorama__nav__frame,.fotorama__nav__shaft,.fotorama__stage__frame,.fotorama__stage__shaft,.fotorama__video-close,.fotorama__video-play{-webkit-tap-highlight-color:transparent}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/assets/gmo/img/fotorama/fotorama.png) no-repeat}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:2dppx){.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{background:url(/assets/gmo/img/fotorama/fotorama@2x.png) 0 0/96px 160px no-repeat}}.fotorama__thumb{background-color:#7f7f7f;background-color:rgba(127,127,127,.2)}@media print{.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__thumb-border,.fotorama__video-close,.fotorama__video-play{background:0 0!important}}.fotorama--fullscreen .fotorama__nav,.fotorama--fullscreen .fotorama__stage,.fullscreen{background:#000}.fotorama{min-width:1px;overflow:hidden}.fullscreen{max-width:100%!important;max-height:100%!important;padding:0!important;overflow:hidden!important}.fotorama--fullscreen{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;float:none!important;z-index:2147483647!important;background:#000}.fotorama__wrap{-webkit-text-size-adjust:100%;position:relative;direction:ltr;z-index:0}.fotorama__stage__frame.fotorama__active,.fotorama__wrap--fade .fotorama__fade-front{z-index:8}.fotorama__wrap--rtl .fotorama__stage__frame{direction:rtl}.fotorama__nav,.fotorama__stage{overflow:hidden;position:relative;max-width:100%}.fotorama__wrap--pan-y{-ms-touch-action:pan-y}.fotorama__wrap .fotorama__pointer{cursor:pointer}.fotorama__wrap--slide .fotorama__stage__frame{opacity:1!important}.fotorama__stage__frame{overflow:hidden}.fotorama__wrap--fade .fotorama__fade-front,.fotorama__wrap--fade .fotorama__fade-rear,.fotorama__wrap--fade .fotorama__stage__frame.fotorama__active{display:block;left:0;top:0}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img,.fotorama__img--full,.fotorama__wrap--fade .fotorama__stage .fotorama__shadow{display:none}.fotorama__wrap--fade .fotorama__fade-rear{z-index:7}.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active{z-index:9}.fotorama__img{-ms-filter:alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;border:none!important}.fotorama__error .fotorama__img,.fotorama__loaded .fotorama__img{-ms-filter:alpha(Opacity=100);filter:alpha(opacity=100);opacity:1}.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full{display:block}.fotorama__wrap--only-active .fotorama__nav,.fotorama__wrap--only-active .fotorama__stage{max-width:99999px!important}.fotorama__wrap--only-active .fotorama__stage__frame{visibility:hidden}.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active{visibility:visible}.fotorama__nav{font-size:0;line-height:0;text-align:center;display:none;white-space:nowrap;z-index:5}.fotorama__nav__shaft{position:relative;left:0;top:0;text-align:left}.fotorama__nav__frame{position:relative;cursor:pointer}.fotorama__nav--dots{display:block}.fotorama__nav--dots .fotorama__nav__frame{width:18px;height:30px}.fotorama__nav--dots .fotorama__nav__frame--thumb,.fotorama__nav--dots .fotorama__thumb-border{display:none}.fotorama__nav--thumbs{display:block}.fotorama__nav--thumbs .fotorama__nav__frame{padding-left:0!important}.fotorama__nav--thumbs .fotorama__nav__frame:last-child{padding-right:0!important}.fotorama__nav--thumbs .fotorama__nav__frame--dot{display:none}.fotorama__dot{display:block;width:4px;height:4px;position:relative;top:12px;left:6px;border-radius:6px;border:1px solid #7f7f7f}.fotorama__wrap--css2 .fotorama__video-play,.fotorama__wrap--no-captions .fotorama__caption,.fotorama__wrap--video .fotorama__caption,.fotorama__wrap--video .fotorama__stage .fotorama__video-play{display:none}.fotorama__nav__frame:focus .fotorama__dot:after{padding:1px;top:-1px;left:-1px}.fotorama__nav__frame.fotorama__active .fotorama__dot{width:0;height:0;border-width:3px}.fotorama__nav__frame.fotorama__active .fotorama__dot:after{padding:3px;top:-3px;left:-3px}.fotorama__thumb{overflow:hidden;position:relative;width:100%;height:100%}.fotorama__nav__frame:focus .fotorama__thumb{z-index:2}.fotorama__thumb-border{position:absolute;z-index:9;top:0;left:0;border-style:solid;border-color:#00afea;background-image:linear-gradient(to bottom right,rgba(255,255,255,.25),rgba(64,64,64,.1))}.fotorama__caption{position:absolute;z-index:12;bottom:0;left:0;right:0;font-family:'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#000}.fotorama__caption a{text-decoration:none;color:#000;border-bottom:1px solid;border-color:rgba(0,0,0,.5)}.fotorama__caption a:hover{color:#333;border-color:rgba(51,51,51,.5)}.fotorama__wrap--rtl .fotorama__caption{left:auto;right:0}.fotorama__caption__wrap{box-sizing:border-box;background-color:#fff;background-color:rgba(255,255,255,.9);padding:5px 10px}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fotorama__wrap--css3 .fotorama__spinner{-webkit-animation:spinner 24s infinite linear;animation:spinner 24s infinite linear}.fotorama__wrap--css3 .fotorama__html,.fotorama__wrap--css3 .fotorama__stage .fotorama__img{transition-property:opacity;transition-timing-function:linear;transition-duration:.3s}.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html,.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img{-ms-filter:alpha(Opacity=0);filter:alpha(opacity=0);opacity:0}.fotorama__select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;cursor:auto}.fotorama__video{top:32px;right:0;bottom:0;left:0;position:absolute;z-index:10}.fotorama__arr,.fotorama__fullscreen-icon,.fotorama__video-close,.fotorama__video-play{position:absolute;z-index:11;cursor:pointer}.fotorama__arr{position:absolute;width:32px;height:32px;top:50%;margin-top:-16px}.fotorama__arr--prev{left:2px;background-position:0 0}.fotorama__arr--next{right:2px;background-position:-32px 0}.fotorama__arr--disabled{pointer-events:none;cursor:default;opacity:.1}.fotorama__fullscreen-icon{width:32px;height:32px;top:2px;right:2px;background-position:0 -32px;z-index:20}.fotorama__arr:focus,.fotorama__fullscreen-icon:focus{border-radius:50%}.fotorama--fullscreen .fotorama__fullscreen-icon{background-position:-32px -32px}.fotorama__video-play{width:96px;height:96px;left:50%;top:50%;margin-left:-48px;margin-top:-48px;background-position:0 -64px;opacity:0}.fotorama__error .fotorama__video-play,.fotorama__loaded .fotorama__video-play,.fotorama__nav__frame .fotorama__video-play{opacity:1;display:block}.fotorama__nav__frame .fotorama__video-play{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-position:-64px -32px}.fotorama__video-close{width:32px;height:32px;top:0;right:0;background-position:-64px 0;z-index:20;opacity:0}.fotorama__wrap--css2 .fotorama__video-close{display:none}.fotorama__wrap--css3 .fotorama__video-close{-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--video .fotorama__video-close{display:block;opacity:1}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{opacity:0}.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{opacity:1}.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--video .fotorama__fullscreen-icon{opacity:0!important}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon{display:none}.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus,.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus{display:block}.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr,.fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon{display:none!important}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus){-webkit-transform:translate3d(32px,-32px,0);transform:translate3d(32px,-32px,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus){-webkit-transform:translate3d(-48px,0,0);transform:translate3d(-48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus){-webkit-transform:translate3d(48px,0,0);transform:translate3d(48px,0,0)}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon{-webkit-transform:translate3d(32px,-32px,0)!important;transform:translate3d(32px,-32px,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev{-webkit-transform:translate3d(-48px,0,0)!important;transform:translate3d(-48px,0,0)!important}.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next{-webkit-transform:translate3d(48px,0,0)!important;transform:translate3d(48px,0,0)!important}.fotorama__wrap--css3 .fotorama__arr:not(:focus),.fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus),.fotorama__wrap--css3 .fotorama__video-close:not(:focus),.fotorama__wrap--css3 .fotorama__video-play:not(:focus){transition-property:-webkit-transform,opacity;transition-property:transform,opacity;transition-duration:.3s}.fotorama__nav:after,.fotorama__nav:before,.fotorama__stage:after,.fotorama__stage:before{content:"";display:block;position:absolute;text-decoration:none;top:0;bottom:0;width:10px;height:auto;z-index:10;pointer-events:none;background-repeat:no-repeat;background-size:1px 100%,5px 100%}.fotorama__nav:before,.fotorama__stage:before{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent);background-position:0 0,0 0;left:-10px}.fotorama__nav.fotorama__shadows--left:before,.fotorama__stage.fotorama__shadows--left:before{left:0}.fotorama__nav:after,.fotorama__stage:after{background-image:linear-gradient(transparent,rgba(0,0,0,.2) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent);background-position:100% 0,100% 0;right:-10px}.fotorama__nav.fotorama__shadows--right:after,.fotorama__stage.fotorama__shadows--right:after{right:0}.fotorama--fullscreen .fotorama__nav:after,.fotorama--fullscreen .fotorama__nav:before,.fotorama--fullscreen .fotorama__stage:after,.fotorama--fullscreen .fotorama__stage:before,.fotorama__wrap--fade .fotorama__stage:after,.fotorama__wrap--fade .fotorama__stage:before,.fotorama__wrap--no-shadows .fotorama__nav:after,.fotorama__wrap--no-shadows .fotorama__nav:before,.fotorama__wrap--no-shadows .fotorama__stage:after,.fotorama__wrap--no-shadows .fotorama__stage:before{display:none}
.fotorama__thumb-border{display: none;}.fotorama__nav__frame.fotorama__nav__frame--thumb:not(.fotorama__active){opacity:0.5;}



#searchArea{
	background:url(../img/pages/seminar/seminar-information/bluebg.jpg);
	margin:20px 0;
}
#searchArea h3{
	font-size:1.5em;
	font-weight:bold;
	color:#fff;
	text-align:left;
}

#eventcal{
	width:330px;
	float:left;
	padding:20px 0;
	text-align:center;
}

#eventcal table{
	border-top:1px solid #758A8F;
	border-right:1px solid #758A8F;
}

#eventcal th,
#eventcal td{
	border-bottom:1px solid #758A8F;
	border-left:1px solid #758A8F;
	text-align:center;
	line-height:2;
	font-size:1.2em;
}

#eventcal th{
	background:#C6CFD6;
}

#eventcal td{
	background:#efefef;
}


#eventcal caption{
	color:#fff;
	margin:5px;
	font-weight:bold;
}

#eventcal td a{
	display:block;
	text-decoration:none;
	background:#0582A2;
	color:#fff;
}



.serch2box{
	float:right;
	width:730px;
  margin-top: 20px;
	}

.serch2box form{
	float:left;
	margin-right:10px;
	}


.serch2box select{
	width:100%;
	padding:10px;
	}

#searchforms{
float:left;
	padding:9px;
	margin-right:10px;
	}

.searchsubmit{
	border-radius:5px;
	padding:9px 15px;
	}

.serch2box p{
	font-size:1.5em;
	color:#fff;
}





.case-detail-pagers{
	text-align:center;
	padding:20px;
}

.eo-events-nav{
 display:none;
}



@media all and (max-width: 1050px) {
#eventcal{
	width:auto;
	float:none;
	padding:20px;
	text-align:center;
}

.serch2box{
	float:none;
	clear:both;
	width:100%;
	padding:20px;
	}
}

strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
 
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
 
/* clearfix */
 
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: ""
    display: block;
    clear: both;
}

@media print, screen and (max-width: 531px) {
.blog-text img{
	width:80%;
	float:none;
	clear:both;
	margin:1.3em 10%;
}

}

.serch3box p{
	color: #000!important;
	font-size: 1.3em!important;
}

.serch3box{
	width: 100%!important;
	padding-top: 1.4em;
}


#searchArea .inner{
display: flex;
/*
-webkit-align-items: center; 
align-items:center;
*/
-webkit-flex-wrap: wrap; 
flex-wrap:wrap;
	justify-content:space-between; 
-webkit-justify-content:space-between;
}

#searchArea .eventcal,
#searchArea .serch2box{
	float: none;
}

@media (max-width: 1050px){
	#eventcal{
		width: 100%;
	}
}





.f180{
	font-size:2em;
}


.color1{
	color:#fff;
}

#harfImg img{
	width:50%;
}
.m40{ margin-bottom:40px;}

.mrl20{ margin:0 20px;}

.w431{
	width:450px;
}

.middleTable .tcell{
	vertical-align:middle;
}


.tcell iframe{
	width:100%;
	margin-bottom:-20px;
}

.w50{
	width:46%;
	padding:0 2%;
}

.common-h3{
	font-size:1.4em;
	margin-bottom:-20px;
}

.pr20{
	padding-right:20px;
	}


#mcdcontact{
	background:#009B52;
	padding:30px;
}

#mcdcontact h2{
	text-align:center;
	color:#fff;
	font-size:2em;
	margin-bottom:20px;
}

#mcdci{
	background:#fff;
	padding:20px;
}

#mcdci .table{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
}
#mcdci .table:last-child{
	border:none;
	margin:0;
	padding:0;
}
#mcdci h3{
line-height:1;
}

#mcdci small{
	font-size:0.5em;
	}

.mcdci1{
	width:200px;
	font-size:1.5em;
	line-height:1.5;
}
.mcdci2{
	font-size:0.9em;
	line-height:2;
}
.mcdci2 .price{
	font-size:1.8em;
	font-weight:bold;
	color:#1E7384;
}


.mcdci3{
	width:250px;
	padding-left:20px;
}


.color2{
	color:#33B8D0;
}

.voice{
	width:100%;
	border-bottom:1px dotted #ccc;
	padding-bottom:20px;
	margin-bottom:20px;
}

.w227{
	width:270px;
}
.w460{
	width:460px;
	padding-left:20px;
}

#mcdcategory ul{
	margin:0 60px;
}

#mcdcategory li{
	float:left;
	width:33%;
	margin-bottom:20px;
}
#mcdcategory li img{
	border:1px solid #000;
}

.mcdfaq dt{
	background:url("/assets/gmo/img/pages/mothry_cd/q.png") no-repeat 0 50%;
	padding:10px 20px 10px 80px;
	font-size:1.2em;
	color:#008C00;
	margin-bottom:30px;
}
.mcdfaq dd{
	background:url("/assets/gmo/img/pages/mothry_cd/a.png") no-repeat 40px 0;
	padding:0px 20px 10px 120px;
	font-size:1em;
	border-bottom:1px dotted #ccc;
	padding-bottom:30px;
	margin-bottom:30px;
	line-height:1.8;
	letter-spacing:2px;
}



@media (max-width: 800px){

	#harfImg img{
		width:100%;
		margin-bottom:10px;
	}
	.table{
		display:block;
	}
	.tcell{
		display:block;
		width:100%;
		margin-bottom:10px;
	}
	.tcell img{
		width:100%;
	}
	.middleTable{
		margin:0;
	}
	.mcdci3 { text-align:center;}
	
	.mcdci3 img{
		width:auto;
	}
	.w227{
			width:100%;
	}
	.w460{
			width:100%;
		padding-left:0;
	}
	.mrl20{
		margin:0;
	}
	.sdn{
		display:none;
	}

	#mcdcategory ul{
		margin:0;
	}

	#mcdcategory li{
		float:none;
		width:100%;
		margin-bottom:20px;
		text-align:center;
	}
	#mcdcategory li img{
		border:1px solid #000;
	}	
	
}


.seminnerBox{
  clear: both;
  display:block;
  width:100%;
 padding-top: 20px;
}

.seminnerBox span{
  display: block;
  margin-bottom: 20px;
  color:#fff;
}

@media print, screen and (min-width: 641px) {
  
}


.w900{
  max-width: 900px !important;
  margin:0 auto;
}