@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*
Theme Name: scm_theme
Version: 1.0
 */
/* Reset.css */
* {
    font-style:normal;
    margin:0pt;
    padding:0pt;
    border:0;
    text-decoration: none;
}
::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}
body {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
}
html {
    font-size: 62.5%;
    font-family: 'Noto Sans Japanese', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    /*font-weight: normal;
    font-family: Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
font-family: 'Noto Sans Japanese', sans-serif;
}
ol, ul, ul li {
    list-style-type:none;
}
img {
    border:0 none;
    vertical-align:bottom;
    max-width:100%;
    height:auto;
}

p, li, td, th {
    /*font-size:1.2em;
    line-height: 1.6em;*/
}

.cf::before, .cf::after {
    content: " ";
    display: table;
}
.cf::after {
    clear: both;
}

/*IE*/
@font-face {
    font-family: mplus-1p-light;
    src: url("https://parkers-tokyo.jp/wp-content/themes/scm_theme/font/mplus-1p-light-sub.eot");
}
/* Firefox, Opera, Safari */
@font-face {
    font-family:mplus-1p-light;
    src:url("https://parkers-tokyo.jp/wp-content/themes/scm_theme/font/mplus-1p-light-sub.ttf") format("truetype")
}
body {
    /*font-family: Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
    font-family: 'Noto Sans Japanese', sans-serif !important;

}

.text-success {
    color:#63a826;
}
/* style */
.container {
    overflow:hidden;
}
#header{
    margin: 0 0;
    position: relative;
}
#header > img {
    width:100%;
    height:auto;
}
#headbox {
    display:flex;
    display:-ms-flexbox;
    justify-content:center;
    -ms-flex-pack:center;
    margin:20px 0 40px;
    padding-right:15px;
    padding-left:15px;
}
#headbox > a + a {
    margin-left:15px;
}


#nav{
    font-family: Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
}
.navbar-nav>li {
    margin:-15px 0 5px;
    text-align:center;
}
.navbar-nav>li>a {
    line-height:1.2;
}
.navbar-nav>li>a>span {
    font-size:10px;
}
div.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

/*news*/
div.infoList {
    min-height:60px;
    max-height:300px;
    overflow-y:auto;
}
div.infoList a {
    text-decoration:none;
    color:#111;
}
div.infoList a:hover{color: #3399FF;}
div.infoList a:visited{color: #111;}
div.infoList li{font-size:13px;line-height: 1.8em;}
div.infoList	{ padding:0px; width:100%;margin:0 auto;}
.ymd { font-weight:bold; }
div.infoList ul	{list-style:none; }
div.infoList ul li	{ border-bottom:1px dotted #ccc; padding:6px 0px;list-style:none;margin-bottom:0px; }
div.infoList ul li a	{  }
div.infoList ul li a:hover	{  }
div.infoList ul li .news a	{ margin-right:4px; /*background-color:#00a7e2;*/background-color:#009BFF; color:#fff; padding:2px 7px 2px; line-height:14px; text-decoration:none; position:relative; font-size:12px;}
div.infoList ul li .report a	{ margin-right:4px; background-color:#F19640; color:#fff; padding:2px 7px 2px; line-height:14px; text-decoration:none; position:relative; font-size:12px;}
div.infoList ul li.eventList .news a {
    background-color:#000; 
}

.bannerList a img:hover {
    opacity:0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#ntbnr{
    margin: 0 auto 2%;
    padding: 0;
    width: 96%;
}
#ntbnr img{
    width:100%;
    height:auto;
}
#campaign_banner{
    margin-bottom:20px;
}
#campaign_banner a img:hover {
    opacity:0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
#nordic_banner {
    margin-bottom:15px;
}
.label-primary {
    /*background-color:#00a7e2;*/
    background-color:#009BFF;
}
.label-success {
    background-color:#000;
}
/*concept*/
#conceptbox p, #conceptbox dd{
    color:#000;
}
#conceptbox p.p01{
    font-family: "游明朝体","Yu Mincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Hiragino Mincho ProN","HGS明朝M","ＭＳ Ｐ明朝","Century",serif;
    font-size:220%;
    text-align:center;
    font-weight:bold;
    padding:2% 0;
}
.concept_txt {
    line-height:200%;
    font-size:16px;
    margin-bottom:20px;
    font-weight:bold;
}
.openday {
    padding:0;
    margin:0;
    font-size:220%;
    font-weight:bold;
    text-align:center;
}
#conceptbox dt{
    /*background:#428bca;*/
    background:#009BFF;
    color:#fff;
    padding:1%;
    width: 34%;
    font-weight:normal;
}
#conceptbox dd{
    border:1px dotted #1a5084;
    padding:2% 1.5%;
}
.benefit-txt{
    padding-bottom:20px;
    font-size:180%;
    font-weight:bold;
    text-align:center;
}

/*common list*/
.liststyle-facility{
    font-weight:bold;
}
.liststyle-facility li{
    line-height:200%;	
}

.banner_cont_btm {
    margin-bottom:80px;
    float:left;
}
/*access*/
.access_banner {
    width:80%;
    height:auto;
}
.access_cont {
    margin-bottom:20px;
}
.access_cont h4 {
    font-size:110%;
    font-weight:bold;
    margin-bottom:5px;
}
.access_txt {
    font-weight:bold;
    font-size:120%;
    text-align:center;
}

/*programbox*/
div.programbox{
    margin:0 0 4%;
}
div#programbox dl{
    width:100%;
    clear:both;
}
div#programbox dl:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow:hidden;
    font-size:0.1em;
    line-height:0;
}
div#programbox dt{
    width:18%;
    padding:1% 2%;
    float:left;
    text-align:center;
    color:#fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
div#programbox dd{
    width:79%;
    float:right;
}
#programbox01 dt{
    background:#fcd80d;
}
#programbox02 dt{
    /*background:#428bca;*/
    background:#009BFF;
}
#programbox03 dt{
    background:#6cbb5a;
}
#programbox04 dt{
    background:#ff5151;
}
#programbox04 img{
    max-width:100%;
}
div#programbox p.link{
    text-align:right;
}
.panel {
    box-shadow:none;
}
.panel-title {
    font-weight:bold;
}
/*pricegraph*/
#pricegraph{
    width:100%;
    clear:both;
}
.pricegraph {
    margin-bottom:40px;
    padding-bottom:40px;
    border-bottom:1px dotted #ccc;
}
.pricegraph:last-child {
    margin-bottom:0;
    border-bottom:none;
}
#pricegraph h3 ,#pricegraph h4{
    font-weight:bold;
}
#pricegraph table{
    margin:0 auto 1%;
    width:99%;
    border-bottom:1px solid #7f7f7f;
    border-right:1px solid #7f7f7f;
}
#pricegraph th{
    font-weight:normal;
    background:#d7dfe7;
    font-size:90%;
    padding:0.5% 1%;
    border-top:1px solid #7f7f7f;
    border-left:1px solid #7f7f7f;
}
#pricegraph th .open, #pricegraph td .open{
    color:#ff0000;
    font-size:80%;
}
#pricegraph th .min{
    font-size:80%;
}
#pricegraph td{
    text-align:center;
    font-size:90%;
    padding:1% 1%;
    border-top:1px solid #7f7f7f;
    border-left:1px solid #7f7f7f;
}
#pricegraph th.th01{
    width:17%;
}
#pricegraph th.th02{
    text-align:center;
    width:8%;
}
#pricegraph th.th03{
    text-align:center;
    width:12%;
}
#pricegraph th.th04{
    text-align:center;
}
#pricegraph th.th05{
    text-align:center;
}
#pricegraph th.th06{
    text-align:center;
    font-size:70%;
    width:12%;
}
#pricegraph th.th07{
    width:10%;
    text-align:center;
    font-size:70%;
}
#pricegraph th.th08{
    text-align:center;
    width: 10%;
}
#pricegraph td.cart a{
    display:block;
    width:100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background:#1a9cd1;
    color:#fff;
    padding:2% 0;
}
#pricegraph td.cartb a{
    display:block;
    width:100%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background:#286989;
    color:#fff;
    padding:2% 0;
}
#pricegraph p.right{
    text-align:right;
}
table.table01 th{
    font-weight:normal;
    text-align:center;
    background:#d7dfe7;
    padding:1% 2%;
    border:1px solid #7f7f7f;
    font-size:80%;
    width:20%;
}
.tit_price_list {
    margin-bottom:40px;
}
table.table01 td{
    text-align:center;
    padding:1% 2%;
    border:1px solid #7f7f7f;
    font-size:80%;
    width:20%;
}
.price_note {
    font-size:70%;
    padding-left:20px;
}
.price_info {
    font-size:110%;
}
.price_bold {
    font-size:110%;
    font-weight:bold;
}
table.table01{
    float:right;
    margin:0 0 2%;
    width:40%;
}
.table-01 .td-10 {
    width:10%;
}
.table-01 .td-20 {
    width:20%;
}
.table-01 .td-30 {
    width:30%;
}
.table-01 .td-40 {
    width:40%;
}
.table-01 .td-50 {
    width:50%;
}
.table-01 .td-60 {
    width:60%;
}
.table-01 p{
    margin-bottom:0;
}
.table-01 td,.table-01 th {
    vertical-align:middle;
}
.table-01 tr:nth-child(2n) {
    background-color:#d7dfe7;
}
.nowrap {
    white-space: nowrap;
}
/*location*/
#locationbox{}
#locationbox img{
    width:100%;
}
#locationbox .col-md-6{
    margin-bottom:30px;
}
#locationbox nav li{
    border: 1px solid #999;
    color: #333;
    line-height: 20px;
    padding: 4px 12px;
    text-decoration: none;
    display: inline-block;
    margin: 10px 0 10px 5px;
}
#locationbox .box02{
    padding:0 30px 30px;
}
#locationbox .col-md-3{
    margin:0 0 20px;
}
.map_img {
    width:100%;
    heiht:auto;
    margin-bottom:20px;
}
/*programbox*/
#programbox{}
#programbox .sche01 a, #programbox .sche02 a, #programbox .sche03 a,
#programbox .sche01 span, #programbox .sche02 span{
    display:block;
    /*background-color: #428bca;*/
    background-color: #009BFF;
    border-color: #357ebd;
    text-align:center;
    padding:4% 0;
    color:#fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-weight:bold;
}
#programbox .sche01 a:hover, #programbox .sche02 a:hover, #programbox .sche03 a:hover{
    background-color: #3276b1;
    border-color: #285e8e;
}
#conceptimg{
    margin:3% 0 0;
}
#conceptimg img{
    width:100%;
    height:auto;
}
#conceptimg div.col-md-3{
    margin:0 0 10px;
}
#rentalbnr {
    margin:15px 0;
}
#rentalbnr a{
    /*background-color: #428bca;*/
    background-color: #009BFF;
    border-color: #357ebd;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-weight: bold;
    margin: 0 auto 0;
    padding: 2% 2%;
    text-align: center;
    font-size:140%;
    width: 60%;
}
h1 {
    font-size: 48px;
}
.post-title a {
    color: #111;
}
.page-header {
    padding-bottom:15px;
}

/*instructor*/
#accordion3 {
    padding-bottom:80px;
}
.collapse.in {
    height: auto !important;
}
.grey-cont {
    min-height:400px;
}
/*footer*/
.f_logo {
    margin-bottom:20px;
}
.access_box {
    width:100%;
    padding:5% 0;
    background-color:#eee;
    border-radius:5px;
}
.cocooncity_logo {
    padding-top:5px;
}
#footer p{
    color:#fff;
}
/*sns*/
.sns_info {
    font-weight:bold;
    color:#000;
    font-size:130%;
}
/*single*/
.module{
    margin:100px 0 0;
}
/*category*/
.post-media img{
    width:100%;
    height:auto;
}
.post-media{
    border: 1px solid #ccc;
    margin: 0 0 20px;
}
.post-meta {
    font-size: 10px;
    margin: 0 0 5px;
}
.post-entry p {
    color: #999999;
}
.post-more-link {
    font-size: 12px;
}
.m-b-60 {
    margin-bottom: 60px !important;
}

/*programpage*/
#programpage{
    margin:0 0 30px;
}
#programpage tr:nth-child(odd) {
    background:#e8eef1;
}
#programpage table{
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    width:100%;
}
#programpage th, #programpage td{
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    text-align:center;
    padding:2px 10px;
}
#programpage th{
    padding:10px;
}
#ptable01 th{
    text-align:center;
    color:#fff;
    background: #fcd80d;
}
#ptable02 th, #ptable04 th{
    text-align:center;
    color:#fff;
    background: #6cbb5a;
}
#ptable03 th{
    text-align:center;
    color:#fff;
    /*background: #428bca;*/
    background: #009BFF;
}
#programpage th.th01{
    width:20%;
}
#programpage th.th02{
    width:10%;
}
#programpage th.th03{}
#programpage th.th04{
    width:10%;
}
#programpage td.txt{
    text-align:left;
}

/*rentalpbox*/
#rentalpbox{
    margin:0 0 30px;
    width:100%;
}
#rentalpbox th{
    background:#d7dfe7;
}
#rentalpbox tr:nth-child(odd) {
    background:#e8eef1;
}
#rentalpbox table{
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    margin:0 0 10px;
    width:100%;
}
#rentalpbox th, #rentalpbox td{
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    padding:10px;
    font-weight:normal;
    text-align:center;
}
#rentalpbox p.right{
    text-align:right;
}
#rentalpbox th.txt, #rentalpbox td.txt{
    text-align:left;
}
#rentalbox03 th.th01{
    width:37%;
}
#rentalbox03 th.th02{
    width:12%;
}
#rentalbox03 th.th03{
    width:8%;
}
#rentalbox03 th.th04{
}
#rentalbox03 th.th05{
    width:8%;
}
#rentalbox03 td img{
    max-width:70px;
    height:auto;
    width:100%;
}
#rentalbox02 th.th01{
    width:37%;
}
#rentalbox02 th.th02{
    width:30%;
}
#rentalbox02 th.th03{
}
#rentalbox02{
    margin:0 0 30px;
}


/*sendmail*/
#mailbox{
    padding:4% 0 0;
}
#mailbox table {
    margin: 0 auto 3%;
    max-width: 1000px;
    width: 100%;
}
#mailbox th {
    width: 60%;
}
#mailbox th input {
    border: 2px solid #999999;
    color: #999;
    font-size: 160%;
    font-weight: normal;
    line-height: 1.2em;
    padding: 2%;
    text-align: center;
    width: 90%;
}
#mailbox td {
    width: 20%;
}
#mailbox td input {
    background: #00a7e2 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 160%;
    font-weight: normal;
    line-height: 1.2em;
    padding: 6% 2%;
    text-align: center;
    width: 90%;
}
#mailfoot{
    text-align:center;
}


/*gmap*/
.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.single-post img{
    max-width:90%;
    height:auto;
}

/*common-20180125*/
.lead-center {
    margin-bottom:20px;
    font-size:16px;
    line-height:150%;
    font-weight:bold;
    text-align:center;
    line-height:1.4
}
.txt-caution {
    margin:20px 0 20px;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    line-height:1.4
}
.txt-bcenter{
    font-weight:bold;
    text-align:center;
}
.txt-mtb20{
    margin-top:20px;
    margin-bottom:20px;
}
.txt-mb20{
    margin-bottom:20px;
}
.margin_bottom_10.margin_bottom_10{
    margin-bottom:10px;
}
.margin_top_20.margin_top_20{
    margin-top:20px;
}
.margin_top_bottom_20.margin_top_bottom_20{
    margin-top:20px;
    margin-bottom:20px;
}
.margin_bottom_20.margin_bottom_20{
    margin-bottom:20px;
}
.margin_top_bottom_30.margin_top_bottom_30{
    margin-top:30px;
    margin-bottom:30px;
}
.margin_bottom_30.margin_bottom_30{
    margin-bottom:30px;
}
.td_vertical_align_middle.td_vertical_align_middle {
    vertical-align: middle;
}
.td_border_none.td_border_none {
    border: none;
}
.td_border_top_none.td_border_top_none {
    border-top: none;
}
.td_border_bottom_none.td_border_bottom_none {
    border-bottom: none;
}
.ol_list_style_type_decimal.ol_list_style_type_decimal{
    list-style-type:decimal;
    margin:0;
    padding-left:20px;
}
.ul_list_style_type_disc.ul_list_style_type_disc{
    list-style-type:disc;
    margin:0;
    padding-left:20px;
}

.sns_icon_color{
    color:#000;
}


/*form control-20180128*/
.control-label {
    margin-bottom:10px !important;
}
.wpcf7-form {
    padding:15px;
}
.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-textarea
{
    border: 1px solid #ddd;
    border-radius: 40px;
    width:100%;
    padding:7px;
}
.wpcf7 .wpcf7-text:focus,
.wpcf7 .wpcf7-textarea:focus
{
    outline: 0;
    border: 1px solid #000;
    border-radius: 40px;
}

.wpcf7 .wpcf7-submit {
    padding:7px 20px;
    border: none;
    background: #000;
    color: #fff;
    font-weight:bold;
    border-radius: 20px;
    transition: 0.3s;
}
.wpcf7 .wpcf7-submit:hover {
    background: #999;
}
.btn_info_staff_black{
    display:inline-block;
    padding-right:20px;
    padding-left:20px;
    border-radius: 20px;
    border: none;
    background:#000;
    color:#fff;
    transition: 0.3s;
}
.btn_info_staff_black:hover{
    background:#999;
    color:#fff;
}

.btn_info_top_blue{
    width:100%;
    max-width:600px;
    border-radius: 20px;
    border: 1px solid #009BFF;
    background:none;
    color:#000;
    font-size:140%;
    font-weight:700;
    transition: 0.3s;
}
.btn_info_top_blue:hover{
    border: 1px solid #009BFF;
    background:#009BFF;
    color:#fff;
}
.info_circle_box{
    height:100%;
    padding:50% 0 0;
}
.info_circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #009BFF;
    vertical-align: top;
    color: #fff;
    font-size:120%;
    font-weight:800;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    flex-flow: column wrap; 
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
}
.info_circle .h2 {
    font-size: 42px;
}
.portfolio-item p{
    position:relative;
    top:-40px;
    font-weight:800;
}
.benefit-image-list a{
    text-decoration:none;
}
.benefit-image-list img{
    transition: 0.3s;
}
.benefit-image-list img:hover{
    opacity: 0.6;
}
.benefit-text{
    position:relative;
    /*top:-30px;*/
    color:#fff;
    font-size:100%;
    font-weight:800;
}
.benefit-number-badge{
    position:absolute;
    top:10px;
    left:30px;
    font-size:110%;
    background: #009BFF;
    border-radius: 50%;
}
.button-color-blue{
    border:1px solid #0077FF;
    color:#0077FF;
}
.badge-color-blue{
    background: #009BFF;
    border-radius: 50%;
}
.plan-bene td a{
    text-decoration:underline;
}
section + section {
    margin-top:120px;
}


@media screen and (max-width : 991px){
    h1 {
        font-size:30px;
    }
    .plan-bene table{
        font-size:90%;
    }
    .badge-color-blue{
        font-size:90%;
    }
}
@media screen and (max-width : 767px){
    #header p#p01 {
        padding: 10% 0 0;
    }
    #conceptbox dt{
        width:100%;
    }
    #conceptbox p.p01{
        font-size:100%;
    }
    #pricegraph th, #pricegraph td{
        font-size:50%;
        padding:1px;
    }
    #pricegraph td.cart a{
        font-size:70%;
    }
    table.table01{
        float:none;
        margin:0 0 2%;
        width:100%;
    }
    div#programbox dt{
        float:none;
        width:100%;
        margin:0 0 3%;
    }
    div#programbox dd{
        float:none;
        width:100%;
    }
    #rentalbnr a{
        width:80%;
        font-size:90%;
    }
    #header #logo {
        margin: 0 auto 6%;
        position: static;
        text-align: center;
        width: 30%;
    }
    #headbox p{
        font-size:90%;
        text-shadow: 2px 2px 1px #111;
    }
    #programpage th, #programpage td{
        font-size:70%;
        padding:2px;
    }
    #rentalpbox th, #rentalpbox td{
        font-size:70%;
        padding:2px;
    }
    #mailbox th input, #mailbox td input{
        font-size:100%;
    }
    .trial-banner {
        margin-bottom:20px;
    }
    .benefit-text{
        font-size:90%;
        /*font-weight:800;*/
    }
    .benefit-number-badge{
        font-size:150%;
    }
    .plan-bene table{
        font-size:70%;
    }
    .badge-color-blue{
        font-size:70%;
    }
    .plan-price table{
        font-size:70%;
    }
}
@media screen and (max-width : 575px){
    .info_circle .h2 {
        font-size: 32px;
    }
}
@media screen and (max-width : 480px){
    h1 {
        font-size:24px;
    }
    #header .box {
        /*padding: 5% 5% 62%;*/
        padding: 75% 5% 5%;
    }
    .benefit-text{
        font-size:80%;
        /*font-weight:800;*/
    }
    .benefit-number-badge{
        font-size:90%;
        position:absolute;
        top:5px;
        left:20px;
    }
    .plan-bene table{
        font-size:40%;
    }
    .badge-color-blue{
        font-size:60%;
    }
    .plan-price table{
        font-size:40%;
    }
    .page-header{
        font-size:145%;	
    }
    .btn_info_staff_black span{
        font-size:60%;
    }
    .navbar-nav li{
        font-size:60%;	
    }
}

/*real life*/
.reallifeMain{
    text-align:center;
    position:relative;
    padding:4% 0 0;
}
.reallifeMain_img{
    width:100%;
}
.reallifeMain_img img{
    width:100%;
}
.reallifeMain_logo{
    width:100%;
    text-align:center;
    position:absolute;
    top:20%;
}
.reallifeMain_logo img{
    max-width:90%;
}
p.reallifeMain_txt {
    font-size: 160%;
    text-shadow: 3px 3px 2px #111;
    position:absolute;
    top:50%;
    color:#fff;
    width:100%;
}
.reallifeBox img{
    max-width:100%;
}
.reallifeBox01 .col-md-4 {
    margin: 0 0 20px;
}


/*add-180204*/
.reallifeBox01 .portfolio-item .portfolio-desc a{
    height:100%;
}
.reallifeBox01 .portfolio-item .portfolio-desc .folio-info h5{
    line-height:140px;
}
.reallifeBtn a {
    /*background-color: #428bca;*/
    background-color: #009BFF;
    border-color: #357ebd;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-weight: bold;
    margin: 0 auto 2%;
    padding: 1% 0;
    text-align: center;
    width: 30%;
}
.reallifeBox02_img{
    margin:2% auto 4%;
    text-align:center;
}
.reallifeBox03{
    width:100%;
    clear:both;
    margin:0 auto 4%;
}
.reallifeBox03:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    overflow:hidden;
    font-size:0.1em;
    line-height:0;
}
.reallifeBox03_txt{
    width:58%;
    float:left;
    text-align:center;
}
.reallifeBox03_img{
    width:40%;
    float:left;
}
.reallifeBox04_img{
    margin:2% auto 4%;
    text-align:center;
}
.reallife_tit_logo{
    display:inline-block;
    padding-right:1em;
}
.br_sp{
    display:none;
}
.english {
    font-size:138%;
    position:absolute;
    top:20px;
    left:20px;
    z-index:1000;
    text-shadow:1px 1px 2px #111;
}
.english a {
    color:#fff;
    font-weight:bold;
}
.english a:hover {
    text-decoration:underline!important;
}
@media screen and (max-width : 1199px){
    .navbar-nav>li {
        margin:-15px 0 10px;
    }
}
@media screen and (min-width: 768px){
    .modal-dialog {
        padding-top: 150px;
        padding-bottom: 30px;
    }
}
@media screen and (max-width : 767px){
    .access_banner {
        width:100%;
        height:auto;
    }
    .br_sp{
        display:block;
    }
    .reallifeBtn a {
        width:86%;
        padding: 4% 0;
    }
    p.reallifeMain_txt{
        font-size:100%;
    }
    .reallifeMain {
        margin: 12% 0 0;
    }
    .reallifeMain_logo img {
        max-width: 60%;
    }
    .campaign_banner {
        margin-bottom:10px;
    }
    .cocooncity_logo {
        padding-top:0;
    }
    .modal-dialog {
        padding-top: 80px;
    }
}
.fancyImages {
    display:flex;
    display:-ms-flexbox;
}
#section6 .fancyImages {
    flex-wrap:wrap;
    -ms-flex-wrap:wrap;
}
.Fl-L{
    width:67%;
}
.Fl-R{
    width:33%;
    display:flex;
    display:-ms-flexbox;
}
.fancyImages .Fl-L .ImageArea{
    width:50%;
}
.fancyImages .Fl-R .ImageArea{
    width:100%;
    display:flex;
    display:-ms-flexbox;
}
.fancyImages .Fl-R .ImageArea img{
    height:100% !important;
}

.fancyImages .ImageArea{
    display:block;
    float:left;
    width:33.33333333333%;
    position:relative;
    padding:7px;
}
.fancyImages .ImageArea img{
    width:100%;
    height:auto;
}
.benefit-number-badge {
    position: absolute;
    width:25px;
    height:25px;
    top: 25px;
    left: 25px;
    font-size: 110% !important;
    background: #009BFF !important;
    border-radius: 50% !important;
    text-align:center;
    color:#FFF;
    z-index:100;
}

.Service-List li{
    list-style:none;
    font-weight:bold;
}
.badge-color-blue {
    background: #009BFF !important;
    border-radius: 50%;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    border-radius: 10px;
}

.benefit-text {
    position: absolute;
    bottom:10px;
    width:100%;
    text-align:center;
    color: #fff;
    font-size: 90%;
    font-weight: 800;
    z-index:100;
}
.btn-md {
    margin-top:10px;
}