@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url("/meetingroom/css/font-awesome.css");
@import url("/meetingroom/css/animate.css");
@import url("/meetingroom/css/slick.css");
@import url("/meetingroom/css/jquery.fancybox-1.3.4.css");

/*
@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700,800,900');
*/

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3,
h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table,
caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output,
ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-size: 100%;
  vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th {
  font-weight: normal;
}

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

* {
  box-sizing: border-box; 
  -o-box-sizing: border-box; 
  -ms-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
}

html {
  overflow-y: scroll;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

input, textarea, {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

ol {
  list-style: decimal;
  margin: 0 0 0 2em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

body {
  background: #fff;
  color: #333;
  font-family: "Noto Sans Japanese","游ゴシック", YuGothic, "小塚ゴシック Pro L", "KozGoPro-Light", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; 
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0; 
  margin: 0; 
  font-weight: 400; 
  font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  line-height: 1.6; 

}

/* clearfix */
.clearfix:after, ul:after, ol:after, dl:after {
  content: ".";
  display: block;
  width: 1px;
  height: 1px;
  margin: 0 -1px -1px 0;
  border: 0;
  padding: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}

.clearfix, ul, ol, dl {
  display: inline-block;
}

/* デフォルトリンク */
a { text-decoration: none;}
a:link { color: #00B5D5;}
a:visited { color: #00B5D5;}
a:hover { color: #00B5D5;}
a:focus { outline: none;}
a:active { outline: none;}

p {
  text-align : justify;
  text-justify : distribute;
}

/* ==================================================
	= Media Queriesマーカー
================================================== */
.default, .spPortrait, .spLandscape568, .spLandscape667, .tablet, .pc {
  display: none;
  position: absolute; 
  width: 100%; 
  z-index: 9999; 
  font-size: 12px; 
  line-height: 1em; 
  font-weight: bold; 
  padding: 5px 10px; 
}

.default {background: #BA8CE8; }
.spPortrait {background: #DB98CA;}
.spLandscape568 {background: #DB9A98;}
.spLandscape667 {background: #DBCB96;}
.tablet {background: #B8DB96;}
.pc {background: #97DBA7;}

/* ==================================================
	= ヘッダー
================================================== */
.headerWrapper {
  text-align: center; 
  /* opacity: 0; */
}

.headerWrapper header {
  text-align: left; 
  width: 100%; 
}


.headerWrapper header .headerTitleArea {
  height: 60px; 
  margin: 0 auto;
  width: 100%; 
}

.headerWrapper header .headerTitleArea .headerTitle {
  margin: 0 auto;
  width: 100%; 
  max-width: 1000px; 
  padding: 0 10px; 
}

.headerWrapper header .headerTitleArea .headerTitle .clearfix {
 width: 100%; 
}

.headerWrapper header .headerTitleArea .headerTitle h1 {
  float: left; 
}

.headerWrapper header .headerTitleArea .headerTitle h1 span {
  display: inline-block; 
margin: 15px 0;
}

.headerWrapper header .headerTitleArea .headerTitle h1 a {
  display: block; 
  background-image: url('/meetingroom/common_images/header_title.svg'); 
  background-repeat: no-repeat; 
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  margin: 10px 0;
  width: 240px; 
  height: 40px; 
  background-size: auto 40px;
  -moz-background-size: auto 40px;
  -webkit-background-size: auto 40px;
  -o-background-size: auto 40px;
  -ms-background-size: auto 40px;
}


.headerWrapper header .headerTitleArea .headerTitle .logo {
  float: right; 
}

.headerWrapper header .headerTitleArea .headerTitle .logo a {
  display: block; 
  background-image: url('/meetingroom/common_images/header_logo.svg'); 
  background-repeat: no-repeat; 
  background-position: right center; 
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  margin: 10px 0;
  width: 156px; 
  height: 40px; 
  background-size: auto 40px;
  -moz-background-size: auto 40px;
  -webkit-background-size: auto 40px;
  -o-background-size: auto 40px;
  -ms-background-size: auto 40px;
}


.headerWrapper header nav {
  text-align: center; 
  margin: 0 auto;
  padding: 0 10px; 
  width: 100%; 
  height: 40px; 
  background: rgba(246,246,246,0.9); 
  position: relative;
  -moz-box-shadow: 0 3px 8px -3px rgba(0,0,0,0.2) inset;
  -webkit-box-shadow: 0 3px 8px -3px rgba(0,0,0,0.2) inset;
  -o-box-shadow: 0 3px 8px -3px rgba(0,0,0,0.2) inset;
  -ms-box-shadow: 0 3px 8px -3px rgba(0,0,0,0.2) inset;
  box-shadow: 0 3px 8px -3px rgba(0,0,0,0.2) inset;
  
  
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
  
}

.headerWrapper header nav.headerFix {
  position: fixed;
  top: 0;
  z-index: 999; 
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -o-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  
  background: rgba(0,0,0,0.7); 
}

.headerWrapper header nav ul {
 text-align: left; 
 width: 100%; 
 height: 40px; 
 max-width: 1000px; 
 margin: 0 auto;
}

.headerWrapper header nav ul li {
 float: left; 
 height: 40px; 
 margin: 0 30px 0 0;
 margin: 0 10px 0 0;
}

.headerWrapper header nav ul li.roomLeadCases {
    display: none; 
}

.headerWrapper header nav ul li.inquiry {
 float: right; 
 height: 40px; 
 margin: 0 0 0 0;
}

.headerWrapper header nav ul li a {
    height: 40px; 
    line-height: 40px; 
    display: block; 
    color: #444; 
    position: relative; 
    font-weight: 500; 
    font-size: 18px; 
    font-size: 13px; 

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.headerWrapper header nav.headerFix ul li a {
    color: #fff; 
}

.headerWrapper header nav ul li a .underLine {
 position: absolute; 
 height: 3px; 
 width: 100%; 
 bottom: 0; 
 left: 0; 
 background: #28AED8; 
 opacity: 0;
 z-index: 1; 
}

.headerWrapper header nav ul li.inquiry a {
 background: #00B5D5; 
 color: #fff; 
 font-size: 12px; 
 font-weight: bold; 
 line-height: 28px; 
 height: 28px; 
 margin: 6px 0;
 display: block; 
 padding: 0 10px; 
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  
  padding: 0 5px; 
  font-size: 10px; 
  display: none; 
}

.headerWrapper header nav ul li.inquiry a:hover {
 border: 1px solid #00B5D5;
 background: #fff; 
 color: #00B5D5; 

  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -ms-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  
}

/* ==================================================
	= フッター
================================================== */
.footerWrapper {
  text-align: center; 
  background: #f7f7f7; 
}

.footerWrapper footer {
  text-align: left; 
  margin: 0 auto;
  max-width: 1000px; 
  width: 100%; 
  padding: 0 10px; 
}

.footerWrapper footer .clearfix {
 margin: 50px 0;
 height: 50px; 
 width: 100%; 
}

.footerWrapper footer .logo {
  float: left; 
}

.footerWrapper footer .logo a {
  display: block; 
  background-image: url('/meetingroom/common_images/header_logo.svg'); 
  background-repeat: no-repeat; 
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;

  width: 156px; 
  height: 50px; 
  background-size: 156px 50px;
  -moz-background-size: 156px 50px;
  -webkit-background-size: 156px 50px;
  -o-background-size: 156px 50px;
  -ms-background-size: 156px 50px;
}

.footerWrapper footer .inquiry {
 float: right; 
}

.footerWrapper footer .inquiry a {
 background: #00B5D5; 
 color: #fff; 
 font-size: 12px; 
 font-weight: bold; 
 line-height: 28px; 
 height: 28px; 
 margin: 12px 0;
 display: block; 
 padding: 0 10px; 
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.footerWrapper footer .inquiry a:hover {
 border: 1px solid #00B5D5;
 background: #fff; 
 color: #00B5D5; 

  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -ms-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  
}

.footerWrapper footer span {
 font-size: 10px; 
 display: block; 
 text-align: left; 
}

.footerWrapper .copyright {
 background: #4C4C4C; 
 width: 100%; 
 text-align: center; 
 margin: 10px 0 0 0;
 padding: 10px 0; 
}

.footerWrapper small {
  width: 100%; 
  max-width: 1000px; 
  margin: 0 auto;
  display: block; 
  text-align: right; 
  font-family: Helvetica;
  font-size: 12px; 
  text-align: right; 
  color: #fff; 
}

/* goToTop */
.gotoTop {
 position: fixed; 
 right: -60px;
 bottom: 40px;
}

.gotoTop a {
 display: block; 
 width: 50px; 
 height: 50px; 
 line-height: 45px; 
 background: rgba(0,0,0,0.5); 
 -moz-border-radius: 25px;
 -webkit-border-radius: 25px;
 -o-border-radius: 25px;
 -ms-border-radius: 25px;
 border-radius: 25px;
 color: #fff; 
}

.gotoTop a span {
 display: none; 
}

.gotoTop a:before {
 font-family: 'FontAwesome';
 content: "\f077";
 display: inline-block; 
}

/* ==================================================
	= コンテンツ共通
================================================== */
#wrapper {
  display: block; 
}

main {
  display: block; 
  width: 100%; 
  margin: 30px auto;
}

article,
section {
  width: 100%; 
  text-align: center; 
  overflow: hidden; 
}

article {
 margin: 40px 0 0 0;
}


section {
  padding: 40px 10px; 
  /* background: #F3F6FA;  */
}

section.lightBlue {
  background: #F3F6FA; 

}

section.casePhoto {
 background: #444; 
 color: #fff; 
 background: rgb(51,51,51);
 background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(102,102,102,1) 100%);
 background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(102,102,102,1) 100%);
 background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(102,102,102,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#666666',GradientType=0 );
}

section.inquiry {
 background: #fff; 
}

article > header,
section > header,
article > figure, 
.introduction {
  width: 100%; 
  max-width: 1000px; 
  margin: 0 auto;
}

.introduction {
  margin: 0 auto;
  margin-bottom: 60px;
  line-height: 1.6em; 
  padding: 0 10px; 
}

.introduction span {
    display: inline-block; 
    white-space: nowrap; 
}

article > header,
section > header {
 text-align: center; 
}

article > header em {
 font-size: 24px; 
 font-weight: 700; 
 color: #27ADD8; 
 display: block; 
}

article > header h1 {
 display: block; 
 font-size: 44px; 
 margin: 0 0 1em 0;
 font-weight: 100; 
 
 font-size: 24px; 
 font-weight: 400; 
}

section > header h1 {
 display: block; 
 font-size: 44px; 
 margin: 0 0 1em 0;
 font-weight: 100; 
}

article > header h1 div,
section > header h1 div {
    display: block; 
    line-height: 1.4; 
}

section > .contents {
  width: 100%; 
  max-width: 1000px; 
  margin: 0 auto;
}

section > .contents ul .slick-list {
    padding: 0 0 60px 0; 
}

section > .contents ul {
    display: block; 
    width: 100%; 
}

section > .contents ul li .item {
    position: relative; 
    margin: 5px;
    overflow: hidden; 
}


section > .contents ul li .item .shoulder {
    padding: 35px 60px 2px 60px; 
    height: 57px; 
    background: #fff; 
    line-height: 1; 
    position: absolute;
    z-index: 100; 
    top: -5px;
    left: -5px;
    display: inline-block;
    display: none; 
    
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    
    -webkit-transform: rotate(-45deg) translate(-50%, 0);
    -ms-transform: rotate(-45deg) translate(-50%, 0);
    transform: rotate(-45deg) translate(-50%, 0);
    transform-origin: left top;
    
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

section > .contents ul li .item.bl-hover .shoulder {
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}

section > .contents ul li .item.shoulder.Standerd {
    padding: 27px 60px 5px 60px; 
}

section > .contents ul li .item.shoulder img {
    height: 20px; 
    width: auto; 
}

.shoulder.Standerd img {
    height: 25px; 
}

section > .contents ul li .item h2 {
    display: block; 
    text-align: center; 
    margin: 0 0 1em 0;
    font-weight: bold; 
    color: #28AED8; 
}

section > .contents ul li .item .casePh {

    margin: 0 0 20px 0;
    overflow: hidden; 
    border: 1px solid #ccc;
    
    -moz-box-shadow: 0 3px 5px -3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 3px 5px -3px rgba(0,0,0,0.4);
    -o-box-shadow: 0 3px 5px -3px rgba(0,0,0,0.4);
    -ms-box-shadow: 0 3px 5px -3px rgba(0,0,0,0.4);
    box-shadow: 0 3px 5px -3px rgba(0,0,0,0.4);
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;


    width: 100%; 
    height: 0px; 
    padding-top: calc((300 / 400) * 100%); 
    position: relative; 

}

section > .contents ul li .item .casePh img {
    width: 100%;
    height: auto;
    position: absolute;
    display: block;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: auto;
    z-index: 1; 
    
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

section > .contents ul li .item .bl-hover .casePh img {
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

section > .contents ul li .item .logo {
    text-align: center; 
    margin: 0 0 20px 0;
}

section > .contents ul li .item .logo img {
    height: 30px; 
    width: auto; 
}

section > .contents ul li .item .logo em {
    display: block; 
    text-align: center; 
}

section > .contents ul li .item dl {
    display: block; 
    padding: 2px; 
    border-top: 1px dotted #ccc;
    text-align: left; 
}

section > .contents ul li .item dl:last-of-type {
    border-bottom: 1px dotted #ccc;
}

section > .contents ul li .item dl dt,
section > .contents ul li .item dl dd {
    float: left; 
    font-size: 14px; 
}

section > .contents ul li .item dl dt {
    width: 6em; 
    text-align: left; 
}

section > .contents ul li .item dl dt:after {
    content: "："; 
    display: inline-block; 
    float: right; 
}

section > .contents ul li .item dl dd {
    width: -webkit-calc(100% - 6em);
   width: -moz-calc(100% - 6em);  
   width: calc(100% - 6em); 
}

section > .contents ul li .item .leadText {
    margin: 10px 0;
    font-size: 13px; 
    line-height: 1.6; 
    display: none; 
}








section > .contents h2 {
 font-size: 18px; 
 font-weight: 900;
 font-style: normal;
 color: #0197D7; 
 margin: 0 0 0.5em 0;
}

section > .contents * + h2 {
 margin-top: 2em;
}

section > .contents .leadCopy p {
    display: block;
    font-size: 18px;
    font-weight: 200;
    text-align: center;
    color: #222;
    margin: 30px 0 0 0;
    
    font-size: 16px; 
}

section > .contents .leadCopy p span {
    display: inline-block; 
    white-space: nowrap; 
}

section > .contents .slick-dots {
    border: none;
    margin: 30px 0 0 0;
    z-index: 100; 
}

section > .contents .slick-dots li {
    border: none;
    height: 30px; 
    width: 10px; 
    margin: 10px 5px;
    background: #ddd; 
    transform: skewX(-15deg);
    
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

section > .contents .slick-dots li.slick-active {
    height: 50px; 
    margin: 0 5px;
    background: #28AED8; 
} 

section > .contents .slick-dots li button {
    display: none; 
}

.caseBannerWrapper a {
    display: block; 
    padding: 20px; 
    border: 1px solid #28AED8;
    background: #fff; 
    font-size: 24px; 
    font-weight: 900; 
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -ms-box-shadow: 0 0 3px rgba(0,0,0,0.4);
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    
}

.caseBannerWrapper a:hover {
    background: #28AED8; 
    border: 1px solid #fff;
    color: #fff; 
    
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
}








.loading {
 width: 100%; 
 max-width: 1000px; 
 margin: 50px auto;
 text-align: center; 
 
 display: none; 
}

.fa-spinner {
 color: #F3F6FA; 
 color: #00B5D5; 
}

.loading span {
 font-family: Helvetica, sans-serif; 
 display: block; 
 margin: 10px 0 0 0;
 font-size: 12px; 
 color: #00B5D5; 
}

.contentsWrapper {
/*   opacity: 0;  */
  margin: 20px 0 0 0;
}

/* リンクボタン */
.linkArea {
    display: block; 
    margin-top: 20px;
}

.linkArea a, 
.linkArea a:link, 
.linkArea a:visited { 
  display: block; 
  text-align: center; 
  font-size: 12px; 
  font-weight: bold; 
  line-height: 1em; 
  display: block; 
  width: 120px; 
  margin: 0 auto; 
  padding: 10px 0; 
  text-align: center; 
  position: relative; 
  color: #666; 
}



.linkArea a span {
   position: absolute; 
   border-color: #ccc;
   border-width: 1px; 
   border-style: none; 
}

.linkArea a span.top {
   top: 0; 
   left: 50%; 
   border-top-style: solid; 
   width: 20px; 
   height: 1px; 
   margin-left: -10px; 
}

.linkArea a span.left {
   top: 0; 
   left: 0; 
   border-left-style: solid; 
   width: 1px; 
   height: 0%; 
}

.linkArea a span.right {
   top: 0; 
   right: 0; 
   border-right-style: solid; 
   width: 1px; 
   height: 0%; 
}

.linkArea a span.bottomLeft {
   bottom: 0; 
   left: 0; 
   border-bottom-style: solid; 
   width: 0%; 
   height: 1px; 
}

.linkArea a span.bottomRight {
   bottom: 0; 
   right: 0; 
   border-bottom-style: solid; 
   width: 0%; 
   height: 1px; 
}

.linkArea a span.back {
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 0%; 
  background: #00B5D5; 
  opacity: 0;
}


.linkArea a span.readMore {
  width: 100%; 
  top: 0; 
  left: 0; 
  padding: 2px 0; 
  position: relative; 
}

/* 2コラム */
section > .contents > .col2 {
 width: 100%; 
}

section > .contents > .col2 li {
 width: 100%; 
 float: left; 
 margin: 0 0 10px 0;
}

/* 3コラム */
section > .contents > .col3 {
 width: 100%; 
}

section > .contents > .col3 li {
 width: 100%; 
 float: left; 
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
 
 margin: 0 0 10px 0;
}

section > .contents > .col2 li figure,
section > .contents > .col3 li figure {
    width: 100%; 
}

section > .contents > .col2 li figure img,
section > .contents > .col3 li figure img {
    width: 100%; 
}

section > .contents > .col3 li ul {
 text-align: left; 
}

section > .contents > .col3 li ul li,
section > .contents > .col3 li ul li:last-child {
 width: 100%; 
}

.index section > .contents .col3 h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em; 
    margin-bottom: 1em;
    font-size: 16px; 
}

.index section > .contents .col3 h2 span {
    display: inline-block; 
    white-space: nowrap; 
}

.index section > .contents .col3 li ul {
    display: block;
    list-style-type: disc;
    margin: 1em 0 1em 40px;
}

.index section > .contents .col3 li ul li,
.index section > .contents .col3 li ul li:last-child {
    display: list-item;
    text-align: -webkit-match-parent;
    text-align: match-parent;
    font-size: 14px; 
}

.index section > .contents .col3 li ul li {
    
}

.index section > .contents .col3 li .arrow {
    display: block; 
    text-align: center; 
    margin: 10px 0;
    width: 100%; 
}

.index section > .contents .col3 li .arrow:before {
    content: "\f063"; 
    font-family: "FontAwesome";
    display: block; 
    font-size: 42px;
    line-height: 1; 
    color: #0197D7; 
}

.index section > .contents .col3 li .logo {
width: 100%; 
position: relative; 
}

.index section > .contents .col3 li .logo img {
    width: 100%; 
    height: auto; 
}

/* 4コラム */
.col4 {
 width: 100%; 
}

.col4 li {
 float: left; 
 width: 100%; 
   width: -webkit-calc((100% - 10px) / 2);
   width: -moz-calc((100% - 10px) / 2);  
   width: calc((100% - 10px) / 2); 
   margin: 0 10px 10px 0;
}

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

.col4 li > em {
 display: block; 
 font-weight: bold; 
 color: #444; 
 margin: 0 0 1em 0;
 font-size: 14px; 
}

.col4 li > em span {
 display: inline-block; 
 white-space: nowrap; 
}

.col4 li figure {

}

.col4 li figure img {
    width: 100%; 
}

/* お問い合わせ */
section.inquiry {

}

section.inquiry .inquiryBtn {
 display: block; 
 margin: 0 auto;
 max-width: 1000px; 
}

section.inquiry .inquiryBtn a {
 display: block; 
 padding: 20px; 
 border: 1px solid #fff;
 background: #00B5D5; 
 color: #fff; 
 font-size: 20px; 
 font-weight: 900; 
 
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -ms-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

section.inquiry .inquiryBtn a:hover {
 border: 1px solid #00B5D5;
 background: #fff; 
 color: #00B5D5; 
}


/* ==================================================
	= インデックス
================================================== */
.introduction {
   font-size: 18px; 
  font-weight: 400; 
  
  font-size: 16px; 
}

.introduction p {
 display: block; 
 text-align: center; 
}

.introduction p span {
    display: inline-block; 
    white-space: nowrap; 
}

.introduction ul li .thumbnail {
 display: block; 
 padding: 0 0 20px 0;
 display: table-cell; 
 vertical-align: middle; 
}

.introduction ul li .thumbnail img {
    width: 100%; 
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

.introduction ul li:hover .thumbnail img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.introduction ul li .title {
 display: block; 
 color: #27ADD8; 
 font-size: 18px; 
 font-weight: bold; 
}

.introduction ul li .title:before {
 content: "- ";
}

.introduction ul li .title:after {
 content: " -";
}


/* ==================================================
	=  問い合わせフォーム
================================================== */
.contents.innerSection {

}

.contents.innerSection h2 {
    text-align: left; 
    display: block; 
    font-weight: bold; 
    margin: 0 0 1em 0;
    padding: 0 0 0.5em 0; 
    border-bottom: 1px solid #ccc;
}

section.form {

}

section.form .innerSection {

}

section.form .innerSection dl {
  display: block; 
  text-align: left; 
  font-size: 16px; 
  border-bottom: 1px dotted #888;
  padding: 10px; 
}

section.form .innerSection dl dt,
section.form .innerSection dl dd {
  float: left; 
}

section.form .innerSection dl dt {
  width: 200px; 
  margin: 0 0 10px 0;
}

section.form .innerSection dl dt span {
  background: #2699D2; 
  display: inline block; 
  padding: 0 5px; 
  margin: 0 0 0 0.5em;
  color: #fff; 
  font-size: 12px; 
  font-weight: 900; 
}

section.form .innerSection dl dt em {
    color: #f00; 
    font-size: 16px; 
    font-weight: bold; 
}

section.form .innerSection dl dd {
    width: 100%; 
}

section.form .innerSection dl dd.subjectItem {

}

section.form .innerSection dl dd.subjectItem label {
  display: block; 
    width: 100%; 
}

section.form .innerSection dl dd.subjectItem label.wide span {
    font-size: 12px; 
    display: block; 
    padding:  0 0 0 1em; 
}

section.form .innerSection dl dd .rowBlock {
  display: block; 
  padding: 2px 0; 
}

section.form input,
section.form textarea,
section.form select {
  
}

section.form input,
section.form textarea,
section.form select {
  border: 2px solid #7DD1F9;
  padding: 10px; 
  font-size: 16px; 
  outline: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #2699D2; 
  color: #222; 
  background: #fff; 
}

section.form select {
  -webkit-appearance:none;
  -moz-appearance: none;
  appearance: none;
}

section.form input#agreeCheck {
  -webkit-appearance:normal;
  -moz-appearance: normal;
  appearance: normal;
}

section.form select {
  color: #222;
  background-image: url('/meetingroom/form_images/arrow.png'); 
  background-repeat: no-repeat; 
  background-position : right 10px top 50%;
}

section.form input::-webkit-input-placeholder,
section.form textarea::-webkit-input-placeholder {
  color: #bba;
  font-weight: normal;
} 

section.form input::-ms-input-placeholder,
section.form textarea::-ms-input-placeholder {
  color: #bba;
  font-weight: normal;
}

section.form input::-moz-placeholder,
section.form textarea::-moz-placeholder {
  color: #bba;
  font-weight: normal;
}

.kana {
  ime-mode: active;
}

.alpha {
  ime-mode: disabled;
}



.comName,
.address,
.mail,
.inquiry.inquiryText {
  width: 100%; 
}

.familyName, 
.lastName {
    max-width: 8em; 
    
}

.inquiry {
  height: 12em; 
}

#postcode {
  width: 9em; 
}

#address1 {
  width: 9em; 
}

section.form .privacyPolicy {
  text-align: left; 
  border: 1px solid #ccc;
  background: #f7f7f7; 
  margin: 20px 0 0 0;
  padding: 30px; 
  font-size: 14px; 
  line-height: 1.6em; 

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

section.form .privacyPolicy h2 {
  font-size: 16px; 
}

section.form .privacyPolicy p {
  margin: 0 0 0.5em 0;
  text-indent: 1em; 
}

section.form .privacyPolicy .right {
  display: block; 
  text-align: right; 
  font-weight: bold; 
  margin: 10px 0 0 0;
}

section.form .privacyPolicy .agreement {
  border: 1px solid #7DD1F9;
  background: #fff; 
  background: #2699D2; 
  margin: 20px 0 0 0;
  text-align: center; 

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  color: #fff; 
}

section.form .privacyPolicy .agreement:hover {
  color: #fff; 
  color: #2699D2; 
  
  background: #fff; 
}

section.form .privacyPolicy .agreement label {
  padding: 10px; 
  font-size: 16px; 
  font-weight: bold; 
  cursor: pointer; 
  display: block; 
  width: auto; 

}

section.form .btnArea {
  margin: 30px 0 0 0;
  width: auto; 

}

section.form .btnArea .btn {
  width: 100%; 
  font-size: 20px; 
  font-weight: 900; 
  padding: 10px 0; 
}

section.form .btnArea .btn:hover {
  color: #fff; 
  background: #2699D2; 
  cursor: pointer; 
}





/* ==================================================
	= RoomLead
================================================== */
.roonleadOverviewBlock {
    
}

.roonleadOverviewBlock h1 {
  font-size: 48px; 
}

.roomLeadFeature {
    display: block; 
    text-align: center; 
    margin-bottom: 20px;
}

.roomLeadFeature ul {
    max-width: 860px; 
    margin: 0 auto;
}

.roomLeadFeature ul li {
    float: left; 
    text-align: left; 
    font-size: 16px; 
    line-height: 1.6em; 
    font-weight: 200; 

    width: -webkit-calc((100% - 41px) / 3);
    width: -moz-calc((100% - 41px) / 3);  
    width: calc((100% - 41px) / 3); 
    margin: 0 20px 0 0;

}

.roomLeadFeature ul li:last-child {
    margin: 0 0 0 0;
}

.roomLeadFeature ul li .icon {
  display: block; 
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-repeat: no-repeat; 
  margin: 0 auto 20px auto;
}

.roomLeadFeature ul li .icon.smartPhone {
  background-image: url('/meetingroom/images/roomlead_smart_phone.svg'); 
  
  width: 45px; 
  height: 75px; 

  background-size: 45px 75px;
  -moz-background-size: 45px 75px;
  -webkit-background-size: 45px 75px;
  -o-background-size: 45px 75px;
  -ms-background-size: 45px 75px;
}

.roomLeadFeature ul li .icon.saver {
  background-image: url('/meetingroom/images/roomlead_saver.svg'); 

  width: 55px; 
  height: 75px; 

  background-size: 55px 75px;
  -moz-background-size: 55px 75px;
  -webkit-background-size: 55px 75px;
  -o-background-size: 55px 75px;
  -ms-background-size: 55px 75px;
  
}

.roomLeadFeature ul li .icon.cost {
  background-image: url('/meetingroom/images/roomlead_yen.svg'); 

  width: 56px; 
  height: 75px; 

  background-size: 56px 75px;
  -moz-background-size: 56px 75px;
  -webkit-background-size: 56px 75px;
  -o-background-size: 56px 75px;
  -ms-background-size: 56px 75px;
}

.roomLeadFeature ul li p {
    text-align : justify;
    text-justify : distribute;
}

/* スマホとの併用 */

.togetherWithSP {
    margin: 60px 0;
}

.togetherWithSP h2 {

}

.togetherWithSP h2 span {
    font-size: 22px !important; 
    display: inline-block; 
    padding: 0 0 15px; 


  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 50% bottom;

  -moz-background-size: 10px 6px; 
  -webkit-background-size: 10px 6px; 
  -o-background-size: 10px 6px; 
  -ms-background-size: 10px 6px; 
  background-size: 10px 6px; 

background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2010%206%22%20style%3D%22enable-background%3Anew%200%200%2010%206%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20style%3D%22fill%3A%230197D7%3B%22%20d%3D%22M9.55%2C2.713c-1.14%2C2.065-2.961%2C2.062-4.101%2C0C4.684%2C1.326%2C3.636%2C0.562%2C2.5%2C0.562%20C1.569%2C0.562%2C0.706%2C1.1%2C0%2C2.048v1.902c0.155-0.209%2C0.312-0.414%2C0.449-0.664c0.57-1.031%2C1.298-1.6%2C2.05-1.6H2.5%20c0.752%2C0%2C1.48%2C0.568%2C2.05%2C1.6c0.766%2C1.387%2C1.814%2C2.15%2C2.95%2C2.15C8.432%2C5.438%2C9.294%2C4.9%2C10%2C3.951V2.049%20C9.845%2C2.258%2C9.688%2C2.463%2C9.55%2C2.713z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');

}

.togetherWithSP .leadCopy {
    display: inline-block; 
    text-align: left; 
    margin-top: 30px;
}

section > .contents .togetherWithSP .leadCopy p {
    font-size: 20px; 
    color: #0197D7; 
    text-align: left; 
    margin: 0;
    font-weight: 700; 
}

section > .contents .togetherWithSP .leadCopy p em {
    font-size: 16px; 
    text-align: left; 
    font-weight: 400; 
    color: #D70197; 
    color: #e00; 
}

section > .contents .togetherWithSP .leadCopy p em:before {
    content: "\f0a4"; 
    font-family: fontAwesome;
    display: inline-block; 
    margin: 0 0.5em 0 0;
}

section > .contents .togetherWithSP .leadCopy p em:first-of-type {
    margin: 1em 0 0 0;
}

section > .contents .togetherWithSP ul {
    margin: 40px auto;
    display: block; 
    width: 100%; 
}

section > .contents .togetherWithSP ul li {
    width: 100%; 
    text-align: left; 
    padding: 0.5em 0; 
    border-top: 1px dotted #666;
}

section > .contents .togetherWithSP ul li:last-of-type {
    border-bottom: 1px dotted #666;
}

section > .contents .togetherWithSP ul li:before {
    content: "\f10b"; 
    font-family: fontAwesome;
    color: #2699D2; 
    display: inline-block; 
    margin: 0 0.5em 0 0;
}

.togetherWithSP em {
    display: block; 
}

.togetherWithSP .phoneScreen {
    margin: 20px auto;

    justify-content: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch; 
}

.togetherWithSP .phoneScreen > div {
    width: -webkit-calc((100% - 20px) / 2);
    width: -moz-calc((100% - 20px) / 2);  
    width: calc((100% - 20px) / 2); 
    margin-right: 20px;
    padding: 0 0 40px; 
    position: relative; 
}

.togetherWithSP .phoneScreen > div:last-of-type {
    margin-right: 0;
}

.togetherWithSP .phoneScreen > div img {
    width: 100%; 
}

.togetherWithSP .phoneScreen > div span {
    display: block; 
    position: absolute; 
    background: rgba(1,151,215,0.9); 
    color: #fff; 
    width: 90px; 
    height: 90px; 
    font-size: 12px; 
    line-height: 1.6; 
    bottom: 0;
    right: 0; 
    transform: rotate(0deg);

    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.togetherWithSP .phoneScreen > div span em {
    display: block; 
    width: 100%; 
    position: absolute; 
    top: 50%; 
    left: 50%;
    font-weight: bold; 

    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}


/* roomleadモニタ */
.roonleadOverviewBlock dl.roomleadMonitor {
    margin: 20px auto 0 auto;
    width: 100%; 
    position: relative; 
}

.roonleadOverviewBlock dl.roomleadMonitor * {
    position: absolute; 
}

.roonleadOverviewBlock dl.roomleadMonitor dt {
    position: relative; 
    width: 100%; 
}

.roonleadOverviewBlock dl.roomleadMonitor dt img {
    position: relative; 
    width: 100%; 
    height: auto; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd {
    border: 2px none #2E679B;
    background: #fff; 
    font-size: 16px; 
    text-align: left; 
    line-height: 1.4em; 
    padding: 5px 10px; 
    display: block; 
    font-weight: 200; 
    color: #2699D2; 
    font-weight: bold; 
    display: none; 

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    -ms-box-shadow: 0 0 5px rgba(0,0,0,0.2);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);

}

.roonleadOverviewBlock dl.roomleadMonitor dd em {
    display: block; 
    padding-left: 1em; 
    margin-top: 0.25em;
    text-indent: -1em; 
    font-size: 12px; 
    line-height: 1.4em; 
    color: #222; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd.point1 {
    top: 40px; 
    left: 135px; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd.point1:after {
  display: inline-block; 
  font-family: "FontAwesome"; 
  content: '\f061';
  width: 1em; 
  height: 1em; 
  margin: 0 0 0 0.25em;
  line-height: 1em; 
  color: #2E679B; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd.point2 {
    top: 155px; 
    left: 54px; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd.point2:after {
  display: inline-block; 
  font-family: "FontAwesome"; 
  content: '\f061';
  width: 1em; 
  height: 1em; 
  margin: 0 0 0 0.25em;
  line-height: 1em; 
  color: #2E679B; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd.point3 {
    top: 335px; 
    left: 88px; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd.point3:after {
  display: inline-block; 
  font-family: "FontAwesome"; 
  content: '\f061';
  width: 1em; 
  height: 1em; 
  margin: 0 0 0 0.25em;
  line-height: 1em; 
  color: #2E679B; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd.point4 {
    top: 160px; 
    width: 200px; 
    right: 40px; 
    height: 4.5em; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd.point4:before {
  display: inline-block; 
  font-family: "FontAwesome"; 
  content: '\f060';
  width: 1em; 
  height: 1em; 
  margin: 0 0.25em 0 0;
  line-height: 1em; 
  color: #2E679B; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd.point5 {
    top: 275px; 
    width: 200px; 
    right: 40px; 
    height: 5.5em; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd.point5:before {
  display: inline-block; 
  font-family: "FontAwesome"; 
  content: '\f060';
  width: 1em; 
  height: 1em; 
  margin: 0 0.25em 0 0;
  line-height: 1em; 
  color: #2E679B; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd.point6 {
    top: 380px; 
    width: 235px; 
    right: 40px; 
}

.roonleadOverviewBlock dl.roomleadMonitor dd.point6:before {
  display: inline-block; 
  font-family: "FontAwesome"; 
  content: '\f060';
  width: 1em; 
  height: 1em; 
  margin: 0 0.25em 0 0;
  line-height: 1em; 
  color: #2E679B; 
}

.roonleadOverviewBlock .leadCopy p em {
  font-size: 12px; 
}


/* 見出し */
body.roomLead .section h1 {
    text-align: center;
    font-size: 40px;
    color: #2699D2;
    font-weight: 100;
    margin-bottom: 40px;
    line-height: 1.4em;

    font-size: 20px; 
    font-weight: 800; 
}

body.roomLead .section h1 small {
    font-size: 14px; 
}

body.roomLead .section h1 span {
    display: inline-block; 
}


/* ステータス */
.statusBlock {
    background: #f3f6fa; 
}

.statusBlock .status ul {
    width: 100%; 
    max-width: 660px; 
    margin: 0 auto;
}

.statusBlock .status ul li {
    float: left; 
    width: -webkit-calc((100% - 40px) / 3);
    width: -moz-calc((100% - 40px) / 3);  
    width: calc((100% - 40px) / 3); 
    margin: 0 20px 0 0;
}

.statusBlock .status ul li:last-child {
    margin: 0 0 0 0;
}

.statusBlock .status ul li img {
    width: 100%; 
    max-width: 180px; 
    height: auto; 
}

/* 一日の会議の内容 */
.timeLineBlock {

}

.timeLineBlock figure { 
    width: 100%; 
}

.timeLineBlock figure img {
    width: 100%; 
    max-width: 980px; 
    margin: 0 auto;
}

/* ルームモニター */
.roomMonitorBlock {
    position: relative; 
}

.roomMonitorWrapper {
  max-width: 640px; 
  height: 580px; 
  height: 390px; 
  
  margin: 0 auto;
  position: relative; 

  background-image: url('/meetingroom/images/roomlead_room_monitor_base.png'); 
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: left top;
  -moz-background-size: 100% auto; 
  -webkit-background-size: 100% auto; 
  -o-background-size: 100% auto; 
  -ms-background-size: 100% auto; 
  background-size: 100% auto; 

}

section > .contents ul.roomMonitor {
  position: absolute; 

  
    top: 0%; 
    left: 10.3125%; 
    
    max-width: 508px; 
    
    width: -webkit-calc((508 / 640) * 100%);
    width: -moz-calc((508 / 640) * 100%);
    width: calc((508 / 640) * 100%);
    
    overflow: hidden; 
    top:0;
}

section > .contents ul.roomMonitor .element {
    margin: 0;


}

.roomMonitor .element figure {




}

.roomMonitor .element img {
    width: 100%; 
    height: auto; 
    margin: 0 0 0 0;
}

.roomMonitor .element h2 {
  margin: 50px 0 10px 0;
}

.roomMonitor .element.wait h2 { color: #2E679B; }
.roomMonitor .element.checkIn h2 { color: #2B9A9B; }
.roomMonitor .element.busy h2 { color: #C5002B; }

/* .phoneCheckIn */

.phoneCheckIn {
    margin: 80px auto;

    justify-content: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch; 
}

.phoneCheckIn > div {
    width: -webkit-calc((100% - 20px) / 2);
    width: -moz-calc((100% - 20px) / 2);  
    width: calc((100% - 20px) / 2); 
    margin-right: 20px;
    padding: 0; 
    position: relative; 
}

.phoneCheckIn > div em {
    font-size: 14px; 
    font-weight: bold; 
}

.phoneCheckIn > div:nth-of-type(1),
.phoneCheckIn > div:nth-of-type(2) {
    margin-bottom: 30px;
}

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


.phoneCheckIn > div > img {
    width: 100%; 
}

.phoneCheckIn .slick-slide img {
    width: 100%; 
}

.phoneCheckIn > div .slider {

    position: absolute; 

    top: 0;

    width: -webkit-calc((750 / 874) * 100%);
    width: -moz-calc((750 / 874) * 100%);
    width: calc((750 / 874) * 100%);

    left: -webkit-calc((62 / 874) * 100%);
    left: -moz-calc((62 / 874) * 100%);
    left: calc((62 / 874) * 100%);

    top: -webkit-calc((254 / 1772) * 100%);
    top: -moz-calc((254 / 1772) * 100%);
    top: calc((254 / 1772) * 100%);
}

.phoneCheckIn .slider .element {
    width: 100%; 
    position: relative; 
}

.phoneCheckIn .slider .element img {
    width: 100%; 
}

.phoneCheckIn .slider .element .captionText {
    display: block; 
    text-align: left; 
    font-size: 14px; 
    line-height: 1.6; 
    margin-top: 40%;
}


/* 利用シーン */
.scene {
background: rgb(51,51,51);
background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(102,102,102,1) 100%);
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(102,102,102,1) 100%);
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(102,102,102,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#666666',GradientType=0 );


-moz-box-shadow: 0 0 20px rgba(0,0,0,0.4) inset;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.4) inset;
-o-box-shadow: 0 0 20px rgba(0,0,0,0.4) inset;
-ms-box-shadow: 0 0 20px rgba(0,0,0,0.4) inset;
box-shadow: 0 0 20px rgba(0,0,0,0.4) inset;

}

.scene h1 {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5); 
}

.scene .leadCopy p span {
  color: #fff; 
}

.scene ul {
  padding: 0 0 0 0; 
}

.scene ul li {
    float: left; 
    
    text-align: left; 
    font-size: 16px; 
    line-height: 1.6em; 
    font-weight: 200; 

    opacity: 1;
    
    width: -webkit-calc((100% - 30px) / 3);
   width: -moz-calc((100% - 30px) / 3);  
   width: calc((100% - 30px) / 3); 
    margin: 20px 15px -20px 0;
}

.scene ul li:last-child {
    margin-right: 0;
}

.scene ul li h2 {
    font-size: 16px; 
    color: #fff; 
    display: block; 
    text-align: center; 
    
    font-size: 12px; 
}

.scene ul li figure {
  border: 7px solid #fff;
  -moz-box-shadow: 0 0 20px rgba(0,0,0,0.7);
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.7);
  -o-box-shadow: 0 0 20px rgba(0,0,0,0.7);
  -ms-box-shadow: 0 0 20px rgba(0,0,0,0.7);
  box-shadow: 0 0 20px rgba(0,0,0,0.7);
  
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  -o-border-radius: 1px;
  -ms-border-radius: 1px;
  border-radius: 1px;

  margin: 0 0 20px 0;
  background: #fff; 
  
  overflow: hidden; 
}

.scene ul li:nth-child(1) figure {
  -moz-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  transform: rotate(-1deg);
}

.scene ul li:nth-child(2) figure {
  -moz-transform: rotate(2deg);
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg);
}

.scene ul li:nth-child(3) figure {
  -moz-transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg);
}

.scene ul li figure a img {
  width: 100%; 
  height: auto; 
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
}

.scene ul li:nth-child(1) figure a:hover img {
  -moz-transform: rotate(3deg) scale(1.1);
  -webkit-transform: rotate(3deg) scale(1.1);
  -o-transform: rotate(3deg) scale(1.1);
  -ms-transform: rotate(3deg) scale(1.1);
  transform: rotate(3deg) scale(1.1);
}

.scene ul li:nth-child(2) figure a:hover img {
  -moz-transform: rotate(-3deg) scale(1.1);
  -webkit-transform: rotate(-3deg) scale(1.1);
  -o-transform: rotate(-3deg) scale(1.1);
  -ms-transform: rotate(-3deg) scale(1.1);
  transform: rotate(-3deg) scale(1.1);
}

.scene ul li:nth-child(3) figure a:hover img {
  -moz-transform: rotate(3deg) scale(1.1);
  -webkit-transform: rotate(3deg) scale(1.1);
  -o-transform: rotate(3deg) scale(1.1);
  -ms-transform: rotate(3deg) scale(1.1);
  transform: rotate(3deg) scale(1.1);
}

.scene ul li span {
  color: #fff; 
  display: block; 
  text-align: left; 
  font-size: 14px; 
  line-height: 1.6em; 
  
  font-size: 12px; 
}

section.scene .caseBannerWrapper {
    width: 100%; 
    margin: 30px 0 0 0;
}

section.scene .caseBannerWrapper a {
    padding: 20px; 
    width: 100%; 
    display: block; 
    background: #fff; 
    border: 1px solid #2699D2;
    font-size: 24px; 
    font-weight: 700; 
    color: #2699D2; 
    
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    -o-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    -ms-box-shadow: 0 0 10px rgba(0,0,0,0.8);
    box-shadow: 0 0 10px rgba(0,0,0,0.8);
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;

-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease;
transition: all .2s ease;

}

section.scene .caseBannerWrapper a:before {
    content: "\f0a4";
    display: inline-block; 
    margin: 0 0.25em 0 0;
    font-family: 'FontAwesome';
    font-weight: normal; 
}

section.scene .caseBannerWrapper a:hover {
    border: 1px solid #fff;
    background: #2699D2; 
    color: #fff; 
    
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.9);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
    -o-box-shadow: 0 0 20px rgba(0,0,0,0.9);
    -ms-box-shadow: 0 0 20px rgba(0,0,0,0.9);
    box-shadow: 0 0 20px rgba(0,0,0,0.9);
}

/* 管理・分析 */
section.management {
  background: #f3f6fa; 
}

section.management h3 {
    margin: 0 0 1em 0;
}

section.management ol {
  width: 100%; 
  margin: 0 auto;
}

section.management ol li {
  line-height: 1em; 
  color: #2699D2; 
  background: #fff; 
  float: left; 
  list-style-position: inside; 
  list-style: none;
  font-size: 18px; 
  font-weight: 300; 

    width: -webkit-calc((100% - 10px) / 2);
    width: -moz-calc((100% - 10px) / 2);  
    width: calc((100% - 10px) / 2); 
    margin: 0 10px 10px 0;
}

section.management ol li:nth-child(even) {
  margin-right: 0;
}

section.management ol li span {
  display: inline; 
}

section.management ol li span,
section.management ol li a {
    display: block; 
    color: #2699D2; 
    font-weight: bold; 
    border: 1px dotted #2699D2;
    padding: 20px 10px; 
    
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -o-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

section.management ol li a:hover {
    background: #2699D2; 
    color: #fff; 
}

section.management ol li a:before {
    content: "\f00e"; 
    font-family: fontAwesome;
    display: inline-block; 
    margin: 0 0.5em 0 0;
    font-weight: normal; 

/* 
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%232A90C4%22%20d%3D%22M14.482%2C25.594c4.375-8.557%2C13.044-13.875%2C22.626-13.875c1.079%2C0%2C1.953-0.874%2C1.953-1.953%20c0-1.079-0.875-1.953-1.953-1.953c-11.284%2C0-21.211%2C6.43-26.104%2C16.004c-0.49%2C0.96-0.11%2C2.137%2C0.851%2C2.628%20C12.815%2C26.936%2C13.992%2C26.555%2C14.482%2C25.594L14.482%2C25.594z%20M14.482%2C25.594%22%2F%3E%3Cpath%20fill%3D%22%232A90C4%22%20d%3D%22M11.23%2C31.395c0%2C0.809-0.656%2C1.465-1.465%2C1.465c-0.81%2C0-1.465-0.656-1.465-1.465%20c0-0.809%2C0.655-1.465%2C1.465-1.465C10.574%2C29.931%2C11.23%2C30.587%2C11.23%2C31.395L11.23%2C31.395z%20M11.23%2C31.395%22%2F%3E%3Cpath%20fill%3D%22%232A90C4%22%20d%3D%22M95.845%2C79.323c-0.067-0.057-0.136-0.109-0.211-0.156l-9.621-6.135c-5.93-3.781-13.17-9.801-18.272-14.833%20c4.293-6.205%2C6.554-13.442%2C6.554-21.039C74.296%2C16.671%2C57.614%2C0%2C37.108%2C0C16.646%2C0%2C0%2C16.648%2C0%2C37.11%20c0%2C20.49%2C16.682%2C37.159%2C37.187%2C37.159c7.475%2C0%2C14.618-2.197%2C20.764-6.367c5.095%2C5.15%2C11.492%2C12.471%2C15.349%2C18.518l5.877%2C9.212%20c0.047%2C0.072%2C0.099%2C0.143%2C0.156%2C0.21c4.786%2C5.656%2C13.576%2C5.552%2C18.212-0.37C101.258%2C90.733%2C100.812%2C83.519%2C95.845%2C79.323%20L95.845%2C79.323z%20M56.997%2C63.79c-5.766%2C4.3-12.616%2C6.573-19.81%2C6.573c-18.352%2C0-33.281-14.916-33.281-33.253%20c0-18.308%2C14.894-33.203%2C33.202-33.203c18.352%2C0%2C33.281%2C14.917%2C33.281%2C33.254C70.389%2C48.152%2C65.056%2C57.78%2C56.997%2C63.79L56.997%2C63.79%20z%20M61.089%2C65.522c1.524-1.287%2C2.943-2.694%2C4.246-4.21c1.926%2C1.883%2C4.118%2C3.878%2C6.395%2C5.822l-4.743%2C4.743%20C65.077%2C69.701%2C63.055%2C67.523%2C61.089%2C65.522L61.089%2C65.522z%20M94.471%2C93.064c-3.054%2C3.901-8.839%2C4.054-12.073%2C0.349l-5.803-9.094%20c-1.777-2.785-4.201-6.033-7.058-9.466l5.213-5.213c3.26%2C2.632%2C6.404%2C4.926%2C9.165%2C6.687l9.504%2C6.06%20C96.51%2C85.086%2C96.989%2C89.848%2C94.471%2C93.064L94.471%2C93.064z%20M94.471%2C93.064%22%2F%3E%3Cpath%20fill%3D%22%232A90C4%22%20d%3D%22M56.639%2C50.976h-1.953V17.774c0-1.079-0.875-1.953-1.953-1.953H41.015c-1.079%2C0-1.953%2C0.875-1.953%2C1.953%20v9.766h-9.765c-1.079%2C0-1.953%2C0.875-1.953%2C1.953v9.766h-9.766c-1.079%2C0-1.953%2C0.875-1.953%2C1.953v9.765h-1.953%20c-1.079%2C0-1.953%2C0.875-1.953%2C1.953c0%2C1.08%2C0.875%2C1.953%2C1.953%2C1.953h42.968c1.079%2C0%2C1.953-0.874%2C1.953-1.953%20C58.593%2C51.852%2C57.718%2C50.976%2C56.639%2C50.976L56.639%2C50.976z%20M27.344%2C50.976h-7.812v-7.812h7.812V50.976z%20M39.061%2C50.976H31.25%20v-19.53h7.812V50.976z%20M50.78%2C50.976h-7.812V19.727h7.812V50.976z%20M50.78%2C50.976%22%2F%3E%3C%2Fsvg%3E');
 */

}



section.management figure {
    
}

section.management figure img {
    width: 100%; 
    max-width: 640px; 
    margin: 0 auto;
}


/* 動画 */

.videoWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-top: calc((1080 / 1920) * 100%);
    background: #fff;
}

.videoWrapper video {
    width: 100%;
    height: auto;
    position: absolute;
    display: block;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    margin: auto;
}



/* ラインナップ */
section.lineUp {
  background: #fff; 
}

.lineUp table {
  width: 100%; 
  margin: 0 auto;
}

.lineUp table td,
.lineUp table th { 
  font-size: 16px; 
  text-align: center; 
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  vertical-align: middle; 
  line-height: 1.8em; 
  padding: 5px 20px; 
  font-weight: 300; 
}



.lineUp table th {
  background: #2699D2; 
  color: #fff; 
  font-weight: 900; 
  font-size: 16px; 
  padding: 10px; 
}

.lineUp table th.noborder {
  border-top: 1px solid #2699D2;
  border-left: 2px solid #fff;
}


.lineUp table th span {
  font-weight: 200; 
  font-size: 24px; 
  display: block; 
  line-height: 1.4em; 
  margin: 0;
}

.lineUp table em {
  font-size: 18px; 
  font-weight: bold; 
}

.lineUp table td {
  background: #EFF8FC; 
}

.lineUp table td.blank {
  background: #fff; 
}


.lineUp table .middleBg {
  background: #8ACBEB; 
}

.lineUp table .lightBg {
  background: #C3E5F6; 
}

.lineUp table .lightBg span {
  font-size: 12px; 
  text-align: center; 
  line-height: 1.6em; 
  display: block; 
}

section.lineUp .note {
  font-size: 14px; 
  text-align: left; 
  line-height: 1.6em; 
  display: block; 
  margin: 10px 0 0 0;
}

section.lineUp .note ul {
    list-style-type: disc; 
    list-style-position: outside; 
    padding: 0 0 0 2em; 
}

section.lineUp .download {
  margin: 40px 0 0 0;
}

section.lineUp .download a {
  border: 1px solid #7DD1F9;
  background: #7DD1F9; 
  display: block; 
  color: #fff; 
  font-size: 28px; 
  font-weight: 300; 
  padding: 20px; 

  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
  -o-box-shadow: 0 0 5px rgba(0,0,0,0.1);
  -ms-box-shadow: 0 0 5px rgba(0,0,0,0.1);
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

section.lineUp .download a:hover {
  border: 1px solid #7DD1F9;
  background: #fff; 
  display: block; 
  color: #7DD1F9; 
}

/* ==================================================
	= CiscoSpark
================================================== */
.CiscoSpark .mainVisual {
    padding: 10px; 
    margin-bottom: 30px;
}

.CiscoSpark .mainVisual img,
.CiscoSpark .mainVisual object {
    width: 100%; 
    height: auto; 
}

.CiscoSparkIcon {
 background: #1A98D4; 
 padding: 30px 0; 
  
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

.CiscoSparkIcon ul {

 width: -webkit-calc(100% - 20px);
 width: -moz-calc(100% - 20px);  
 width: calc(100% - 20px); 

 margin: 0 10px;
 text-align: center; 
}

.CiscoSparkIcon ul li {
 float: left; 
 display: inline-block; 
 font-size: 13px; 
 color: #fff; 
 width: -webkit-calc((100% - 1px) / 2);
 width: -moz-calc((100% - 1px) / 2);
 width: calc((100% - 1px) / 2);
 text-align: center; 
 padding: 10px; 

}

.CiscoSparkIcon ul li:nth-of-type(n + 7) {
 width: -webkit-calc((100% - 1px) / 1);
 width: -moz-calc((100% - 1px) / 1);
 width: calc((100% - 1px) / 1);
}

.CiscoSparkIcon ul li:before {
 display: block; 
 margin: 0 auto 10px auto;
 width: 48px; 
 height: 48px; 
 text-align: center; 
}

.CiscoSparkIcon ul li:nth-of-type(1):before { content: url('/meetingroom/images/cisco_spark_icon-01.svg'); }
.CiscoSparkIcon ul li:nth-of-type(2):before { content: url('/meetingroom/images/cisco_spark_icon-02.svg'); }
.CiscoSparkIcon ul li:nth-of-type(3):before { content: url('/meetingroom/images/cisco_spark_icon-03.svg'); }
.CiscoSparkIcon ul li:nth-of-type(4):before { content: url('/meetingroom/images/cisco_spark_icon-04.svg'); }
.CiscoSparkIcon ul li:nth-of-type(5):before { content: url('/meetingroom/images/cisco_spark_icon-05.svg'); }
.CiscoSparkIcon ul li:nth-of-type(6):before { content: url('/meetingroom/images/cisco_spark_icon-06.svg'); }
.CiscoSparkIcon ul li:nth-of-type(7):before { content: url('/meetingroom/images/cisco_spark_icon-07.svg'); }

.CiscoSparkIcon ul li span {
 display: inline-block; 
 white-space: nowrap; 
}

.ciscoSpark li {
 border: 1px solid #1A98D4;
 color: #1A98D4; 
 padding: 20px; 
 background: #fff; 
}

.ciscoSpark li h3 {
 font-family: Helvetica;
 font-size: 24px; 
 font-weight: bold; 
}

.ciscoSpark li .description {
font-size: 24px; 
font-weight: 400; 
}

.ciscoSpark li .description:after {
 display: block; 
 content: "＋";
 text-align: center; 
}

.ciscoSpark li h4 {
 font-size: 20px; 
 font-weight: bold; 
}

.ciscoSpark li h4 span {
 display: block; 
}

.ciscoSpark li ul {
 
}

.ciscoSpark li ul li {
 font-size: 14px; 
 border: none;
 border-bottom: 1px dotted #ccc;
 position: relative; 
 padding: .5em 0 .5em 1.5em; 
}

.ciscoSpark li ul li:before {
 content: "\f00c";
 font-family: FontAwesome;
 position: absolute; 
 display: inline-block; 
 top: .5em; 
 left: 0; 
}

.ciscoSpark li .license {
 font-weight: 900; 
 vertical-align: baseline; 
 display: inline-block; 
 border-bottom: 2px solid #ccc;
 margin: 20px 0 0 0;
 padding: 0 0 10px 0; 
}

.ciscoSpark li .license span {
 display: inline-block; 
 white-space: nowrap; 
 font-size: 24px; 
 line-height: 1; 
 margin: 0 10px 0 0;
}

.ciscoSpark li .license span + span {
 font-size: 14px; 
 margin: 0 0 0 0;
}

/* ==================================================
	= ClickShare
================================================== */

.ClickShare .col3.clickShare li h3 {
    font-size: 16px;
    font-weight: 900;
    font-style: normal;
    color: #0197D7;
    margin: 1em 0;
}

.ClickShare .col3.clickShare li .copy {
    margin: 0 30px;
}

/* ==================================================
	= swift
================================================== */

.Swift ul.col2 {
    width: 100%; 
}

.Swift .col2 li figure {
    position: relative;
    width: 100%;
    padding-top: 62%;
    margin: 10px 0 30px 0;
    overflow: hidden; 
}

.Swift .col2 li figure img {
    height: 100%; 
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    width: 100%;
    height: auto;
}

.Swift ul.col2 .copy {
    margin: 1em 0 0 0;
    font-size: 14px; 
}

.Swift ul.col2 figure + .copy {
    margin: 3em 0 1em 0;
}

.Swift ul.col2 .copy p {
    text-align: center; 
}

.Swift ul.col2 .copy p span {
    display: inline-block; 
    white-space: nowrap; 
}

.Swift ul.col4 {

}

.Swift ul.col4 li {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: table; 
}

.Swift ul.col4 li .tip, 
.Swift ul.col4 li .colorName {
    display: table-cell; 
    vertical-align: middle; 
    text-align: left; 
}

.Swift ul.col4 li .tip {
    width: 30%; 
}

.Swift ul.col4 li .colorName {
    width: 70%; 
}

.Swift ul.col4 li .tip figure {
    position: relative;
    width: 100%;
    padding-top: 100%;
    margin: 0;
    overflow: hidden; 
}

.Swift ul.col4 li .tip figure img {
    height: 100%; 
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
    width: 100%;
    height: auto;
}

.Swift ul.col4 li .colorName {
    padding: 0 0 0 10px; 
    line-height: 1.4; 
}

.Swift ul.col4 li .colorName .number {
    font-weight: 700; 
    font-size: 14px; 
}

.Swift ul.col4 li .colorName .name {
    font-size: 12px; 
}

.Swift ul.col4 li .colorName .name span {
    white-space: nowrap; 
    display: inline-block; 
}

/* ==================================================
	= youtube
================================================== */
.movie {
 margin: 0 auto 60px auto;
 max-width: 800px; 
}

.movie .iframeWrapper {
 position: relative; 
 width: 100%; 
 padding-top: 56.2%; 
 margin: 0 0; 
}

.movie .iframeWrapper iframe {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 100%; 
 height: 100%; 
 z-index: 0; 
}


/* ==================================================
	= ラインナップ
================================================== */

ul.lineup {
    width: 100%; 
}

ul.lineup li {
    float: left; 
    width: -webkit-calc((100% - 40.1px) / 2);
    width: -moz-calc((100% - 40.1px) / 2);  
    width: calc((100% - 40.1px) / 2); 
    margin: 0 40px 0 0;
    text-align: left; 

    width: 100%; 
    margin: 0 0 40px 0;

}

ul.lineup li:last-of-type {
    margin: 0 0 0 0;
}

ul.lineup li .logoWrapper {

    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);  
    width: calc(100% - 40px); 

    margin: 20px;
}

ul.lineup li .logoWrapper figure {
    float: left; 
    width: -webkit-calc((100% - 20.1px) / 2);
   width: -moz-calc((100% - 20.1px) / 2);  
   width: calc((100% - 20.1px) / 2); 
   margin: 0 20px 0 0;
}

ul.lineup li .logoWrapper figure:last-of-type {
    margin: 0 0 0 0;
}

ul.lineup li .logoWrapper figure img {
    width: 100%; 
}

ul.lineup li.standard .logoWrapper figure {
    width: 100%; 
    height: 80px; 
    text-align: center; 
}

ul.lineup li.standard .logoWrapper figure img {
    width: auto; 
    height: 100%; 
}


ul.lineup li h3 {
    text-align: center;
    margin: 20px 0;
    font-size: 18px; 
    font-weight: 900; 
    position: relative;
    display: block; 
    padding: 10px; 
    background: #2699D2; 
    color: #fff; 
    
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    border-radius: 50px;
}

ul.lineup li h3:before {
    border-top: none;
    content: "";
    display: none; 
}

ul.lineup li p {
    display: block; 
    text-align: left; 
}

section > .contents ul.feature {
    width: 100%; 
    margin: 30px 0 0 0;
    
    justify-content: center;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: stretch; 

    padding: 0 0;
}

ul.feature li {


    width: -webkit-calc((100% - 30px) / 2);
    width: -moz-calc((100% - 30px) / 2);  
    width: calc((100% - 30px) / 2); 


    margin: 0 30px 30px 0;
    padding: 20px 0; 
    text-align: center; 
    border-top: 1px solid #2699D2;
}

ul.feature li:nth-of-type(2n) {
    margin: 0 0 30px 0;
}

ul.feature li em {
    font-size: 18px; 
    display: block; 
    font-weight: bold; 
    color: #2699D2; 
    margin: 0 0 1em 0;
}

ul.feature li p {
    display: block; 
    text-align: left; 

    text-align : justify;
    text-justify : distribute;
}

ul.feature li em:before {
    content: ""; 
    display: block; 
    width: 60px; 
    height: 60px; 
    margin: 10px auto;
    
    background-repeat: no-repeat; 
    
    background-size: 60px 60px;
    -moz-background-size: 60px 60px;
    -webkit-background-size: 60px 60px;
    -o-background-size: 60px 60px;
    -ms-background-size: 60px 60px;
}

ul.feature li.monitor em:before {
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M90%2C24.238v51.523c0%2C3.705-3.015%2C6.72-6.72%2C6.72H16.72c-3.706%2C0-6.72-3.015-6.72-6.72V24.238%20c0-3.705%2C3.015-6.72%2C6.72-6.72h66.56C86.985%2C17.518%2C90%2C20.533%2C90%2C24.238z%20M12.641%2C75.762c0%2C2.249%2C1.83%2C4.079%2C4.079%2C4.079h66.56%20c2.249%2C0%2C4.079-1.83%2C4.079-4.079V24.238c0-2.249-1.83-4.079-4.079-4.079H16.72c-2.249%2C0-4.079%2C1.83-4.079%2C4.079L12.641%2C75.762z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M81.197%2C27.642v44.716c0%2C0.729-0.591%2C1.32-1.32%2C1.32H20.123c-0.729%2C0-1.32-0.591-1.32-1.32V27.642%20c0-0.729%2C0.591-1.32%2C1.32-1.32h59.753C80.606%2C26.321%2C81.197%2C26.912%2C81.197%2C27.642z%20M78.556%2C71.038V28.962H21.444v42.075H78.556z%22%2F%3E%20%3Ccircle%20fill%3D%22%232699D2%22%20cx%3D%2215.798%22%20cy%3D%2250.001%22%20r%3D%221.322%22%2F%3E%20%3Ccircle%20fill%3D%22%232699D2%22%20cx%3D%2284.305%22%20cy%3D%2250.001%22%20r%3D%222.279%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M58.978%2C51.318l3.522-3.521v4.981c-0.005%2C3.833-3.111%2C6.94-6.944%2C6.944H38.889V62.5h16.667%20c5.367-0.006%2C9.716-4.355%2C9.722-9.722v-4.981l3.522%2C3.521l1.964-1.964l-6.875-6.874l-6.875%2C6.874L58.978%2C51.318z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M42.986%2C50.646l-1.964-1.964L37.5%2C52.203v-4.981c0.005-3.833%2C3.111-6.94%2C6.944-6.944h16.667V37.5H44.444%20c-5.367%2C0.006-9.716%2C4.355-9.722%2C9.722v4.981L31.2%2C48.682l-1.964%2C1.964l6.875%2C6.874L42.986%2C50.646z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); 
}

ul.feature li.cancel em:before {
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M73.041%2C74.586c-0.415%2C0-0.804-0.161-1.097-0.453l-3.505-3.506l-3.51%2C3.506%20c-0.294%2C0.293-0.682%2C0.453-1.092%2C0.453c-0.414%2C0-0.803-0.161-1.096-0.453c-0.293-0.293-0.454-0.682-0.454-1.094%20c0-0.413%2C0.162-0.802%2C0.454-1.094l3.505-3.505l-3.505-3.507c-0.292-0.291-0.454-0.681-0.454-1.095c0-0.415%2C0.161-0.804%2C0.454-1.097%20c0.292-0.292%2C0.681-0.454%2C1.094-0.454c0.412%2C0%2C0.801%2C0.162%2C1.094%2C0.454l3.51%2C3.505l3.505-3.505%20c0.292-0.293%2C0.681-0.454%2C1.094-0.454c0.412%2C0%2C0.801%2C0.162%2C1.094%2C0.454c0.292%2C0.292%2C0.453%2C0.682%2C0.453%2C1.096%20c0%2C0.414-0.161%2C0.804-0.453%2C1.096l-3.506%2C3.507l3.506%2C3.505c0.602%2C0.602%2C0.603%2C1.583%2C0.001%2C2.187%20C73.838%2C74.425%2C73.451%2C74.586%2C73.041%2C74.586z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M47.084%2C53.684c-1.603-1.225-2.247-3.276-1.663-5.196l-5.924-4.526c-0.68-0.519-0.81-1.494-0.291-2.173%20c0.519-0.68%2C1.494-0.81%2C2.173-0.291l5.84%2C4.461c1.246-0.887%2C2.836-1.121%2C4.298-0.631l6.467-8.465%20c0.519-0.68%2C1.494-0.81%2C2.174-0.291c0.68%2C0.519%2C0.81%2C1.494%2C0.291%2C2.174l-6.467%2C8.466c1.132%2C1.698%2C1.08%2C3.941-0.166%2C5.572%20C52.208%2C54.886%2C49.188%2C55.291%2C47.084%2C53.684z%20M51.032%2C48.516c-0.748-0.571-1.819-0.43-2.388%2C0.314%20c-0.571%2C0.748-0.428%2C1.821%2C0.32%2C2.393c0.748%2C0.571%2C1.821%2C0.428%2C2.393-0.32C51.925%2C50.158%2C51.78%2C49.088%2C51.032%2C48.516z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M50%2C28.642c-0.855%2C0-1.551-0.695-1.551-1.55v-1.08c0-0.855%2C0.695-1.551%2C1.551-1.551%20s1.551%2C0.695%2C1.551%2C1.551v1.08C51.551%2C27.947%2C50.855%2C28.642%2C50%2C28.642z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M50%2C75.28c-0.855%2C0-1.551-0.695-1.551-1.551v-1.086c0-0.855%2C0.695-1.551%2C1.551-1.551%20s1.551%2C0.695%2C1.551%2C1.551v1.086C51.551%2C74.584%2C50.855%2C75.28%2C50%2C75.28z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M72.776%2C51.418c-0.855%2C0-1.551-0.696-1.551-1.551c0-0.854%2C0.695-1.549%2C1.551-1.549h1.087%20c0.851%2C0%2C1.543%2C0.695%2C1.543%2C1.549c0%2C0.855-0.693%2C1.551-1.543%2C1.551H72.776z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M26.138%2C51.418c-0.852%2C0-1.544-0.696-1.544-1.551c0-0.854%2C0.693-1.549%2C1.544-1.549h1.086%20c0.855%2C0%2C1.551%2C0.695%2C1.551%2C1.549c0%2C0.855-0.695%2C1.551-1.551%2C1.551H26.138z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M66.103%2C35.314c-0.408%2C0-0.807-0.165-1.096-0.453c-0.604-0.606-0.604-1.589-0.002-2.194l0.769-0.768%20c0.292-0.293%2C0.682-0.454%2C1.097-0.454c0.414%2C0%2C0.804%2C0.161%2C1.097%2C0.454c0.605%2C0.604%2C0.605%2C1.588%2C0%2C2.192l-0.769%2C0.768%20C66.909%2C35.153%2C66.519%2C35.314%2C66.103%2C35.314z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M33.129%2C68.289c-0.408%2C0-0.807-0.165-1.097-0.453c-0.604-0.605-0.604-1.588-0.002-2.194l0.771-0.764%20c0.289-0.293%2C0.679-0.457%2C1.095-0.457c0.415%2C0%2C0.806%2C0.163%2C1.099%2C0.46c0.601%2C0.601%2C0.601%2C1.582-0.001%2C2.186l-0.77%2C0.768%20C33.933%2C68.128%2C33.544%2C68.289%2C33.129%2C68.289z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M33.896%2C35.314c-0.414%2C0-0.803-0.161-1.096-0.453l-0.769-0.768c-0.604-0.604-0.604-1.587%2C0-2.192%20c0.293-0.293%2C0.683-0.454%2C1.098-0.454c0.415%2C0%2C0.804%2C0.162%2C1.097%2C0.455l0.768%2C0.766c0.604%2C0.605%2C0.604%2C1.589%2C0.001%2C2.193%20C34.703%2C35.149%2C34.304%2C35.314%2C33.896%2C35.314z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M68.439%2C83c-2.536%2C0-5.041-0.677-7.26-1.959C57.577%2C82.341%2C53.817%2C83%2C50%2C83c-18.196%2C0-33-14.804-33-33%20s14.804-33%2C33-33c18.197%2C0%2C33%2C14.804%2C33%2C33c0%2C3.816-0.659%2C7.576-1.959%2C11.179C82.323%2C63.398%2C83%2C65.903%2C83%2C68.439%20C83%2C76.468%2C76.468%2C83%2C68.439%2C83z%20M68.439%2C56.973c-6.323%2C0-11.466%2C5.144-11.466%2C11.466c0%2C0.411%2C0.027%2C0.856%2C0.082%2C1.322%20c0.008%2C0.074%2C0.021%2C0.149%2C0.034%2C0.224l0.028%2C0.177c0.044%2C0.301%2C0.101%2C0.601%2C0.172%2C0.893c0.029%2C0.145%2C0.064%2C0.27%2C0.098%2C0.395%20c0.091%2C0.332%2C0.182%2C0.61%2C0.283%2C0.885l0.151%2C0.417c0.139%2C0.337%2C0.298%2C0.674%2C0.47%2C1.007l0.143%2C0.262%20c0.178%2C0.315%2C0.37%2C0.632%2C0.586%2C0.943c0.083%2C0.11%2C0.177%2C0.235%2C0.274%2C0.359c0.173%2C0.229%2C0.351%2C0.453%2C0.538%2C0.667l0.313%2C0.344%20c0.227%2C0.236%2C0.477%2C0.476%2C0.737%2C0.706l0.201%2C0.183c0.369%2C0.304%2C0.726%2C0.569%2C1.069%2C0.792c1.878%2C1.232%2C4.051%2C1.883%2C6.286%2C1.883%20c6.319%2C0%2C11.46-5.14%2C11.46-11.459c0-2.235-0.651-4.409-1.883-6.286c-0.245-0.369-0.512-0.727-0.812-1.093l-0.159-0.166%20c-0.237-0.269-0.477-0.519-0.724-0.76l-0.329-0.293c-0.218-0.192-0.437-0.37-0.665-0.543l-0.116-0.088%20c-0.083-0.062-0.164-0.125-0.25-0.182c-0.311-0.219-0.625-0.416-0.946-0.594l-0.271-0.148c-0.319-0.168-0.655-0.325-0.999-0.463%20c-0.097-0.041-0.189-0.074-0.281-0.107l-0.13-0.047c-0.271-0.095-0.554-0.188-0.837-0.27c-0.142-0.039-0.289-0.076-0.438-0.111%20c-0.297-0.073-0.596-0.128-0.898-0.173c0%2C0-0.324-0.053-0.4-0.062C69.291%2C57%2C68.858%2C56.973%2C68.439%2C56.973z%20M50%2C20.101%20c-16.486%2C0-29.899%2C13.413-29.899%2C29.899S33.514%2C79.899%2C50%2C79.899c2.788%2C0%2C5.54-0.384%2C8.194-1.141%20c-0.09-0.089-0.179-0.178-0.266-0.267c-0.173-0.185-0.337-0.363-0.498-0.546c-0.154-0.176-0.297-0.358-0.439-0.539%20c-0.163-0.208-0.323-0.416-0.477-0.635c-0.127-0.183-0.249-0.365-0.364-0.553c-0.138-0.217-0.279-0.445-0.41-0.673%20c-0.113-0.206-0.218-0.409-0.317-0.614l-0.096-0.195c-0.083-0.165-0.164-0.329-0.239-0.495c-0.079-0.184-0.144-0.362-0.212-0.543%20l-0.057-0.155c-0.098-0.247-0.179-0.455-0.247-0.668c-0.067-0.212-0.123-0.426-0.176-0.639l-0.094-0.353%20c-0.04-0.145-0.08-0.288-0.112-0.435c-0.059-0.276-0.099-0.553-0.139-0.833l-0.054-0.351c-0.016-0.099-0.033-0.199-0.043-0.3%20c-0.056-0.581-0.083-1.064-0.083-1.525c0-8.033%2C6.535-14.568%2C14.567-14.568c0.46%2C0%2C0.944%2C0.026%2C1.521%2C0.082%20c0.108%2C0.011%2C0.21%2C0.028%2C0.31%2C0.045l0.312%2C0.047c0.29%2C0.041%2C0.58%2C0.082%2C0.865%2C0.143c0.124%2C0.026%2C0.243%2C0.059%2C0.363%2C0.091%20l0.227%2C0.059c0.283%2C0.073%2C0.561%2C0.144%2C0.835%2C0.231c0.184%2C0.059%2C0.364%2C0.127%2C0.543%2C0.195l0.122%2C0.046%20c0.289%2C0.108%2C0.495%2C0.186%2C0.696%2C0.272c0.233%2C0.104%2C0.453%2C0.214%2C0.674%2C0.325l0.173%2C0.087c0.156%2C0.078%2C0.313%2C0.157%2C0.464%2C0.245%20c0.206%2C0.113%2C0.418%2C0.246%2C0.629%2C0.38l0.161%2C0.103c0.148%2C0.095%2C0.297%2C0.19%2C0.439%2C0.29c0.218%2C0.157%2C0.426%2C0.311%2C0.629%2C0.475%20c0.176%2C0.133%2C0.357%2C0.282%2C0.538%2C0.434l0.127%2C0.115c0.139%2C0.126%2C0.278%2C0.252%2C0.414%2C0.384c0.094%2C0.088%2C0.184%2C0.177%2C0.275%2C0.269%20c0.757-2.654%2C1.14-5.406%2C1.14-8.191C79.899%2C33.514%2C66.486%2C20.101%2C50%2C20.101z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

ul.feature li.reservation em:before {
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M90%2C24.238v51.523c0%2C3.705-3.015%2C6.72-6.72%2C6.72H16.72c-3.706%2C0-6.72-3.015-6.72-6.72V24.238%20c0-3.705%2C3.015-6.72%2C6.72-6.72h66.56C86.985%2C17.518%2C90%2C20.533%2C90%2C24.238z%20M12.641%2C75.762c0%2C2.249%2C1.83%2C4.079%2C4.079%2C4.079h66.56%20c2.249%2C0%2C4.079-1.83%2C4.079-4.079V24.238c0-2.249-1.83-4.079-4.079-4.079H16.72c-2.249%2C0-4.079%2C1.83-4.079%2C4.079L12.641%2C75.762z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M81.197%2C27.642v44.716c0%2C0.729-0.591%2C1.32-1.32%2C1.32H20.123c-0.729%2C0-1.32-0.591-1.32-1.32V27.642%20c0-0.729%2C0.591-1.32%2C1.32-1.32h59.753C80.606%2C26.321%2C81.197%2C26.912%2C81.197%2C27.642z%20M78.556%2C71.038V28.962H21.444v42.075H78.556z%22%2F%3E%20%3Ccircle%20fill%3D%22%232699D2%22%20cx%3D%2215.798%22%20cy%3D%2250.001%22%20r%3D%221.322%22%2F%3E%20%3Ccircle%20fill%3D%22%232699D2%22%20cx%3D%2284.305%22%20cy%3D%2250.001%22%20r%3D%222.279%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M66.772%2C56.746c-1.061%2C0-1.942%2C0.354-2.649%2C0.89c0-2.479-1.951-4.419-4.419-4.419%20c-1.063%2C0-2.123%2C0.353-3.012%2C1.052c-0.7-1.761-2.296-2.822-4.066-2.822c-1.054%2C0-1.942%2C0.354-2.649%2C0.879v-8.839%20c0-2.477-1.942-4.419-4.419-4.419c-2.47%2C0-4.419%2C1.942-4.419%2C4.419v15.735c-3.531-3.184-7.424-5.652-9.901-3.184%20c-3.531%2C3.538%2C3.893%2C10.436%2C9.546%2C20.861c4.066%2C7.252%2C9.729%2C9.901%2C15.381%2C9.901c8.313%2C0%2C15.028-6.715%2C15.028-15.028V61.165%20C71.191%2C58.688%2C69.249%2C56.746%2C66.772%2C56.746L66.772%2C56.746z%22%2F%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M56.164%2C84.301c-5.551%2C0-9.992-2.901-13.201-8.624c-1.858-3.429-3.895-6.467-5.69-9.148%20c-2.321-3.465-5.21-7.778-4.266-8.724c0.199-0.199%2C0.371-0.271%2C0.648-0.271c0.701%2C0%2C2.388%2C0.461%2C5.81%2C3.546%20c0.468%2C0.423%2C1.067%2C0.644%2C1.674%2C0.644c0.344%2C0%2C0.689-0.071%2C1.016-0.216c0.903-0.401%2C1.484-1.296%2C1.484-2.284V43.488%20c0-1.094%2C0.825-1.919%2C1.919-1.919s1.919%2C0.825%2C1.919%2C1.919v8.838c0%2C0.945%2C0.533%2C1.81%2C1.378%2C2.234%20c0.354%2C0.178%2C0.739%2C0.266%2C1.122%2C0.266c0.527%2C0%2C1.053-0.167%2C1.492-0.494c0.349-0.259%2C0.727-0.385%2C1.157-0.385%20c0.781%2C0%2C1.433%2C0.466%2C1.742%2C1.246c0.292%2C0.733%2C0.911%2C1.285%2C1.673%2C1.49c0.215%2C0.058%2C0.433%2C0.086%2C0.65%2C0.086%20c0.554%2C0%2C1.1-0.184%2C1.545-0.534c0.431-0.338%2C0.938-0.518%2C1.467-0.518c1.095%2C0%2C1.92%2C0.825%2C1.92%2C1.919%20c0%2C0.95%2C0.538%2C1.817%2C1.389%2C2.239c0.353%2C0.175%2C0.732%2C0.261%2C1.111%2C0.261c0.536%2C0%2C1.069-0.172%2C1.513-0.509%20c0.342-0.26%2C0.703-0.381%2C1.137-0.381c1.094%2C0%2C1.919%2C0.825%2C1.919%2C1.919v10.608C68.691%2C78.681%2C63.071%2C84.301%2C56.164%2C84.301z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

ul.feature li.reminder em:before {
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M68.237%2C75.285c0-0.49%2C0-53.526%2C0-54.015c0-1.016-0.859-1.876-1.877-1.876c-1.633%2C0-31.126%2C0-32.721%2C0%20c-1.018%2C0-1.877%2C0.86-1.877%2C1.876v54.015c0%2C1.018%2C0.859%2C1.877%2C1.877%2C1.877h32.721C67.378%2C77.162%2C68.237%2C76.303%2C68.237%2C75.285%20L68.237%2C75.285z%20M65.894%2C24.887H40.363v-3.149h25.531V24.887z%20M34.106%2C21.738h3.913v3.149h-3.913V21.738z%20M34.106%2C74.818V27.231%20h31.788v47.587H34.106z%20M34.106%2C74.818%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M46.16%2C82.259c0%2C2.118%2C1.722%2C3.84%2C3.84%2C3.84c2.117%2C0%2C3.839-1.722%2C3.839-3.84c0-2.118-1.722-3.84-3.839-3.84%20C47.882%2C78.419%2C46.16%2C80.141%2C46.16%2C82.259L46.16%2C82.259z%20M51.496%2C82.259c0%2C0.825-0.671%2C1.496-1.496%2C1.496%20c-0.826%2C0-1.497-0.671-1.497-1.496c0-0.825%2C0.671-1.496%2C1.497-1.496C50.825%2C80.763%2C51.496%2C81.434%2C51.496%2C82.259L51.496%2C82.259z%20M51.496%2C82.259%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M52.831%2C14.697h-5.662c-0.648%2C0-1.172%2C0.525-1.172%2C1.172c0%2C0.647%2C0.525%2C1.172%2C1.172%2C1.172h5.662%20c0.647%2C0%2C1.172-0.525%2C1.172-1.172C54.003%2C15.222%2C53.478%2C14.697%2C52.831%2C14.697L52.831%2C14.697z%20M52.831%2C14.697%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M47.169%2C33.462h5.662c0.647%2C0%2C1.172-0.524%2C1.172-1.172c0-0.647-0.525-1.172-1.172-1.172h-5.662%20c-0.648%2C0-1.172%2C0.525-1.172%2C1.172C45.997%2C32.938%2C46.522%2C33.462%2C47.169%2C33.462L47.169%2C33.462z%20M47.169%2C33.462%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M61.335%2C37.351h-22.67c-1.138%2C0-2.063%2C0.925-2.063%2C2.063v15.471c0%2C1.137%2C0.925%2C2.063%2C2.063%2C2.063h22.67%20c1.137%2C0%2C2.063-0.926%2C2.063-2.063V39.414C63.398%2C38.276%2C62.473%2C37.351%2C61.335%2C37.351L61.335%2C37.351z%20M59.971%2C39.695%20c-1.197%2C0.94-8.701%2C6.831-9.97%2C7.828c-0.227-0.178-7.253-5.695-9.971-7.828H59.971z%20M61.054%2C41.825v10.65l-6.783-5.325%20L61.054%2C41.825z%20M45.728%2C47.149l-6.783%2C5.325v-10.65L45.728%2C47.149z%20M40.029%2C54.603l7.596-5.964l1.119%2C0.878%20c0.739%2C0.58%2C1.772%2C0.58%2C2.512-0.001l1.117-0.877l7.597%2C5.964H40.029z%20M40.029%2C54.603%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M60.517%2C61.745H39.483c-0.648%2C0-1.172%2C0.524-1.172%2C1.172c0%2C0.647%2C0.524%2C1.172%2C1.172%2C1.172h21.033%20c0.648%2C0%2C1.172-0.525%2C1.172-1.172C61.689%2C62.269%2C61.164%2C61.745%2C60.517%2C61.745L60.517%2C61.745z%20M60.517%2C61.745%22%2F%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M60.517%2C67.068H39.483c-0.648%2C0-1.172%2C0.525-1.172%2C1.172c0%2C0.647%2C0.524%2C1.172%2C1.172%2C1.172h21.033%20c0.648%2C0%2C1.172-0.525%2C1.172-1.172C61.689%2C67.593%2C61.164%2C67.068%2C60.517%2C67.068L60.517%2C67.068z%20M60.517%2C67.068%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M47.265%2C10H33.639c-3.625%2C0-6.573%2C2.949-6.573%2C6.573v66.853c0%2C3.624%2C2.949%2C6.573%2C6.573%2C6.573h32.721%20c3.625%2C0%2C6.574-2.949%2C6.574-6.573V52.735c0-0.647-0.524-1.172-1.172-1.172c-0.648%2C0-1.172%2C0.525-1.172%2C1.172v30.692%20c0%2C2.332-1.898%2C4.229-4.23%2C4.229H33.639c-2.332%2C0-4.23-1.898-4.23-4.229V16.573c0-2.332%2C1.898-4.229%2C4.23-4.229h13.626%20c0.648%2C0%2C1.172-0.524%2C1.172-1.172C48.438%2C10.525%2C47.913%2C10%2C47.265%2C10L47.265%2C10z%20M47.265%2C10%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M72.934%2C16.573c0-3.625-2.948-6.573-6.574-6.573H52.735c-0.648%2C0-1.172%2C0.525-1.172%2C1.172%20c0%2C0.648%2C0.524%2C1.172%2C1.172%2C1.172h13.626c2.333%2C0%2C4.23%2C1.898%2C4.23%2C4.229v30.692c0%2C0.647%2C0.524%2C1.172%2C1.172%2C1.172%20c0.648%2C0%2C1.172-0.525%2C1.172-1.172V16.573z%20M72.934%2C16.573%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

ul.feature li.alarm em:before {
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M77.595%2C63.173c-2.02-0.001-3.113-1.016-3.776-3.504c-0.695-2.618-0.718-6.434-0.742-10.487%20c-0.03-4.926-0.064-10.51-1.293-15.52c-0.148-0.604-0.688-1.027-1.311-1.027c-0.107%2C0-0.217%2C0.014-0.322%2C0.039%20c-0.722%2C0.178-1.165%2C0.908-0.989%2C1.631c1.154%2C4.7%2C1.188%2C10.117%2C1.217%2C14.933c0.026%2C4.209%2C0.052%2C8.186%2C0.834%2C11.125%20c0.29%2C1.093%2C0.694%2C2.036%2C1.202%2C2.811H27.585c0.509-0.774%2C0.913-1.718%2C1.203-2.811c0.784-2.948%2C0.808-6.933%2C0.833-11.149%20c0.039-6.39%2C0.083-13.632%2C2.685-19.149c2.91-6.169%2C8.698-9.168%2C17.694-9.168c4.955%2C0%2C9.001%2C0.928%2C12.03%2C2.758%20c2.615%2C1.58%2C4.536%2C3.826%2C5.872%2C6.868c0.215%2C0.489%2C0.7%2C0.806%2C1.235%2C0.806c0.188%2C0%2C0.369-0.038%2C0.542-0.114%20c0.681-0.299%2C0.991-1.096%2C0.692-1.777c-1.545-3.519-3.883-6.241-6.947-8.092c-1.895-1.146-4.137-1.989-6.666-2.51%20C56.397%2C15.407%2C53.465%2C12.75%2C50%2C12.75c-3.467%2C0-6.398%2C2.657-6.757%2C6.085c-2.411%2C0.495-4.561%2C1.283-6.393%2C2.346%20c-3.047%2C1.766-5.396%2C4.367-6.984%2C7.732c-2.856%2C6.056-2.902%2C13.614-2.942%2C20.282c-0.024%2C4.042-0.047%2C7.859-0.743%2C10.474%20c-0.662%2C2.488-1.755%2C3.503-3.78%2C3.504c-3.691%2C0-6.693%2C3.003-6.693%2C6.694c0%2C3.69%2C3.002%2C6.693%2C6.693%2C6.693h6.957%20c0.744%2C0%2C1.349-0.605%2C1.349-1.349s-0.605-1.349-1.349-1.349h-6.957c-2.203%2C0-3.996-1.793-3.996-3.996s1.792-3.995%2C3.995-3.995H77.6%20c2.202%2C0%2C3.994%2C1.792%2C3.994%2C3.995s-1.792%2C3.996-3.995%2C3.996H33.753c-0.744%2C0-1.349%2C0.605-1.349%2C1.349s0.605%2C1.349%2C1.349%2C1.349%20h4.286C38.715%2C82.573%2C43.925%2C87.25%2C50%2C87.25c6.075%2C0%2C11.284-4.677%2C11.96-10.689h15.638c3.69%2C0%2C6.693-3.003%2C6.693-6.693%20C84.292%2C66.176%2C81.289%2C63.173%2C77.595%2C63.173z%20M50%2C15.448c1.829%2C0%2C3.432%2C1.223%2C3.936%2C2.954c-1.265-0.136-2.587-0.204-3.936-0.204%20c-1.354%2C0-2.676%2C0.068-3.936%2C0.203C46.568%2C16.671%2C48.171%2C15.448%2C50%2C15.448z%20M50%2C84.552c-4.654%2C0-8.579-3.416-9.241-7.991h18.482%20C58.579%2C81.136%2C54.655%2C84.552%2C50%2C84.552z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M67.524%2C20.115c0.02%2C0.011%2C1.938%2C1.111%2C3.823%2C3.653c2.546%2C3.43%2C3.837%2C7.72%2C3.837%2C12.752%20c0%2C0.743%2C0.605%2C1.349%2C1.349%2C1.349c0.744%2C0%2C1.35-0.605%2C1.35-1.349c0-7.071-2.418-11.77-4.446-14.466%20c-2.17-2.883-4.358-4.161-4.604-4.299c-0.198-0.109-0.423-0.168-0.648-0.168c-0.489%2C0-0.941%2C0.266-1.18%2C0.693%20C66.645%2C18.929%2C66.877%2C19.751%2C67.524%2C20.115z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M75.802%2C20.51c0.173%2C0.112%2C4.219%2C2.83%2C4.219%2C9.71c0%2C0.743%2C0.605%2C1.349%2C1.349%2C1.349s1.349-0.605%2C1.349-1.349%20c0-8.408-5.236-11.84-5.46-11.981c-0.216-0.138-0.466-0.21-0.721-0.21c-0.461%2C0-0.886%2C0.231-1.135%2C0.62%20C75.002%2C19.27%2C75.182%2C20.105%2C75.802%2C20.51z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M23.466%2C37.869c0.744%2C0%2C1.349-0.605%2C1.349-1.349c0-5.031%2C1.291-9.321%2C3.837-12.752%20c1.878-2.531%2C3.805-3.643%2C3.822-3.652c0.648-0.36%2C0.884-1.183%2C0.525-1.832c-0.239-0.43-0.692-0.696-1.183-0.696%20c-0.227%2C0-0.451%2C0.058-0.651%2C0.169c-0.242%2C0.135-2.422%2C1.403-4.601%2C4.298c-2.029%2C2.697-4.447%2C7.396-4.447%2C14.466%20C22.117%2C37.264%2C22.722%2C37.869%2C23.466%2C37.869z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M18.631%2C31.568c0.744%2C0%2C1.349-0.605%2C1.349-1.349c0-6.886%2C4.046-9.598%2C4.217-9.709%20c0.623-0.399%2C0.806-1.233%2C0.408-1.857c-0.249-0.392-0.675-0.625-1.139-0.625c-0.256%2C0-0.507%2C0.072-0.724%2C0.211%20c-0.223%2C0.142-5.46%2C3.565-5.46%2C11.98C17.282%2C30.963%2C17.887%2C31.568%2C18.631%2C31.568z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

ul.feature li.report em:before {
background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M87.483%2C18.247H76.544c1.046-0.814%2C1.72-2.084%2C1.72-3.509c0-2.452-1.995-4.447-4.447-4.447%20c-2.452%2C0-4.447%2C1.995-4.447%2C4.447c0%2C0.749%2C0.187%2C1.455%2C0.515%2C2.075l-1.567%2C1.434H46.815c-0.679-1.59-2.257-2.707-4.092-2.707%20c-1.835%2C0-3.414%2C1.117-4.092%2C2.707H14.517c-1.939%2C0-3.517%2C1.578-3.517%2C3.517v8.658c0%2C0.647%2C0.525%2C1.172%2C1.172%2C1.172%20c0.647%2C0%2C1.172-0.525%2C1.172-1.172v-8.658c0-0.646%2C0.526-1.172%2C1.172-1.172h23.801c0.062%2C0.449%2C0.189%2C0.877%2C0.375%2C1.274%20l-9.887%2C8.957c-0.699-0.457-1.533-0.724-2.428-0.724c-2.452%2C0-4.447%2C1.995-4.447%2C4.447s1.995%2C4.447%2C4.447%2C4.447%20s4.447-1.995%2C4.447-4.447c0-0.707-0.167-1.376-0.461-1.97l9.847-8.921c0.715%2C0.491%2C1.58%2C0.78%2C2.512%2C0.78%20c1.259%2C0%2C2.396-0.526%2C3.206-1.37l7.983%2C4.742c-0.058%2C0.286-0.089%2C0.582-0.089%2C0.885c0%2C2.452%2C1.995%2C4.447%2C4.447%2C4.447%20s4.447-1.995%2C4.447-4.447c0-0.638-0.136-1.244-0.379-1.793l6.891-6.306h18.254c0.646%2C0%2C1.172%2C0.526%2C1.172%2C1.172V50.73%20c0%2C0.648%2C0.525%2C1.172%2C1.172%2C1.172S91%2C51.378%2C91%2C50.73V21.764C91%2C19.824%2C89.422%2C18.247%2C87.483%2C18.247z%20M26.377%2C36.647%20c-1.159%2C0-2.103-0.943-2.103-2.103c0-1.159%2C0.943-2.103%2C2.103-2.103c1.159%2C0%2C2.103%2C0.943%2C2.103%2C2.103%20C28.48%2C35.704%2C27.537%2C36.647%2C26.377%2C36.647z%20M42.722%2C22.089c-1.159%2C0-2.103-0.943-2.103-2.103s0.943-2.103%2C2.103-2.103%20c1.159%2C0%2C2.103%2C0.943%2C2.103%2C2.103C44.825%2C21.146%2C43.882%2C22.089%2C42.722%2C22.089z%20M58.27%2C30.793c-1.159%2C0-2.103-0.943-2.103-2.103%20c0-1.159%2C0.943-2.103%2C2.103-2.103c1.159%2C0%2C2.103%2C0.943%2C2.103%2C2.103S59.429%2C30.793%2C58.27%2C30.793z%20M60.855%2C25.075%20c-0.729-0.523-1.622-0.832-2.586-0.832c-1.306%2C0-2.482%2C0.566-3.297%2C1.466l-7.922-4.705c0.032-0.135%2C0.058-0.273%2C0.077-0.412h18.629%20L60.855%2C25.075z%20M73.817%2C16.84c-1.159%2C0-2.103-0.943-2.103-2.103s0.943-2.103%2C2.103-2.103c1.159%2C0%2C2.103%2C0.943%2C2.103%2C2.103%20C75.92%2C15.897%2C74.977%2C16.84%2C73.817%2C16.84z%22%2F%3E%20%3Cpath%20fill%3D%22%232699D2%22%20d%3D%22M89.827%2C54.247c-0.647%2C0-1.172%2C0.525-1.172%2C1.172v8.819h-8.631v-27.77v-4.784v-4.851%20c0-0.648-0.525-1.172-1.172-1.172h-8.819c-0.647%2C0-1.172%2C0.525-1.172%2C1.172v4.851v4.784v27.77h-4.384V58.27v-4.784v-4.851%20c0-0.648-0.525-1.172-1.172-1.172h-8.819c-0.647%2C0-1.172%2C0.525-1.172%2C1.172v4.851v4.784v5.968h-4.384v-21.1v-4.784v-4.851%20c0-0.648-0.525-1.172-1.172-1.172h-8.819c-0.647%2C0-1.172%2C0.525-1.172%2C1.172v4.851v4.784v6.56c0%2C0.648%2C0.525%2C1.172%2C1.172%2C1.172%20c0.647%2C0%2C1.172-0.525%2C1.172-1.172v-5.388h6.474v19.928H40.11v-9.851c0-0.648-0.525-1.172-1.172-1.172%20c-0.647%2C0-1.172%2C0.525-1.172%2C1.172v9.851h-4.384V58.27v-4.784v-4.851c0-0.648-0.525-1.172-1.172-1.172h-8.819%20c-0.647%2C0-1.172%2C0.525-1.172%2C1.172v4.851v4.784v5.968h-8.874V35.11c0-0.648-0.525-1.172-1.172-1.172%20c-0.647%2C0-1.172%2C0.525-1.172%2C1.172v38.8c0%2C0.008%2C0-0.008%2C0%2C0c0%2C0.007%2C0-0.008%2C0%2C0l0%2C0c0%2C1.939%2C1.578%2C3.517%2C3.517%2C3.517h25.675%20l-0.669%2C5.825h-5.566c-0.647%2C0-1.172%2C0.525-1.172%2C1.172v4.114c0%2C0.648%2C0.525%2C1.172%2C1.172%2C1.172h34.085%20c0.647%2C0%2C1.172-0.525%2C1.172-1.172v-4.114c0-0.648-0.525-1.172-1.172-1.172h-5.566l-0.669-5.825h25.675%20c1.939%2C0%2C3.517-1.578%2C3.517-3.517l0%2C0c0-0.008-0.001-8.469-0.001-8.476c0-0.007%2C0.001-0.015%2C0.001-0.023V55.42%20C91%2C54.772%2C90.475%2C54.247%2C89.827%2C54.247z%20M46.584%2C34.675v2.506H40.11v-2.506H46.584z%20M40.11%2C41.966v-2.44h6.474v2.44H40.11z%20M71.205%2C32.857h6.474v2.44h-6.474V32.857z%20M77.68%2C28.006v2.506h-6.474v-2.506H77.68z%20M71.205%2C37.641h6.474v26.598h-6.474V37.641z%20M55.658%2C54.658h6.474v2.44h-6.474V54.658z%20M62.132%2C49.808v2.506h-6.474v-2.506H62.132z%20M55.658%2C59.443h6.474v4.796h-6.474V59.443z%20M24.563%2C54.658h6.474v2.44h-6.474V54.658z%20M31.037%2C49.808v2.506h-6.474v-2.506H31.037z%20M24.563%2C59.443h6.474v4.796h-6.474V59.443z%20M66.87%2C85.596v1.769H35.13v-1.769l0%2C0H66.87L66.87%2C85.596z%20M41.883%2C83.251l0.669-5.825h16.896l0.669%2C5.825H41.883z%20M88.655%2C73.91%20c0%2C0.646-0.526%2C1.172-1.172%2C1.172l0%2C0H14.517l0%2C0c-0.646%2C0-1.172-0.526-1.172-1.172v-7.282h75.311L88.655%2C73.91L88.655%2C73.91z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}


/* ==================================================
	= Media Queries
================================================== */

/* 480px未満 */
@media only screen and (max-width: 479px) {

  .default, .spPortrait, .spLandscape568, .spLandscape667, .tablet, .pc {display: none;}
  .default {display: block;}

}

/* 480px以上 */
/* スマホ */
@media only screen and (min-width: 480px) {

  .default, .spPortrait, .spLandscape568, .spLandscape667, .tablet, .pc {display: none;}
  .spPortrait {display: block;}

    .headerWrapper header nav ul li.inquiry a {
        font-size: 12px; 
        padding: 0 10px; 
        display: block; 
    }

    .headerWrapper header nav ul li {
        margin: 0 20px 0 0;
    }

    .headerWrapper header nav ul li a {
        font-size: 14px; 
    }

    /* ==================================================
        = RoomLead
    ================================================== */
    .roomMonitorWrapper {
      height: 455px; 
    }



  .CiscoSparkIcon ul li,
  .CiscoSparkIcon ul li:nth-of-type(1n) {
   float: left; 
   display: inline-block; 
   font-size: 13px; 
   color: #fff; 
   width: -webkit-calc((100% - 1px) / 4);
   width: -moz-calc((100% - 1px) / 4);
   width: calc((100% - 1px) / 4);
   text-align: center; 
   padding: 10px; 
  
  }
  
  .CiscoSparkIcon ul li:nth-of-type(n + 5) {
   width: -webkit-calc((100% - 1px) / 3);
   width: -moz-calc((100% - 1px) / 3);
   width: calc((100% - 1px) / 3);
  }


}

/* 568px以上 */
/* タブレット */
@media only screen and (min-width: 568px) {

  .default, .spPortrait, .spLandscape568, .spLandscape667, .tablet, .pc {display: none;}
  .spLandscape568 {display: block;}

    .headerWrapper header nav ul li {
        margin: 0 30px 0 0;
    }

    .headerWrapper header nav ul li a {
        font-size: 16px; 
    }

    /* ==================================================
        = RoomLead
    ================================================== */
    .roomMonitorWrapper {
      height: 510px; 
    }

}


/* 660px以上 */
/* タブレット */
@media only screen and (min-width: 660px) {

  section > .contents ul.roomMonitor {
      width: 508px; 
  }

}


/* 667px以上 */
/* タブレット */
@media only screen and (min-width: 667px) {

  .default, .spPortrait, .spLandscape568, .spLandscape667, .tablet, .pc {display: none;}
  .spLandscape667 {display: block;}

    /* 2コラム */
    section > .contents > .col2 {
    
    }

    section > .contents > .col2 li {
    width: -webkit-calc((100% - 10px) / 2);
    width: -moz-calc((100% - 10px) / 2);  
    width: calc((100% - 10px) / 2); 
    margin: 0 10px 0 0;
    }

  section > .contents > .col2 li:last-child {
    margin: 0 0 0 0;
  }

  /* 3コラム */
  section > .contents > .col3 {

  }
  
  section > .contents > .col3 li {
    width: -webkit-calc((100% - 21px) / 3);
    width: -moz-calc((100% - 21px) / 3);  
    width: calc((100% - 21px) / 3); 
    margin: 0 10px 0 0;
  }

  section > .contents > .col3 li:last-child {
    margin: 0 0 0 0;
  }

    .index section > .contents .col3 h2 {
        font-size: 18px; 
    }
    
    .index section > .contents .col3 h2 span {
        display: block; 
    }

  
  

    /* ==================================================
        = インデックス
    ================================================== */
    .introduction {
      font-size: 16px; 
    }

    /* ==================================================
        = roomlead
    ================================================== */

    .roomMonitorWrapper {
      height: 520px; 
    }

    .roonleadOverviewBlock dl.roomleadMonitor dt {
        position: relative; 
        width: 80%; 
        margin: 0 10%;
    }


    /* ==================================================
        = Swift
    ================================================== */
    
    .Swift ul.col4 li,
    .Swift ul.col4 li:nth-of-type(1n){
        width: -webkit-calc((100% - 20px) / 3);
       width: -moz-calc((100% - 20px) / 3);  
       width: calc((100% - 20px) / 3); 
       margin: 0 10px 10px 0;
    }
    
    .Swift ul.col4 li:nth-of-type(3n) {
        margin-right: 0;
    }

    /* ==================================================
        = 問い合わせフォーム
    ================================================== */
    section.form .innerSection dl dd {
        width: -webkit-calc(100% - 200px);
        width: -moz-calc(100% - 200px);
        width: calc(100% - 200px);
    }

}

/* 768px以上 */
/* タブレット */
@media only screen and (min-width: 768px) {

  .default, .spPortrait, .spLandscape568, .spLandscape667, .tablet, .pc {display: none;}
  .tablet {display: block;}

    article > header h1 {
        font-size: 44px; 
        font-weight: 100; 
    }

    /* ==================================================
        = コンテンツ共通
    ================================================== */
    section > .contents .leadCopy p {
        font-size: 18px;
    }

    /* ==================================================
        = インデックス
    ================================================== */
    .introduction {
       font-size: 18px; 
    }

    /* ==================================================
    = roomlead
    ================================================== */

/* 見出し */
    body.roomLead .section h1 {
        font-size: 32px;
        font-weight: 300;
    }

    body.roomLead .section h1 small {
        font-size:24px; 
    }

    .roomLeadFeature ul li {
        width: -webkit-calc((100% - 81px) / 3);
        width: -moz-calc((100% - 81px) / 3);  
        width: calc((100% - 81px) / 3); 
        margin: 0 40px 0 0;
    }

    .roonleadOverviewBlock dl.roomleadMonitor dt {
        position: relative; 
        width: 640px; 
        margin: 0 auto;
    }


    section > .contents .togetherWithSP ul {
        max-width: 640px; 
        width: 70%;
    }

    .togetherWithSP .phoneScreen {
        max-width: 640px; 
        width: 70%;
    }
    
    .togetherWithSP .phoneScreen > div {
        width: -webkit-calc((100% - 60px) / 2);
        width: -moz-calc((100% - 60px) / 2);  
        width: calc((100% - 60px) / 2); 
        margin-right: 60px;
    }


    /* roomleadモニタ */
    .roonleadOverviewBlock dl.roomleadMonitor dd {
        display: block; 
        font-size: 14px; 
    }
    
    .roonleadOverviewBlock dl.roomleadMonitor dd.point1, 
    .roonleadOverviewBlock dl.roomleadMonitor dd.point2, 
    .roonleadOverviewBlock dl.roomleadMonitor dd.point3 {
        left: 0px; 
       
    }
    
    .roonleadOverviewBlock dl.roomleadMonitor dd.point4,
    .roonleadOverviewBlock dl.roomleadMonitor dd.point5 {
        right: 0px; 
        height: auto; 
        width: auto; 
    }

    .roonleadOverviewBlock dl.roomleadMonitor dd.point4 em,
    .roonleadOverviewBlock dl.roomleadMonitor dd.point5 em {
        display: none; 
    }
    
    .scene ul li {
        width: -webkit-calc((100% - 60px) / 3);
       width: -moz-calc((100% - 60px) / 3);  
       width: calc((100% - 60px) / 3); 
        margin: 20px 30px -20px 0;
    }

    .scene ul li h2 {
        font-size: 16px; 
    }

    .scene ul li span {
        font-size: 14px; 
    }


  /* phoneCheckIn */
  .phoneCheckIn {
      max-width: 640px; 
      width: 80%;
  }
  
  .phoneCheckIn > div {
      width: -webkit-calc((100% - 60px) / 2);
      width: -moz-calc((100% - 60px) / 2);  
      width: calc((100% - 60px) / 2); 
      margin-right: 60px;
  }


    /* ==================================================
        = ラインナップ
    ================================================== */
    
    ul.lineup li {
        float: left; 
        width: -webkit-calc((100% - 40.1px) / 2);
        width: -moz-calc((100% - 40.1px) / 2);  
        width: calc((100% - 40.1px) / 2); 
        margin: 0 40px 0 0;
    }
    
    
    ul.feature li,
    ul.feature li:nth-of-type(1n) {
        width: -webkit-calc((100% - 60px) / 3);
        width: -moz-calc((100% - 60px) / 3);  
        width: calc((100% - 60px) / 3); 
        margin: 0 30px 30px 0;
    }

    ul.feature li:nth-of-type(3n) {
        margin: 0 0 30px 0;
    }

}

/* 1000px以上 */
/* タブレット */
@media only screen and (min-width: 1000px) {

  .default, .spPortrait, .spLandscape568, .spLandscape667, .tablet, .pc {display: none;}
  .pc {display: block;}

  /* ==================================================
   = ヘッダー
  ================================================== */
  .headerWrapper header .headerTitleArea {
    height: 80px; 
  }

  .headerWrapper header .headerTitleArea .headerTitle {
    padding: 0 0; 
  }

  .headerWrapper header .headerTitleArea .headerTitle h1 a {
    margin: 15px 0;
    width: 240px; 
    height: 50px; 
    background-size: 240px 50px;
    -moz-background-size: 240px 50px;
    -webkit-background-size: 240px 50px;
    -o-background-size: 240px 50px;
    -ms-background-size: 240px 50px;
  }

  .headerWrapper header .headerTitleArea .headerTitle .logo a {
    margin: 15px 0;
    width: 156px; 
    height: 50px; 
    background-size: 156px 50px;
    -moz-background-size: 156px 50px;
    -webkit-background-size: 156px 50px;
    -o-background-size: 156px 50px;
    -ms-background-size: 156px 50px;
  }

  .headerWrapper header nav {
    height: 60px; 
  }

  .headerWrapper header nav ul li {
   margin: 0 30px 0 0;
  }

  .headerWrapper header nav ul li a {
   height: 60px; 
   line-height: 60px; 
  }

  .headerWrapper header nav ul li.inquiry a {
    margin: 16px 0;
  }


  /* ==================================================
   = インデックス
  ================================================== */

    .introduction {
       font-size: 18px; 
    }
    
    /* ==================================================
        = 問い合わせフォーム
    ================================================== */
    section.form .innerSection dl dd.subjectItem label {
        float: left; 
        width: -webkit-calc((100% - 20px) / 2);
       width: -moz-calc((100% - 20px) / 2);  
       width: calc((100% - 20px) / 2); 
        margin: 0 20px 0 0;
    }
    
    section.form .innerSection dl dd.subjectItem label:nth-of-type(2n) {
        margin-right: 0;
    }
    
    section.form .innerSection dl dd.subjectItem label.wide {
        width: 100%; 
        margin: 0 0 0 0;
    }
    
    section.form .innerSection dl dd.subjectItem label.wide span {
        padding: 0 0 0 0; 
        display: inline; 
    }

  /* ==================================================
   = コンテンツ共通
  ================================================== */

  section > .contents h2 {
   font-size: 20px; 
   /* margin: 0 0 1em 0; */
  }

  .introduction {
    padding: 0 0; 
  }
  
  
  /* 3コラム */
  section > .contents > .col3 li {
    width: -webkit-calc((100% - 61px) / 3);
    width: -moz-calc((100% - 61px) / 3);  
    width: calc((100% - 61px) / 3); 
    margin: 0 30px 0 0;
  }

  section > .contents > .col3 li:last-child {
    margin: 0 0 0 0;
  }

    .index section > .contents .col3 h2 span {
        display: inline-block; 
        font-size: 18px; 
    }
  
  /* 4コラム */
  .col4 li,
  .col4 li:nth-of-type(1n) {
     width: -webkit-calc((100% - 30px) / 4);
     width: -moz-calc((100% - 30px) / 4);  
     width: calc((100% - 30px) / 4); 
     margin: 0 10px 10px 0;
  }
  
  .col4 li:nth-of-type(4n) {
      margin-right: 0;
  }
  
  .col4 li:last-child {
   
  }
  
  /* ==================================================
	= roomlead
================================================== */
    body.roomLead .section h1 {
        font-size: 40px;
        font-weight: 100;
    }

    .roomLeadFeature ul li {
        width: -webkit-calc((100% - 81px) / 3);
        width: -moz-calc((100% - 81px) / 3);  
        width: calc((100% - 81px) / 3); 
        margin: 0 40px 0 0;
    }

    .roomMonitorWrapper {
      height: 530px; 
    }

    .roonleadOverviewBlock dl.roomleadMonitor dt {
        position: relative; 
        width: 64%; 
        margin: 0 18%;
    }

    .statusBlock .status ul li {
        float: left; 
        width: -webkit-calc((100% - 120px) / 3);
        width: -moz-calc((100% - 120px) / 3);  
        width: calc((100% - 120px) / 3); 
        margin: 0 60px 0 0;
    }

    /* roomleadモニタ */
    .roonleadOverviewBlock dl.roomleadMonitor dd {
        display: block; 
        font-size: 16px; 
    }

    .roonleadOverviewBlock dl.roomleadMonitor dd.point4 em,
    .roonleadOverviewBlock dl.roomleadMonitor dd.point5 em {
        display: block; 
    }


    .roonleadOverviewBlock dl.roomleadMonitor dd.point1 {
        top: 40px; 
        left: 135px; 
    }
    
    .roonleadOverviewBlock dl.roomleadMonitor dd.point2 {
        top: 155px; 
        left: 54px; 
    }
    
    
    .roonleadOverviewBlock dl.roomleadMonitor dd.point3 {
        top: 335px; 
        left: 88px; 
    }
    
    .roonleadOverviewBlock dl.roomleadMonitor dd.point4 {
        top: 160px; 
        width: 200px; 
        right: 40px; 
        height: 4.5em; 
    }
    
    .roonleadOverviewBlock dl.roomleadMonitor dd.point5 {
        top: 275px; 
        width: 200px; 
        right: 40px; 
        height: 5.5em; 
    }

    .roonleadOverviewBlock dl.roomleadMonitor dd.point6 {

        width: 270px; 
        right: 40px; 
    }

  /* ==================================================
   = CiscoSpark
  ================================================== */
  
  .CiscoSparkIcon ul li,
  .CiscoSparkIcon ul li:nth-of-type(1n) {
   width: -webkit-calc((100% - 1px) / 7);
   width: -moz-calc((100% - 1px) / 7);
   width: calc((100% - 1px) / 7);
  }


    /* ==================================================
        = Swift
    ================================================== */

    section > .contents > .col2 li {
    width: -webkit-calc((100% - 40px) / 2);
    width: -moz-calc((100% - 40px) / 2);  
    width: calc((100% - 40px) / 2); 
    margin: 0 40px 0 0;
    }

    .Swift ul.col4 li,
    .Swift ul.col4 li:nth-of-type(1n){
        width: -webkit-calc((100% - 30px) / 4);
       width: -moz-calc((100% - 30px) / 4);  
       width: calc((100% - 30px) / 4); 
       margin: 0 10px 10px 0;
    }
    
    .Swift ul.col4 li:nth-of-type(4n) {
        margin-right: 0;
    }

}