/*

Theme Name: innto-pc

Theme URI: http://innto.jp

Version: 1

Author: andfactory

Author URI: http://andfactory.co.jp

*/



.container {

    width: 1200px;

    margin-right: auto;

    margin-left: auto;

}

.container-small {

    width: 1080px;

    margin-right: auto;

    margin-left: auto;

    padding: 0;

}

.nopadding {padding: 0;}

.pl-nopadding {padding-left: 0;}

.pr-nopadding {padding-right: 0;}

.mb-none {margin-bottom: 0;}

.ma-auto {margin:auto;}

.mt-small {margin-top: 15px}

.mt-medium {margin-top: 30px;}

.mt-large {margin-top:45px;}

.mt-minus-medium {margin-top: -30px;}

.mt-minus-large {margin-top: -45px;}

.mb-small {margin-bottom: 15px;}

.mb-medium {margin-bottom: 30px;}

.mb-large {margin-bottom: 45px;}

.mb-none {margin-bottom: 0;}

.ml-small {margin-left: 15px;}

.ml-medium {margin-left: 30px;}

.ml-large {margin-left: 45px;}

.mr-small {margin-right: 15px;}

.mr-medium {margin-right: 30px;}

.mr-large {margin-right: 45px;}

.pt-small {padding-top: 15px;}

.pt-medium {padding-top: 30px;}

.pt-large {padding-top: 45px;}

.pb-small {padding-bottom: 15px;}

.pb-medium {padding-bottom: 30px;}

.pb-large {padding-bottom: 45px;}

.pl-small {padding-left: 10px;}

.pr-small {padding-right: 10px;}

.pl-medium {padding-left: 30px;}

.pr-medium {padding-right: 30px;}

.pl-large {padding-left: 45px;}

.pr-large {padding-right: 45px;}



.bg-black {background: #1D2531;}

.bg-darkgray {background: #354052;}

.bg-gray {background: #EBEEEF;}

.bg-bluegray {background: #F6F9FA;}

.bg-blue {background: #1A91EB;}

.bg-light-blue {background: #01AEEF;}

.bg-bluegradient {background: linear-gradient(180deg,#38C4F7,#1A91EB);}

.bg-white {background: #fff;}

.facebook {background: #3b5998;}

.twitter {background: #1DA1F2;}

.pintarest {background: #bd081c;}

.line {background: #00b900;}

.hatena {background: #008fde;}

.white {color: #fff;}

.black {color: #354052;}

.gray {color: #7F8FA4;}

.blue {color: #1A91EB;}



.light-blue {color: #6c9ed0;}

.border-blue {border: 3px solid #0d3e7b;}

.hr-top {border-top: 1px solid #EBEEEF;}

.hr-bottom {border-bottom: 1px solid #EBEEEF;}

.hr-left {border-left: 1px solid #EBEEEF;}

.hr-right {border-right: 1px solid #EBEEEF;}

.img-responsive {width: 100%;height: auto;}

.relative {position: relative;}

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

.text-right {text-align: right;}

.text-justfy {text-align: justify;}



.text-title {font-size: 21px; line-height: 1.5;}

.text-large {font-size: 18px; line-height: 1.5;}

.text-small {font-size: 12px; line-height: 1.5;}

.bold {font-weight: bold;}

.normal {font-weight: normal;}

.lineheight-large {line-height: 1.8;}

.content-center {text-align: center;}

.content-center > * {text-align: center;margin-left: auto!important;margin-right: auto!important;}

.none {display: none;}.is-active {display: block;}.sp{display: none;}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clearfix:before, .clearfix:after { display: table; content: ''; }.clearfix:after { clear: both; }

img {max-width: 100%;height: auto;display: block;border:none;}img.inline {display: inline-block;}

.icons {}

.icon-12 {margin-bottom: -2px;margin-right:0px;}.icon-16 {margin-bottom: -5px;margin-right:0px;}.icon-24 {width:24px;height:24px;margin-bottom:-6px;margin-right:8px;}.icon-36 {width:36px;height:36px;margin-bottom:-8px;margin-right:8px;}

.ic-reservation-blue {content: url(./images/ic_reservation_blue.svg);}

.ic-schedule-blue {content: url(./images/ic_schedule_blue.svg);}

.ic-room-blue {content: url(./images/ic_room_blue.svg);}

.ic-guest-blue {content: url(./images/ic_guest_blue.svg);}

.ic-report-blue {content: url(./images/ic_report_blue.svg);}

.ic-regi-blue {content: url(./images/ic_regi_blue.svg);}



ul{padding:0;margin:0;}li{list-style: none;}

a, a:hover {text-decoration:none;cursor: pointer!important;}a {color: #1A91EB;}a:hover {color: #1166A5;-webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

button {border:none;padding: 0;}.block {display: block;}button:focus {outline: 0;border: none;}

h1, .h1, h2, .h2, h3, .h3, h4, h5 {margin: 0;padding: 0;line-height: 1.4;}p {margin: 0 0 16px;}

body {

	color: #354052;

	font-size: 15px;

	line-height: 1.7;

	letter-spacing: 0.5px;

	position: relative;

	font-family: 'Noto Sans Japanese',sans-serif;

	overflow-x: hidden;

}

html,main{overflow-x: hidden;}

h1 {font-size: 30px;}

h2 {font-size: 27px;}

h3 {font-size: 20px;}

.shadow-01dp {

    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.14);

}

.shadow-02dp {

    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.14), 0 3px 4px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);

}

.shadow--02dp {

    box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.14), 0 -1px 2px 0 rgba(0,0,0,0.1);

}

.shadow-16dp {

    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px 0 rgba(0,0,0,0.2);

}

.text-shadow {

    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);

}





/* =========================================== Buttons */

.btn-contact {

	background: linear-gradient(-60deg,#FFE78C,#FF7693);

	color: #fff;

	background-size: 150% 150%;

}

.btn-blank {

	background: linear-gradient(-60deg,#65B7FF,#23E8DE);

	color: #fff;

	background-size: 150% 150%;

}

.btn-contact:hover,

.btn-blank:hover {

	animation: btngradient 2s ease infinite;

}

@keyframes btngradient {

    0%{background-position:0% 50%}

    50%{background-position:100% 50%}

    100%{background-position:0% 50%}

}

.btn-large {

	display: block;

	width: 100%;

	padding: 14px 0 12px;

	font-weight: bold;

	border-radius: 3px;

}

.btn-medium {

	display: inline-block;

	padding: 14px 30px 13px 33px;

	font-weight: bold;

	border-radius: 3px;

}

.btn.shadow:hover {

    box-shadow: none;

}

.btn-orage-square {

    display: block;

    border-radius: 3px;

    color: #2A3547;

    background: #FECF39;

    font-weight: bold;

    font-size: 18px;

    padding: 14px 30px 13px 33px;

    text-align: center;

}

.btn-orage-square:hover {

    background: #eac03a;

    color: #2A3547;

}

.btn-green-square {

    display: block;

    border-radius: 3px;

    color: #fff;

    background: #1BB934;

    font-weight: bold;

    font-size: 18px;

    padding: 14px 30px 13px 33px;

    text-align: center;

}

.btn-green-square:hover {

    background: #1BB934;

}

.btn-blue-square {

    display: block;

    border-radius: 3px;

    color: #fff;

    background: #1A91EB;

    font-weight: bold;

    font-size: 18px;

    padding: 14px 30px 13px 33px;

    text-align: center;

}

.btn-blue-square:hover {

    background: #1A91EB;

}

.btn-gray-square {

    display: block;

    border-radius: 3px;

    color: #fff;

    background: #7F8FA4;

    font-weight: bold;

    font-size: 18px;

    padding: 14px 30px 13px 33px;

    text-align: center;

}

.btn-gray-square:hover {

    background: #7F8FA4;

}

.btn-blue-ellipse {

    display: block;

    border-radius: 31px;

    border: 1px solid #1A91EB;

    color: #1A91EB;

    font-weight: bold;

    font-size: 18px;

    padding: 14px 30px 13px 33px;

    text-align: center;

}

.btn-blue-ellipse:hover {

    background: #1A91EB;

    color: #fff;

}

.btn-green-ellipse {

    display: block;

    border-radius: 31px;

    border: 1px solid #1BB934;

    color: #1BB934;

    font-weight: bold;

    font-size: 18px;

    padding: 14px 30px 13px 33px;

    text-align: center;

}

.btn-green-ellipse:hover {

    background: #1BB934;

    color: #fff;

}

.btn-white-ellipse {

    display: block;

    border-radius: 31px;

    border: 1px solid #fff;

    color: #fff;

    font-weight: bold;

    font-size: 18px;

    padding: 14px 30px 13px 33px;

    text-align: center;

}

.btn-white-ellipse:hover {

    background: #fff;

    color: #1A91EB;

}

.btn-purple-ellipse {

    display: block;

    border-radius: 31px;

    border: 1px solid #8261E6;

    background: #8261E6;

    color: #fff;

    font-weight: bold;

    font-size: 18px;

    padding: 14px 30px 13px 33px;

    text-align: center;

}

.btn-purple-ellipse:hover {

    color: #8261E6;

    background: #fff;

}

.btn-red-ellipse {

    display: block;

    border-radius: 31px;

    border: 1px solid #FE4948;

    background: #fff;

    color: #FE4948;

    font-weight: bold;

    font-size: 18px;

    padding: 14px 30px 13px 33px;

    text-align: center;

}

.btn-red-ellipse:hover {

    color: #fff;

    background: #FE4948;

}

.btn:hover {

    cursor: pointer;

}



/* =========================================== Navigation */

nav {

    background: #fff;

    width: 100%;

    height: 60px;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 999;

    min-width: 1200px;

}

nav ul.logo-area {

	float: left;

}

nav ul.menu-area {

    float: right;

}

nav ul li {

    float: left;

}

nav ul.menu-area li {

    margin-top: 6px;

    margin-right: 10px;

}

nav ul.menu-area li:last-child {

    margin-left: 8px;

    margin-right: 6px;

}

nav ul.menu-area li a {

    display: block;

    font-size: 16px;

    color: #354052;

    font-weight: bold;

    padding: 11px 18px 10px;

    border-radius: 3px;

}

nav ul.menu-area li a:hover,

nav ul.menu-area li a.is-active {

    background: #F6F9FA;

    color: #1A91EB;

}

#global.front {

    display: none;

    position: relative;

    z-index: 999;

}

#global .logo-mark img {

    width: 60px;

    height: 60px;

}

#global .logo {

    padding-top: 12px;

    padding-left: 16px;

}

#global .logo img {

    height: auto;

    width: 88px;

}



/* =========================================== hero-image */

#hero-image {

    padding-top: 90px;

}

#hero-image header {

    height: 600px;

    position: relative;

    z-index: 3;

}

#hero-image .percepective {

    position: absolute;

    top: -80px;

    right: -60px;

    z-index: 3;

    width: 840px;

}

#hero-image .renkei {

    position: absolute;

    right: 0;

    z-index: 12;

    bottom: -20px;

    height: 170px;

    box-shadow: -2px -2px 3px rgba(0,0,0,0.24);

    background: #fff;

    border-radius: 4px;

}

#hero-image .renkei img {

    height: 170px;

    width: auto;

}

#hero-image .gooddesign {

    position: absolute;

    z-index: 3;

    background: #fff;

    width: 171px;

    bottom: -20px;

    right: 465px;

    border-radius: 4px;

    box-shadow: -2px -2px 3px rgba(0,0,0,0.24);

    padding: 5px;

}

#hero-image .for {

    position: absolute;

    bottom: 80px;

    right: -80px;

    z-index: 3;

    height: 70px;

}

#hero-image .for img {

    height: 70px;

    width: auto;

}

.for-text {

    background: #FE4948;

    color: #fff;

    padding: 8px 30px 7px;

    font-weight: bold;

    border-radius: 2px;

    display: inline-block;

    margin: 30px 0 10px;

    font-size: 15px;

}

#hero-image.page {

    position: relative;

    height: 240px;

    overflow: hidden;

    padding-top: 0px;

}

#hero-image.page header {

    height: 240px;

}

#hero-image header h1 {

    font-size: 34px;

}

#hero-image.page header h1 {

    padding: 30px 0 0;

    line-height: 240px;

    text-align: center;

    font-size: 30px;

}

#hero-image header h1 span {

    font-size: 45px;

    padding: 0 5px;

}

#hero-image header h1 span.pms {

    font-size: 38px;

    padding-top: 5px;

    display: inline-block;

}

#hero-image.page .slash {

    position: absolute;

    right: -25%;

    top: -48px;

    width: 100%;

    z-index: 0;

    min-width: 1480px;

}



/* =========================================== hero-image */

#video section {

    position: relative;

    z-index: 2;

}

.system {

    position: relative;

    width: 100%;

    border-radius: 8px;

    margin: auto;

    height: 320px;

    overflow: hidden;

    margin-top: 60px;

    margin-bottom: 30px;

    /*background-image: url(./images/system.png);

    background-size: cover;

    background-position: center;*/

    border: 3px solid transparent;

}

.system:before {

    content:'';

    display: block;

    background-color:rgba(29,37,49,0.75);

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 1;

}

#video .btn {

    position: absolute;

    width: 50%;

    top: 66%;

    left: 0;

    right: 0;

    height: auto;

    margin: auto;

    z-index: 2;

    border-radius: 3px;

}

#video .btn img {

    display: inline-block;

    height: 24px;

    padding-right: 8px;

    margin-top: -3px;

}

#video .btn.btn-purple-ellipse:hover {

    color: #fff;

    background: #1A91EB;

    border-color: #1A91EB;

}

#video img.video-play {

    position: absolute;

    top: 70px;

    z-index: 2;

    left: 0;

    right: 0;

    margin: auto;

    width: 100px;

    transition: all 0.2s ease-in;

}

#video video#pms {

    width:100%;

    margin-top:-20px

}

#video .system:hover {

    border: 3px solid #fff;

    box-shadow: 2px 2px 3px rgba(0,0,0,0.24);

    cursor: pointer;

}

#video .system:hover:before {

    /*background: rgba(254,207,57,0.5);*/

    background-color:rgba(29,37,49,0.6);

}

#video .system:hover img.video-play {

    transform: scale(1.2);

    transition: all 0.2s ease-in;

}

/*#feature ul li {

    padding: 20px 0 20px 80px;

    position: relative;

    border-bottom: 1px solid #EBEEEF;

}

#feature ul li:before {

    content:'';

    display: block;

    width: 64px;

    height: 64px;

    position: absolute;

    left: 0;

}

#feature ul li:nth-child(1):before {

    content: url('./images/ic_star_rate.svg');

    display: block;

}

#feature ul li:nth-child(2):before {

    content: url('./images/ic_cloud.svg');

    display: block;

}

#feature ul li:nth-child(3):before {

    content: url('./images/ic_coin.svg');

    display: block;

}

#feature ul li:last-child {

    border-bottom: none;

}*/

#video .slash {

    position: absolute;

    left: 0;

    top: -48px;

    width: 100%;

    z-index: 0;

    min-width: 1480px;

}





#feature .feature01,

#feature .feature02,

#feature .feature03 {

    min-width: 1200px;

}

#feature .feature01 .feature-photo {

    background-image: url('./images/ui.png');

}

#feature .feature02 .feature-photo {

    background-image: url('./images/any.png');

    background-position: right;

}

#feature .feature03 .feature-photo {

    background-image: url('./images/save.png');

}

#feature .feature-photo {

    height: 400px;

    background-size: contain;

    background-repeat: no-repeat;

}



#feature .feature-text {

    padding: 20px 0 20px 80px;

    font-weight: bold;

}

#feature .feature01 .feature-text,

#feature .feature03 .feature-text {

    position: absolute;

    left: 50%;

    top: 35%;

    bottom: 0;

    right: 0;

    margin: auto;

}

#feature .feature02 .feature-text {

    position: absolute;

    left: 15%;

    top: 35%;

}

#feature .feature-text .text-title:before {

    content:'';

    display: block;

    width: 64px;

    height: 64px;

    position: absolute;

    left: 0;

}

#feature .feature01 .feature-text .text-title:before {

    content: url('./images/ic_star_rate.svg');

    display: block;

}

#feature .feature02 .feature-text .text-title:before {

    content: url('./images/ic_cloud.svg');

    display: block;

}

#feature .feature03 .feature-text .text-title:before {

    content: url('./images/ic_coin.svg');

    display: block;

}





/* =========================================== #possible */



#possible header {

    position: relative;

    padding-left: 104px;

}

#possible header:before {

    content: url('./images/logomark_circleblue.svg');

    display: block;

    background: #1A91EB;

    border-radius: 100%;

    width: 88px;

    height: 88px;

    position: absolute;

    left: 0;

    top: -12px;

}

#possible .ic-possible {

    background: #fff;

    border-radius: 100%;

    width: 128px;

    height: 128px;

    margin: 0 auto 16px;

}

#possible .ic-possible img {

    width: 64px;

    margin: auto;

    padding-top: 33px;

}



/* =========================================== #animation */

#animation {

    height: 2130px;

    position: relative;

}

#animation .sec-animation {

    margin: auto;

    width: 1200px;

    height: 1650px;

    position: relative;

}

#animation div.animation-container {

    position: absolute;

    width: 1200px;

    height: 500px;

}

#animation div.animation-container:nth-child(1){

    top: 0;

}

#animation div.animation-container:nth-child(2){

    top: 300px;

}

#animation div.animation-container:nth-child(3){

    top: 600px;

}

#animation div.animation-container:nth-child(4){

    top: 900px;

}

#animation div.animation-container:nth-child(5){

    top: 1200px;

}

#animation div.animation-container:nth-child(6){

    top: 1500px;

}

#animation .animation-menu > div {

    position: relative;

    z-index: 1;

    padding: 30px 0 0 30px;

}

#animation .animation-menu > div:before {

    content: '';

    display: block;

    width: 100%;

    height: 300px;

    position: absolute;

    z-index: -1;

    left: 0;

    top: 0;

    border-bottom: 1px solid #EBEEEF;



}

#animation .animation-menu > div.is-active:before {

    background: #fff;

}

#animation .animation-menu header {

    position: relative;

    padding-top: 4px;

    padding-left: 72px;

}

#animation .animation-menu header:before {

    /*content: url(./images/logomark_circleblue.svg);*/

    content: '';

    display: block;

    background-color: #EBEEEF;

    border-radius: 100%;

    width: 64px;

    height: 64px;

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition: all 0.3s ease-in;

    transition: all 0.3s ease-in;

}

#animation .animation-menu .is-active header:before{

    background-color: #1A91EB;

}

#animation .animation-menu header.is-calender:before {

    content: url(./images/ic_calender_whitegray.svg);

}

#animation .animation-menu .is-active header.is-calender:before {

    content: url(./images/ic_calender_whiteblue.svg);

}

#animation .animation-menu header.is-reservation:before {

    content: url(./images/ic_reservation_whitegray.svg);

}

#animation .animation-menu .is-active header.is-reservation:before {

    content: url(./images/ic_reservation_whiteblue.svg);

}

.animation-window {

    z-index: 1;

    margin-top: -47px;

}

.animate {

    background: url('./images/Window.png');

    background-size: cover;

    position: relative;

    margin-bottom: 40px;

}

.animate {

    display: none;

}

.animate.is-active {

    display: block;

    animation: fadeIn 1s ease-in;

    -webkit-animation: fadeIn 1s ease-in;

}

.animate .animation_container {

    position: absolute;

    top: 47px;

    left: 0px;

    border: none;

}

.animation-description {

    display: none;

    padding-top: 24px;

    padding-right: 24px;

    border-top: 1px solid #EBEEEF;

}

.is-active .animation-description {

    display: block;

    animation: fadeIn 1s ease-in-out 0s 1 normal;

    -webkit-animation: fadeIn 1s ease-in-out 0s 1 normal;

}

@keyframes fadeIn {

    0% {opacity: 0}

    100% {opacity: 1}

}

@-webkit-keyframes fadeIn {

    0% {opacity: 0}

    100% {opacity: 1}

}



/* =========================================== #price */

#price {

    padding-top: 40px;

}

.bg-bluegray #price {

    padding-top: 80px;

}

#price .sisetsu {

    padding-bottom: 10px;

}

#price .sisetsu .sisetsubutton {

    background: #EBEEEF;

    padding: 10px;

    width: 25%;

    margin: 0 10px;

    border-radius: 3px;

    float: left;

    font-weight: bold;

}

#price .sisetsu .sisetsubutton:first-child {

    margin-left: 9.5%;

}

#price .sisetsu .sisetsubutton.is-active {

    background: #7F8FA4;

    color: #fff;

}

#price .tabs {

    width: 960px;

    margin: 0 auto 45px;

    border-bottom: 1px solid #fff;

}

#price .tabs .tabs-button {

    background: transparent;

    color: #fff;

    border-top: 1px solid #fff;

    border-left: 1px solid #fff;

    border-right: 1px solid #fff;

    width: 25%;

    float: left;

    padding: 15px 0 13px;

    font-weight: bold;

    -webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;

    margin-right: 8px;

}

#price .tabs .tabs-button:hover {

    cursor: pointer;

    background: #fff;

    color: #1A91EB;

}

#price .tabs .tabs-button:first-child {

    margin-left: 25%;

}

#price .tabs .tabs-button.is-active {

    background: #fff;

    color: #1A91EB;

}

#price .tab-contents {

    width: 800px;

    margin: auto;

    display: none;

}

#price .tab-contents.is-active {

    display: block;

    animation: 1s opacity;

}

@keyframes opacity {

    0% {opacity: 0;}

    100% {opacity: 1;}

}

.price-tag {

    color: #354052;

    text-align: center;

    background: #FECF39;

    padding: 5px 10px;

    display: inline-block;

    border-radius: 3px;

    font-weight: bold;

    margin-right: 16px;

    vertical-align: text-bottom;

}

.price {

    font-size: 54px;

    display: inline-block;

    font-weight: bold;

}

#price #tab02 {

    background: url('./images/Window.png');

    background-size: cover;

    position: relative;

    width: 800px;

    height: 500px;

}

#price #tab02 header {

    position: absolute;

    top: 50px;

    width: 100%;

    height: 88px;

}

#price #tab02 header .header-title {

    padding-top: 28px;

    padding-left: 40px;

}

#price #tab02 header .header-price {

    padding-top: 5px;

    text-align: right;

    padding-right: 40px;

}

#price #tab02 header .price {

    font-size: 42px;

}

#price #tab02 header .price-tag.tocontact {

    display: none;

}

#price #tab02 header .price.tocontact {

    font-size: 18px;

    line-height: 1.4;

    padding-top: 9px;

}

#price #tab02 header .price.tocontact.isnan {

    padding-top: 21px;

}

#price #tab02 header .header-price .price-attention {

    display: none;

    position: absolute;

    background: #FE4948;

    color: #fff;

    right: 20px;

    top: -14px;

    padding: 5px 10px;

    font-size: 11px;

    border-radius: 30px;

}

#price #tab02 header .header-price .price-attention.is-active {

    display: block;

}

#price #tab02 section {

    position: absolute;

    top: 138px;

    width: 100%;

    height: 362px;

    padding-top: 40px;

}

#price #tab02 .bedtotal {

    width: 50%;

    margin: 20px 0 0 95px;

    padding: 0 0 10px;

}

#price #tab02 .option {

    display: none;

    width: 50%;

    margin: 0 0 0 95px;

    padding: 20px 0 0;

}

#price #tab02 .option.is-active {

    display: block;

}

#price #tab02 section input[type="text"]{

    width: 50%;

    border-radius: 3px;

    border: 1px solid #EBEEEF;

    margin-right: 8px;

    margin-bottom: 16px;

    padding: 2px 10px;

}

#price #tab02 #price-total,

#price #tab02 #price-total-hostel {

    position: absolute;

    right: 50px;

    background: #1A91EB;

    color: #fff;

    font-weight: bold;

    text-align: center;

    border-radius: 3px;

    border: none;

    bottom: 50px;

    padding: 10px 0;

    width: 160px;

    display: none;

}

#price #tab02 #price-total.is-active,

#price #tab02 #price-total-hostel.is-active {

    display: block;

}



label[for="checkbox01"] {

    margin-bottom: 10px;

}

input[type=radio], input[type=checkbox] {

  display: none;

}

.checkbox,

span.wpcf7-list-item-label {

  box-sizing: border-box;

  -webkit-transition: background-color 0.2s linear;

  transition: background-color 0.2s linear;

  position: relative;

  display: inline-block;

  margin: 0;

  padding: 0px 0px 2px 24px;

  vertical-align: middle;

  cursor: pointer;

}

/* Checkbox */

.checkbox:after,

span.wpcf7-list-item-label:after {

  -webkit-transition: border-color 0.2s linear;

  transition: border-color 0.2s linear;

  position: absolute;

  top: 50%;

  left: 0px;

  display: block;

  margin-top: -10px;

  width: 16px;

  height: 16px;

  border: 1px solid #D4D9E1;

  border-radius: 3px;

  content: '';

  background: linear-gradient(#FFFFFF, #F2F4F7);

}

.checkbox:before,

span.wpcf7-list-item-label:before {

    -webkit-transition: opacity 0.2s linear;

    transition: opacity 0.2s linear;

    position: absolute;

    top: 50%;

    left: 1px;

    display: block;

    margin-top: -9px;

    width: 16px;

    height: 16px;

    border-radius: 3px;

    content: '';

    opacity: 0;

}

input[type=checkbox]:checked + .checkbox:before {

    opacity: 1;

}

input[type=checkbox]:checked + .checkbox:after {

    background: url('./images/icon_check_white@2x.png'), linear-gradient(#2ea1f8, #1990ea);

    background-size: cover;

    border-color: #1a91eb;

}



input[type=checkbox]:checked + span.wpcf7-list-item-label:before {

    opacity: 1;

}

input[type=checkbox]:checked + span.wpcf7-list-item-label:after {

    background: url('./images/icon_check_white@2x.png'), linear-gradient(#2ea1f8, #1990ea);

    background-size: cover;

    border-color: #1a91eb;

}



input.wpcf7-acceptance:checked + span.wpcf7-list-item-label:before {

    opacity: 1;

}

input.wpcf7-acceptance:checked + span.wpcf7-list-item-label:after {

    background: url('./images/icon_check_white@2x.png'), linear-gradient(#2ea1f8, #1990ea);

    background-size: cover;

    border-color: #1a91eb;

}



.wpcf7c-elm-step2.checkbox:after {

    background: url('./images/icon_check_white@2x.png'), #7F8FA4;

    background-size: cover;

    border-color: #7F8FA4;

}



/* =========================================== #introduce */

#introduce .steps .bg-bluegray {

    padding: 30px;

    text-align: center;

    margin-bottom: 8px;

    border-radius: 6px;

}

#introduce .steps .bg-bluegray img {

    margin: 16px auto 0;

}

#introduce .steps .col-xs-1 img {

    margin: 130px auto 0;

    width: 18px;

}



/* =========================================== #support */

#support .steps .bg-bluegray {

    padding: 82px 30px;

    border-radius: 150px;

}

#support .steps .bg-bluegray img {

    margin: 5px auto 0;

}

#support .steps p {

    margin-top: -48px;

}





/* =========================================== #Voice */

#voice {

    background-color: #1A91EB;

    position: relative;

    color: #fff;

}

#voice:before {

/*    background-image: url(./images/bg-voice.png);*/

    background-position: center;

    background-size: cover;

    content: ' ';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

    opacity: 0.2;

}

#voice > * {

    position: relative;

    z-index: 2;

}

#voice .slick .case-study {

    width: calc(33.33% - 30px);

    float: left;

    margin: 0 15px;

    position: relative;

    background: #fff;

    border-radius: 6px;

    padding: 20px;

    height: 350px;

}

#voice .slick .case-study .case-study_title {

    font-size: 18px;

    font-weight: bold;

    line-height: 1.4;

    margin-bottom: 10px;

    color: #354052;

}

.case-study .description {

    font-size: 16px!important;

    color: #7F8FA4;

    line-height: 1.4;

    margin-bottom: 0px;

    width: 50%;

    float: left;

}

.case-study .case-study_rooms {

    text-align: right;

}

.case-study .thumbnail {

    width: 100%;

    height: 210px;

    background-size: cover;

    background-position: center;

    background-color: #D4D9E1;

    margin-bottom: 20px;

}

.case-study .case-study_label {

    position: absolute;

    top: 20px;

    padding: 5px 10px;

    font-size: 12px;

    color: #fff;

}

.case-study .case-study_label.ryokan {

    background: #8261E6;

}

.case-study .case-study_label.hostel {

    background: #1BB934;

}

.case-study .case-study_label.business {

    background: #1166A5;

}

.case-study .case-study_label.hotel {

    background: #354052;

}

.case-study .case-study_label.senryaku {

    background: #FECF39;

}





/* =========================================== #ourpolicy */

#ourpolicy {

    background-color: #354052;

    position: relative;

    color: #fff;

    height: 760px;

}

#ourpolicy:before {

    background-image: url(./images/bg-ourpolicy.png);

    background-position: center;

    background-size: cover;

    content: ' ';

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

    opacity: 0.2;

}

#ourpolicy > * {

    position: relative;

    z-index: 2;

}





#letusstart {

    background-image: url(./images/frontview.jpg);

    background-position: center;

    background-size: cover;

    width: 100%;

    height: 760px;

}

#letusstart h3 img {

    height: 112px;

    margin: 20px auto 0;

}





/* =========================================== #function */

.functionsList section img {

    border-radius: 6px;

    border: 12px solid #354052;

    margin: 8px 0 8px;

}

#renkei.functionsList section img {

    border: 2px solid #354052;

}

.functionsList section h3 {

    text-align: center;

}

.functionsList section p {

    color: #7F8FA4;

    line-height: 1.5;

}

.functionsList section .lb {

    display: block;

    position: relative;

}

.functionsList section .lb:after {

    content:'';

    display: block;

    width: 36px;

    height: 36px;

    background: url('./images/ic_zoom_in_white.svg');

    background-color: #7F8FA4;

    position: absolute;

    z-index: 1;

    right: 0;

    bottom: 0;

    background-size: 24px;

    background-position: 8px;

    background-repeat: no-repeat;

        border-radius: 12px 0 0 0;

}



#functions .tabs {

    margin: 0 auto;

    background: #fff;

}

#functions .tabs .tabs-button {

    background: #fff;

    width: 14.285%;

    float: left;

    padding: 15px 0 13px;

    font-weight: bold;

    -webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;

}

#functions .tabs .tabs-button:hover {

    cursor: pointer;

    background: #F6F9FA;

    color: #1A91EB;

}

#functions .tabs .tabs-button.is-active {

    background: #F6F9FA;

    color: #1A91EB;

}

#functions .tab-contents {

    padding: 40px;

    margin: auto;

    display: none;

}

#functions .tab-contents.is-active {

    display: block;

    animation: 1s opacity;

}

@keyframes opacity {

    0% {opacity: 0;}

    100% {opacity: 1;}

}

#functions .tab-contents table {

    background: #fff;

}



table.table {

    width: 100%;

    border: 2px solid #D4D9E1;

}

table.table td {

    padding: 10px 16px;

    border-right: 1px solid #EBEEEF;

    border-bottom: 1px solid #EBEEEF;

    line-height: 1.4;

}

table.table td.title {

    width: 25%;

    background: #F6F9FA;

}





/* =========================================== #Flow */

#flow .container {

    /*border :1px solid #EBEEEF;*/

    border :2px solid #EBEEEF;

    border-radius: 6px;

}

#flow header {

    padding: 40px;

    text-align: center;

    border-radius: 6px 0 0 6px;

}

#flow header img {

    margin: 10px auto;

}

#flow section {

    padding: 40px 40px 0;

}

#flow .flow-arrow {

    margin: 15px auto;

    transform: rotate(90deg);

}

#flow section ul li {

    margin-bottom: 10px;

}

#flow section ul li:last-child {

    margin-bottom: 0;

}



/* =========================================== #FAQ */

#faq section {

    border :2px solid #EBEEEF;

    padding: 0;

    margin: auto;

    margin-bottom: 30px;

    border-radius: 6px;

    width: 960px;

}

#faq .question {

    padding: 15px 20px;

    background: #F6F9FA;

    font-weight: bold;

    border-bottom: 1px solid #EBEEEF;

    border-radius: 6px 6px 0 0;

    line-height: 1.5;

}

#faq .answer {

    padding: 15px 20px;

    background: #FFF;

    border-radius: 0 0 6px 6px;

    line-height: 1.6;

}





/* =========================================== #CATEGORY */



#category header {

    position: relative;

    padding-left: 104px;

    min-height: 80px;

}

#category header:before {

    display: block;

    background-color: #1A91EB;

    border-radius: 100%;

    width: 80px;

    height: 80px;

    position: absolute;

    left: 10px;

    top: 0px;

    background-size: 40px;

    background-repeat: no-repeat;

    background-position: 21px 20px;

}

#category.case-study header:before {

    background-image: url('./images/ic_business.svg');

}

#category.column header:before {

    background-image: url('./images/ic_local_library_white.svg');

}

#category.news header:before,

#category.update header:before,

#category.maintenance header:before {

    background-image: url('./images/ic_notifications.svg');

}

#category header h1 {

    padding-top: 4px;

    font-size: 27px;

}

#category header p {

    line-height: 1.5;

    color: #7F8FA4;

}

#post-list section {

    background: #fff;

    border-radius: 6px;

    padding: 20px;

    height: 380px;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    position: relative;

}

#post-list section.a-hover {

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transform: scale(0.9);

}

#post-list section a {

    display: block;

}

#post-list section .thumbnail {

    width: 100%;

    height: 210px;

    background-size: cover;

    background-position: center;

    background-color: #D4D9E1;

    margin-bottom: 15px;

}

#post-list section .title {

    font-size: 18px;

    font-weight: bold;

    line-height: 1.4;

    margin-bottom: 20px;

    color: #354052

}

#post-list section .description {

    font-size: 12px;

    color: #7F8FA4;

    line-height: 1.4;

    margin-bottom: 0px;

    margin-top: 3px;

}

#post-list section .tag {

    font-size: 0;

}

#post-list section .tag-list {

    font-size: 11px;

    line-height: 1.4;

    padding-right: 10px;

    vertical-align: baseline;

    display: inline-block;

    margin-bottom: 2px;

}

#post-list section .read-interview {

    position: absolute;

    width: 100%;

    background: #1A91EB;

    left: 0;

    bottom: 0;

    text-align: center;

    color: #fff;

    line-height: 40px;

    border-radius: 0 0 6px 6px;

    padding-bottom: 2px;

    transition: all 0.3s;

}

#post-list section.a-hover .read-interview {

    background: #1A91EB;

    color: #fff;

    transition: all 0.3s;

}



.pagenation {

    padding: 40px 0;

    text-align: center;

}

.pagenation > * {

    padding: 5px 15px 4px 16px!important;

    display: inline-block;

    font-family: 'Ubuntu',sans-serif;

    margin-right: 10px;

    color: #7F8FA4;

    font-size: 21px;

    border-radius: 2px;

    background: #EEF3F6;

}

.pagenation .current,

.pagenation a:hover {

    background: #1A91EB;

    color: #fff;

    font-weight: bold;

}



/* =========================================== #Single */

#single .hero-image {

    width: 100%;

    height: 640px;

    background-size: cover;

    background-color: #eee;

    background-position: center;

}

#single header {

    text-align: center;

}

#single header h1 {

     padding: 60px 0px 10px;

     width: 960px;

     margin: auto;

     font-size: 24px;

     line-height: 1.4;

}

#single header p {

     width: 960px;

     margin: 0 auto;

}

#single section {

    width: 960px;

    margin: 30px auto;

    padding: 0 0 40px;

}

#single section h2 {

    background-color: #F6F9FA;

    font-size: 20px;

    padding: 10px 20px;

    margin-bottom: 20px;

    border-radius: 3px;

}

#single section h3 {

    font-size: 18px;

    margin-top: 20px;

    padding: 10px 20px;

}

#single section .blockquote {

    background: #F6F9FA;

    border-radius: 6px;

    border: 1px solid #1A91EB;

}

#single section .blockquote-title {

    color: #1A91EB;

    font-size: 18px;

    font-weight: bold;

    padding-left: 50px;

    margin-top: 20px;

    margin-bottom: 10px;

    position: relative;

    min-height: 21px;

}

#single section .blockquote-title:before {

    content: '';

    display: block;

    width: 24px;

    height: 24px;

    background: url('./images/ic_quote_blue.svg');

    background-size: 16px 16px;

    position: absolute;

    left: 26px;

    background-repeat: no-repeat;

    top: 6px;

}

#single section blockquote {

    padding: 0 24px 20px;

    margin: 0;

}

#single section .gallery {

    width: calc(100% - 40px);

    margin: 0 20px 40px;

    overflow: hidden;

    padding: 30px;

    background: #F6F9FA;

    position: relative;

}

#single section .gallery .gallery-title,

#single section .related-post .related-title {

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 12px;

    color: #7F8FA4;

    line-height: 1;

}

.slider-for__item {

  display: inline-block;

  height: 450px;

  margin: 0 0 10px;

  background-color: lightblue;

  text-align: center;

  color: white;

  background-position: center;

  background-size: cover;

}

.slick-list {

  padding-left: 0 !important;

  padding-right: 0 !important;

}

.slider-nav {

  width: 100%;

  overflow: hidden;

}

.item-nav {

  width: 100px;

  height: 133px;

  margin: 0;

}

.slick-slide {

  margin-left: 0;

  margin-right: 0;

}

.slick-dots {

    position: absolute;

    bottom: 15px;

    display: block;

    width: 100%;

    padding: 0;

    list-style: none;

    text-align: center;

    margin-left: -30px;

}

.slick-dots li {

    position: relative;

    display: inline-block;

    width: 20px;

    height: 20px;

    margin: 0;

    padding: 0;

    cursor: pointer;

}

.slick-dots li button {

    font-size: 0;

    line-height: 0;

    display: block;

    width: 20px;

    height: 20px;

    padding: 0px;

    cursor: pointer;

    color: transparent;

    border: 0;

    outline: none;

    background: transparent;

}

.slick-dots li button:hover,

.slick-dots li button:focus {

    outline: none;

}

.slick-dots li button:hover:before,

.slick-dots li button:focus:before {

    opacity: 1;

}

.slick-dots li button:before {

    font-family: 'slick';

    font-size: 40px;

    line-height: 20px;

    position: absolute;

    top: 0;

    left: 0;

    width: 20px;

    height: 20px;

    padding: 0;

    content: '•';

    text-align: center;

    opacity: .25;

    color: black;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}

.slick-dots li.slick-active button:before {

    opacity: .75;

    color: black;

}

.phototext-column,

.textphoto-column,

.photo,

.blockquote {

    margin-bottom: 40px;

    margin-left: 20px;

    margin-right: 20px;

}

.text-column {

    margin-bottom: 40px;

    margin-left: 20px;

    margin-right: 20px;

}

#single section .related-post {

    background: #F6F9FA;

    padding: 30px;

    overflow: hidden;

    margin-left: 20px;

    margin-right: 20px;

    margin-bottom: 40px;

    border-radius: 5px;

}

#single section .related-post a {

    background: #fff;

    margin-top: 10px;

    display: block;

}

#single section .related-post a:first-child {

    margin-top: 0;

}

#single section .related-post a .col-xs-6 {

    position: relative;

}

#single section .related-post a .related-post-thumbnail {

    width: 100%;

    height: 130px;

    background-color: #eee;

    background-size: cover;

    background-position: center;

}

#single section .related-post a .related-post-title {

    padding: 30px 15px;

}

#single section .keywords .keywords-title {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 10px;

    padding: 10px 20px;

}

#single section .keywords ul {

    margin: 0 20px;

}

#single section .keywords ul li {

    display: inline-block;

    background: #F6F9FA;

    padding: 10px 15px;

    margin-right: 8px;

}

#single section .keywords ul li a {

    color: #354052

}

.case-description {

    padding: 60px;

    text-align: center;

}

.case-description h2 {

    font-size: 20px;

    margin-bottom: 15px;

}

.case-description .address,

.case-description .url {

    font-size: 16px;

    line-height: 1.6;

}



/* =========================================== #Page */

#page {

    margin-top: 80px;

}

#page .container {

    padding: 80px;

}

#page header h1 {

    font-size: 24px;

    text-align: center;

}

#page section h2 {

    background-color: #F6F9FA;

    font-size: 20px;

    padding: 10px 20px;

    margin-bottom: 20px;

    border-radius: 3px;

}

#page section h3 {

    font-size: 18px;

    margin-top: 20px;

    padding: 10px 20px;

}

ul.disc li {

    padding-left: 15px;

    position: relative;

    margin-bottom: 15px;

    line-height: 1.6;

}

ul.disc li:before {

    content: '•';

    display: block;

    position: absolute;

    left: 0;

    font-weight: bold;

    font-size: 18px;

    top: -4px;

}

ul.disc.suji li {

    counter-increment: cnt;

    padding-left: 30px;

}

ul.disc.suji li:before {

    content: "(" counter(cnt) ") ";

    display: block;

    position: absolute;

    left: 0;

    font-weight: normal;

    font-size: 15px;

    top: 0px;

}





/* =========================================== #Contact */

.wpcf7-form {

	margin: 0;

    text-align: center;

}

.wpcf7-form label {

	font-weight: bold;

    margin-top: 30px;

}

.wpcf7-form input[type="text"],

.wpcf7-form input[type="email"],

.wpcf7-form input[type="tel"],

.wpcf7-form select,

.wpcf7-form textarea {

	border: none;

	border-radius: 3px;

	width: 60%;

    border: 1px solid #EBEEEF;

	background: #FAFAFA;

	margin-top: 10px;

	padding: 7px 15px;

	margin-bottom: 10px;

    /*margin-right: 30px;*/

}

.wpcf7-form input[type="text"][readonly="readonly"],

.wpcf7-form input[type="email"][readonly="readonly"],

.wpcf7-form input[type="tel"][readonly="readonly"],

.wpcf7-form select[readonly="readonly"],

.wpcf7-form textarea[readonly="readonly"] {

    background: #F5F5F5;

    border: 1px solid #F5F5F5;

    color: #5B6779;

}



.wpcf7-form select {

	width: calc(80% - 30px);

	padding: 8px 15px;

}

.wpcf7-form span.wpcf7-list-item {

    margin: 20px 40px 10px 0;

}

.wpcf7-form span.wpcf7-list-item:last-child {

    margin-right: 0;

}

.formtitle {

/*    width: 60%;

    background: #FAFAFA;

    padding: 30px 10px 15px;

    margin: 0 auto 30px;

    font-weight: normal;

    font-size: 13px;*/

    width: 60%;

    padding-bottom: 5px;

    margin: 0 auto 30px;

    border-bottom: 1px solid #EBEEEF;

}

/*.formtitle label {

    font-weight: normal;

}

.formtitle label .wpcf7-list-item-label {

    font-weight: bold;

    font-size: 15px;

}*/

.wpcf7-form .form-name {

    width: 160px;

    text-align: right;

    display: inline-block;

    padding-right: 15px;

}

.acceptance-972 {

    margin-top: 30px;

}

.wpcf7-form .text-small {

	font-size: 13px;

    width: 80%;

    margin: auto;

    color: #aaa;

}

.wpcf7-form input.wpcf7-confirm,

.wpcf7-form input.wpcf7-submit {

	width: 40%;

	display: inline-block;

	margin-top: 30px;

	letter-spacing: 2px;

    border: none;

}

.wpcf7-form span.wpcf7-not-valid-tip {

    margin-bottom: 30px;

}

.wpcf7-form .acceptance-972 span.wpcf7-not-valid-tip {

    margin-bottom: 10px;

}

.wpcf7 .wpcf7-response-output {

    margin: 30px 60px 0;

    padding: 8px 15px 8px 14px;

    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    border-radius: 2px;

}

.wpcf7-form div.wpcf7-validation-errors {

    color: #FE4948;

    background: rgba(254,73,72,0.15);

    border: 1px solid #FE4948;

}

.wpcf7 div.wpcf7-mail-sent-ok {

    color: #1BB934;

    background: rgba(27,185,52,0.15);

    border: 1px solid #1BB934;

 }

.wpcf7 form.sent p,

.wpcf7 .thanks {

    display:none;

}

.wpcf7 form.sent .thanks {

    display: block;

    text-align: center;

    margin: 30px 0;

}

.wpcf7 form.sent .thanks p {

    display: block;

}



.form-inline {

    width: 60%;

    margin: auto;

    text-align: left;

    padding-top: 10px;

}

.wpcf7-form .form-inline label {margin-top: 0;}

.form-inline label:before, .form-inline label:after { display: block; content: ''; }

.form-inline label:before, .form-inline label:after { clear: both; }

.form-inline .form-title {

    width: 25%;

    float: left;

    line-height: 40px;

    text-align: right;

    margin-top: 20px;

}

.form-inline .wpcf7-form-control-wrap {

    float: left;

    width: 72%;

    padding-left: 15px;

}

.form-inline .form-sei {

    float: left;

    width: 60%;

}

.form-inline .form-sei .form-title {

    width: 42%;

}

.form-inline .form-sei .wpcf7-form-control-wrap {

    width: 50%;

}

.form-inline .form-mei {

    float: left;

    width: 40%;

}

.form-inline .form-mei .form-title {

    width: 20%;

}

.wpcf7-form .form-inline input[type="text"],

.wpcf7-form .form-inline input[type="email"],

.wpcf7-form .form-inline input[type="tel"],

.wpcf7-form .form-inline select,

.wpcf7-form .form-inline textarea {

    width: 100%;

    margin-top: 20px;

    margin-bottom: 0;

}

.wpcf7-form .form-inline span.wpcf7-not-valid-tip {

    margin-bottom: 0;

}



/* =========================================== footer */

#breadcrumb {

    text-align: center;

    padding: 16px 0 17px;

}

#breadcrumb ul li {

    display: inline;

    font-size: 12px;

    color: #939393;

    padding: 0 3px;

}



footer {

	position: relative;

    width: 100%;

}

footer small {

	font-size: 11px;

	color: #EBEEEF;

	text-align: center;

	display: block;

	line-height: 60px;

}

footer ul {

	text-align: center;

    padding: 60px 0;

}

footer ul li {

    display: inline-block;

	font-size: 14px;

	margin-right: 5px;

    padding-right: 10px;

    border-right: 1px solid #EBEEEF;

    line-height: 1;

}

footer ul li:last-child {

    border: none;

    padding: 0;

    margin-right: 0;

}

footer ul li a {

	color: #EBEEEF;

}

footer ul li a:hover {

    color: #fff;

}

#campagin {

    position: fixed;

    bottom: 0;

    width: 100%;

    text-align: center;

    height: 60px;

    line-height: 60px;

    z-index: 200;

    background: rgba(254,207,57,1);

    font-weight: bold;

    transition: 0.5s;

    font-size: 18px;

}

#campagin .btn {

    border-radius: 30px;

    background: #FE4948;

    color: #fff;

    font-weight: bold;

    font-size: 17px;

    padding: 6px 30px 9px 32px;

    text-align: center;

    margin-left: 10px;

}

#campagin .btn:hover {

    background: #1A91EB;

    color: #fff;

}



#campagin-online {

    position: fixed;

    width: 160px;

    right: 0;

    bottom: 60px;

    box-shadow: -2px 3px 3px rgba(0,0,0,0.23);

    border-radius: 3px 0 0 6px;

    z-index: 10;

    transform: translateX(0px);

    transition: all 0.3s;

}

#campagin-online:hover {

    transform: translateX(0px)!important;

}



/* =========================================== Modal */

#modal {

	background: #1a2533;

	width: 100%;

	height: 100%;

}

.modal {

    display: none;

    overflow: hidden;

    position: fixed;

    top: 0!important;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 1040;

    -webkit-overflow-scrolling: touch;

    outline: 0;

    background: #1a2533;

}

.modal.fade .modal-dialog {

    -webkit-transform: translate(0, -25%);

    -ms-transform: translate(0, -25%);

    -o-transform: translate(0, -25%);

    transform: translate(0, -25%);

    -webkit-transition: -webkit-transform 0.3s ease-out;

    -moz-transition: -moz-transform 0.3s ease-out;

    -o-transition: -o-transform 0.3s ease-out;

    transition: transform 0.3s ease-out;

}

.modal-content {

	position: relative;

    background-clip: padding-box;

    outline: 0;

    position:fixed;

    display:none;

    z-index:100;

    width:60%;

    margin:0 auto;

    border: none;

    border-radius: 0;

    z-index: 99999;

}

.modal-title {

	font-size: 17px;

    text-align: left;

    letter-spacing: 2px;

    display: block;

    color: #fff;

    line-height: 60px;

    padding-left: 80px;

    border-bottom: 1px solid #2a3547;

}

.modal-overlay {

    z-index:101;

    display:none;

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:120%;

    background-color:rgba(29,37,49,0.75);

}

.col-xs-offset-1-5 {

    margin-left: 6.25%;

}





/* =========================================== help */



#single-faq .logo-mark img {

    width: 60px;

    height: 60px;

}

#single-faq .logo {

    padding-top: 12px;

    padding-left: 16px;

    position: relative;

}

#single-faq .logo img {

    height: auto;

    width: 88px;

    display: inline-block;

}

#single-faq .logo span {

    position: absolute;

    left: 120px;

    width: 120px;

    top: 18px;

    font-weight: bold;

    color: #7F8FA4;

}

#single-faq nav {

    position: relative;

}

.searchform {

    width: 40%;

    float: right;

}

.searchform .s {

    height: 36px;

    width: 80%;

    padding: 0 10px;

    margin: 11px 0 0;

    display: inline-block;

    float: left;

    border: 1px solid #EBEEEF;

    border-right: none;

    border-radius: 3px 0 0 3px;

    background: #F6F9FA;

}

.searchform .s:placeholder-shown {color: #7F8FA4; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */

.searchform .s::-webkit-input-placeholder {color: #7F8FA4;; }

/* Firefox 18- */

.searchform .s:-moz-placeholder {color: #7F8FA4; opacity: 1; }

/* Firefox 19+ */

.searchform .s::-moz-placeholder {color: #7F8FA4; opacity: 1; }

/* IE 10+ */

.searchform .s:-ms-input-placeholder {color: #7F8FA4; }

.searchform .searchsubmit {

    height: 36px;

    border: none;

    background: #1BB934;

    color: #fff;

    margin: 11px 0 0;

    padding: 0;

    display: inline-block;

    float: left;

    width: 18%;

    border: 1px solid #1BB934;

    border-radius: 0 3px 3px 0;

}

.search-help-posts {



}

.search-help-posts h1 {

    font-size: 24px;

    padding-bottom: 10px;

    border-bottom: 1px solid #e8e8e8;

    margin-bottom: 20px;

    color: #7F8FA4;

    font-weight: normal;

}

.search-help-posts .search-help-post {

    margin-bottom: 30px;

}

.search-help-posts section a .title {

    font-size: 20px;

    color: #1a0dab;

}

.search-help-posts section .url {

    font-size: 12px;

    color: #108732;

    margin-bottom: 4px;

}

.search-help-posts section .description {

    color: #5b6779;

    font-size: 14px;

}



#help {

    padding: 60px 0;

}

#help #single {

    position: relative;

    padding-left: 30px;

    padding-right: 30px;

    border-right: 1px solid #EBEEEF;

}

#help #single header {

    text-align: left;

}

#help #single header h1 {

    width: 100%;

    padding: 10px 0 0;

    font-size: 26px;

}

#help #single section {

    width: 100%;

    padding-bottom: 0;

}

#help #single section h2 {

    font-size: 21px;

    padding: 15px 20px;

    margin-top: 60px;

    margin-bottom: 20px;

    counter-reset: cnt;

}

#help #single section h3 {

    margin: 0 20px 20px;

    padding-bottom: 8px;

    border-bottom: 1px solid #EBEEEF;

    font-weight: bold;

    counter-reset: cnt_circle;

}

#help #single section h3.step {

    padding-left: 60px;

    position: relative;

    counter-increment: cnt;

}

#help.update #single section h3 {

    padding: 10px 0;

    position: relative;

}

#help #single section h3.step:before {

    content: "Step." counter(cnt, decimal-leading-zero) "";

    display: block;

    position: absolute;

    left: 0;

    font-size: 14px;

    top: 13px;

    letter-spacing: 0;

    color: #1A91EB;

}

.toc {

    padding: 30px;

    border: 1px solid #EBEEEF;

    margin-bottom: 45px;

}

.toc .toc-title {

    font-size:18px;

    font-weight: bold;

    padding-left: 30px;

    position: relative;

    margin-bottom: 15px;

}

.toc .toc-title:before {

    content: '';

    display: block;

    width: 24px;

    height: 24px;

    background: url('./images/ic_quote_blue.svg');

    background-size: 16px 16px;

    position: absolute;

    left: 2px;

    background-repeat: no-repeat;

    top: 7px;

}

.toc ul li,

.recent_views ul li,

ul.rank li {

    margin-bottom: 12px;

    position: relative;

    padding-left: 16px;

}

.toc ul li:before,

.recent_views ul li:before,

ul.rank li:before,

#help #single section .related-post a .related-post-title:before {

    content: '・';

    font-weight: bold;

    left: 0;

    position: absolute;

    display: block;

}

.toc ul li.h3  {

    margin-left: 20px;

}

.toc ul li:last-child {

    margin-bottom: 0;

}

#help #single section .text-column {

    margin-bottom: 20px;

}

#help #single section .lb {

    display: inline-block;

    position: relative;

}

#help #single section .lb:after {

    content:'';

    display: block;

    width: 36px;

    height: 36px;

    background: url('./images/ic_zoom_in_white.svg');

    background-color: #7F8FA4;

    position: absolute;

    z-index: 1;

    right: 0;

    bottom: 0;

    background-size: 24px;

    background-position: 8px;

    background-repeat: no-repeat;

        border-radius: 12px 0 0 0;

}

#help #single .photo {

    margin-bottom: 20px;

}

#help #single .items {

    margin: 20px 0 40px;

}

#help #single .items .item {

    margin: 20px 20px 30px;

}

#help #single .items .item .item_name {

    font-weight: bold;

    color: #1A91EB;

    margin-bottom: 3px;

    font-size: 16px;

}

#help #single .items .item .item_description {

    margin: 0 20px;

}



#help #single section .related-post a {

    background: transparent;

    margin-top: 0;

}

#help #single section .related-post a .related-post-title {

    position: relative;

    padding: 10px 20px 0

}

#help #single section .text-column .related-post,

#help #single section .item_description .related-post {

    margin-left: 0;

    margin-right: 0;

}

#help #single section .text-column .related-post p,

#help #single section .item_description .related-post p {

    display: none;

}

/*#help  ul.rank li {

    position: relative;

    margin-bottom: 10px;

    padding: 0 15px;

}

#help  ul.rank li:before {

    content: '・';

    display: block;

    position: absolute;

    left: 10px;

}

#help  ul.rank li a {

    margin-left: 12px;

}*/

.breadcrumb {



}

.breadcrumb li {

    display: inline;

    font-size: 12px;

    color: #939393;

    padding: 0 3px;

}



#help aside {

    position: relative;

    padding-left: 30px;

    padding-right: 0px;

}

#help aside .category-title {

    font-size: 21px;

    font-weight: bold;

    margin: 10px 0;

}

#help aside ul li {

    margin-bottom: 10px;

    position: relative;

    padding-left: 16px;

}

#help aside ul li:before {

    content: '・';

    font-weight: bold;

    left: 0;

    position: absolute;

    display: block;

}

#help #single #history,

#help .ranking-block {

    padding-top: 30px;

    padding-bottom: 0px;

}

#history .recent_title,

.ranking-block .ranking-block__title {

    font-size: 21px;

    font-weight: bold;

    margin: 0 0 15px;

    padding-bottom: 8px;

    border-bottom: 1px solid #EBEEEF;

}





/* =========================================== faq_archive */

#help .helplink {

    background: #fff;

    float: left;

    padding: 25px;

    text-align: center;

    border-radius: 5px;

    margin-bottom: 20px;

}

#help .helplink .helplink-image {

    width: 64px;

    height: 64px;

    background-size: cover;

    margin: 5px auto 15px;

}

#help .helplink .helplink-title {

    font-weight: bold;

    font-size: 16px;

}

#help .helplink .helplink-description {

    font-size: 12px;

    color: #7F8FA4;

}

#help .helplink.helplinkbig {

    width: 49%;

}

#help .helplink.helplinkbig:nth-child(2) {

    margin: 0 0 0 2%;

}

#help .helplink {

    width: 32%;

}

#help .helplink.helplinksmall:nth-child(2),

#help .helplink.helplinksmall:nth-child(5) {

    margin: 0 2%;

}

#help .helplink.helplinksmall .helplink-image {

    float: left;

    margin: 0;

}

#help .helplink.helplinksmall .helplinksmall-header {

    float: left;

    padding-left: 25px;

    width: calc(100% - 64px);

    text-align: left;

}



#help .helplink.helplinkbig {

    padding: 30px 20px;

}

#help .helplink.helplinkbig .helplink-image {

    width: 80px;

    height: 80px;

}

#help .helplink.helplinkbig .helplink-title {

    font-size: 18px;

}

#help .helplink.helplinkbig .helplink-description {

    font-size: 14px;

}



.update-posts {

    margin: 0 auto;

    text-align: center;

}

.update-posts .update-title {

    font-size: 21px;

    font-weight: bold;

    margin: 0 0 25px;

    padding-bottom: 8px;

    border-bottom: 1px solid #EBEEEF;

}

.update-posts .update-post {

    margin-bottom: 10px;

    display: block;

}

.update-posts .update-post span {

    color: #7F8FA4;

    padding-right: 8px;

    margin-right: 4px;

    border-right: 1px solid #EBEEEF;

}



/* =========================================== quicktag */

#help #single section div h3 {

    margin: 30px 0 20px;

    padding-left: 0;

}

.content-center {margin-bottom: 20px;}

.content-right {text-align: right;margin-bottom: 20px;}

.content-right > * {

    text-align: center;

    margin-left: auto!important;

    margin-right: 0!important;

}

.circle-number {

    padding-left: 40px;

    position: relative;

    counter-increment: cnt_circle;

    font-weight: bold;

    margin-bottom: 20px;

    margin-top: 20px;

}

.circle-number:before {

    content: counter(cnt_circle);

    position: absolute;

    left: 0;

    background: #1A91EB;

    width: 30px;

    height: 30px;

    border-radius: 3px;

    color: #fff;

    text-align: center;

    line-height: 30px;

    padding-left: 1px;

    font-size: 14px;

    top: -2px;

}

.warning {

    color: #fe4948;

    border: 1px solid  #fe4948;

    background: rgba(254, 73, 72, 0.1);

    padding: 15px 20px;

    margin: 0 0 20px;

    border-radius: 3px;

}

.notice {

    color: #ff9e2c;

    border: 1px solid  #fecf39;

    background: rgba(254, 207, 57, 0.1);

    padding: 15px 20px;

    margin: 0 0 20px;

    border-radius: 3px;

}

.info {

    color: #01aeef;

    border: 1px solid  #01aeef;

    background: rgba(1, 174, 239, 0.1);

    padding: 15px 20px;

    margin: 0 0 20px;

    border-radius: 3px;

}

.reference {

    color: #7f8fa4;

    border: 1px solid  #7f8fa4;

    background: rgba(127, 143, 164, 0.1);

    padding: 15px 20px;

    margin: 0 0 20px;

    border-radius: 3px;

}

.red {color: #fe4948;}

.orange {color: #ff9e2c;}





/* =========================================== apply */

#apply {

    margin-top: 60px;

    padding: 60px;

}

#apply header {

    color: #fff;

    text-align: center;

}

#apply .apply-registration {

    padding: 15px 0;

    text-align: center;

    width: 40%;

    margin: 20px auto 0;

    border-radius: 3px;

    background: rgba(1, 174, 239, 0.3)

}

#apply section {



}

#apply section .apply-form {

    border-radius: 6px;

    padding-top: 60px;

    padding-bottom: 60px;

}

#apply section .apply-form .wpcf7-form {

    margin: 10px 0;

}

#apply .apply-form span.wpcf7-not-valid-tip {

    font-size: 14px;

    text-align: left;

    padding-left: 270px;

}

#apply .apply-form .acceptance-508 {

    margin-right: 20px;

}

.wpcf7c-elm-step2.checkbox {

    margin: 20px 20px 10px 0;

}

#apply .apply-form .acceptance-508 span.wpcf7-not-valid-tip {

    padding-left: 0;

    text-align: center;

}

.steps-image div {

    background-size: cover;

    width: 364px;

    margin: 20px auto 30px;

    display: block;

    height: 86px;

}

.steps-image .wpcf7c-elm-step1 {

    background-image: url('./images/Steps_edit.png');

}

.steps-image .wpcf7c-elm-step2 {

    background-image: url('./images/Steps_confirm.png');

    margin-bottom: 30px;

}

.steps-image .wpcf7c-elm-step3 {

    background-image: url('./images/Steps_thanks.png');

}

.wpcf7-form input.wpcf7-back {

    border: none;

    background: transparent;

    margin: 20px 20px 0 0;

}

#apply .wpcf7 form.sent .thanks {

    margin: 0;

}



.itsupport {

    position: fixed;

    right: 0;

    bottom: 6%;

    z-index: 100;

    box-shadow: -3px 3px 3px rgba(0,0,0,0.24);

    transform: translateX(60px);

    -webkit-transition: all 0.3s ease-in;transition: all 0.3s ease-in;

    border-radius: 4px;

}

.itsupport:hover {

    transform: translateX(0px);

}

.itsupport img {

    width: 270px;

    border-radius: 4px;

}



/*スマートチェックイン*/

#smartcheckin-header header:before {

    content: '';

    display: block;

    background: #fff;

    width: 100%;

    height: 360px;

    bottom: -1px;

    position: absolute;

    z-index: 0;

}

#ipad-smartcheckin {

    margin-left: -40px;

    margin-top: 20px;

    z-index: 1;

    position: relative;

}

#ipad-smartcheckin .video-bg {

/*    width: 870px;

    min-height: 639px;*/

        width: 698px;

    min-height: 512px;

    background: url(./images/ipad.png);

    background-size: cover;

    margin: auto;

    position: relative;

}

#ipad-smartcheckin.home .video-bg {

    width: 698px;

    min-height: 512px;

}

#ipad-smartcheckin .video-bg:before {

    content: 'NEW';

    background: #FE4948;

    width: 120px;

    height: 120px;

    border-radius: 60px;

    text-align: center;

    line-height: 120px;

    position: absolute;

    right: -40px;

    top: -40px;

    display: block;

    color: #fff;

    font-size: 27px;

    font-weight: bold;

    box-shadow: -3px 3px 3px rgba(0,0,0,0.2);

}

#ipad-smartcheckin video {

/*    width: 707px;

    margin: 32px 0 0 37px;*/

        width: 567px;

    margin: 26px 0 0 29px;

}

#ipad-smartcheckin.home video {

    width: 567px;

    margin: 26px 0 0 29px;

}

#smartcheckin-feature .feature-list {

    border-left: 1px solid #B7C0CD;

    border-top: 1px solid #B7C0CD;

    padding: 45px 30px 20px;

}

#smartcheckin-feature .feature-list:nth-child(3),

#smartcheckin-feature .feature-list:nth-child(6) {

    border-right: 1px solid #B7C0CD;

}

#smartcheckin-feature .feature-list:nth-child(4),

#smartcheckin-feature .feature-list:nth-child(5),

#smartcheckin-feature .feature-list:nth-child(6) {

    border-bottom: 1px solid #B7C0CD;

}

#smartcheckin-feature .feature-list:first-child {

    border-radius: 8px 0 0;

}

#smartcheckin-feature .feature-list:nth-child(3){

    border-radius: 0 8px 0 0;

}

#smartcheckin-feature .feature-list:nth-child(4) {

    border-radius: 0 0 0 8px;

}

#smartcheckin-feature .feature-list:nth-child(6) {

    border-radius: 0 0 8px 0;

}





#carousel{

    position:relative;

    max-width:800px;

    margin:0 auto;

    font-size:0;

    line-height:0;

    padding-bottom: 30px;

}



#carousel .carousel-view {

    position:relative;

}



#carousel .carousel-view .carousel-contents{

    position:relative;

    top:0;

}



#carousel img {

    max-width:100%;

}

#carousel .item img {

    border:20px solid #354052;

    border-radius: 16px;

    margin-bottom: 30px;

}



#carousel .carousel-view .carousel-contents:after{

    clear:both;

    content:"";

    display:table;

}



#carousel .carousel-view .carousel-contents .item {

    float:left;

    display:inline;

    padding: 30px;

    transition: all 0.6s;

    transform: scale(0.8);

}



#carousel .carousel-view .carousel-contents .item.current {

    transition: all 0.6s;

    transform: scale(1);

}



@media all and (-ms-high-contrast: none){

    #carousel .carousel-view .carousel-contents .item {

        max-width:800px; /* IE10以上 */

    }

}



p.prev{

    position:absolute;

    top: 44%;

    left: 0px;

    transform: translateY(-50%);

    width: calc(50vw - 370px);

    height: 600px;

}

p.next{

    position:absolute;

    top: 44%;

    right: 0px;

    transform: translateY(-50%);

    width: calc(50vw - 370px);

    height: 600px;

}

p.prev:before,

p.next:before {

    content:'';

    display: block;

    position:absolute;

    top:50%;

    transform: translateY(-50%);

    width: 64px;

    height: 64px;

    background: rgba(0,0,0,0.54);

    z-index: 1;

    transition: all 0.3s;

}

p.prev:before {

/*    right: 0;

    border-radius: 12px 0 0 12px;*/

    right: 20px;

    border-radius: 100px;

}

p.next:before {

/*    left: 0;

    border-radius: 0 12px 12px 0;*/

    left: 20px;

    border-radius: 100px;

}

p.prev:hover:before,

p.next:hover:before {

    background: #1A91EB;

    transition: all 0.3s;

}

p.prev:after,

p.next:after {

    content: '';

    display: block;

    width: 36px;

    height: 36px;

    margin: 0px 12px;

    position: absolute;

    top:50%;

    transform: translateY(-50%);

    background-size: cover;

    z-index: 2;

}

p.prev:after {

    right: 24px;

    background-image: url(./images/ic_chevron_left_white.svg);

}

p.next:after {

    left: 24px;

    background-image: url(./images/ic_chevron_right_white.svg);

}



#carousel ul.list-indicator{

    text-align:center;

    margin-bottom: 60px;

}



#carousel ul.list-indicator li{

    display:inline-block;

    margin-right:15px;

}



#carousel ul.list-indicator li a{

    display:block;

    height: 10px;

    width: 10px;

    background: #ccc;

    border-radius: 5px;

}

#carousel ul.list-indicator li.current a{

    background:#1A91EB;

}



#carousel .item-description {

    background: #fff;

    padding: 25px 25px 10px;

    font-size: 16px;

    color: #7F8FA4;

    line-height: 1.4;

    border-radius: 4px;

    position: relative;

}

#carousel .item-description:before {

    content: '';

    display: block;

    width: 20px;

    height: 20px;

    background: #fff;

    position: absolute;

    transform: rotate(-45deg);

    top: -10px;

    left: calc(50% - 10px);

}

#carousel .item-description .text-title {

    text-align: center;

    margin-bottom: 15px;

    font-weight: bold;

}

#carousel .carousel-num {

    font-size: 14px;

    font-weight: bold;

}





#smartcheckin-price .price-group .bg-white {

    border-radius: 4px;

}

#smartcheckin-price .price-group .price-name {

    background: #fe4948;

    padding: 10px;

    border-radius: 24px;

    font-size: 16px;

    font-weight: bold;

    margin-top: -22px;

    margin-left: 76px;

    margin-right: 76px;

}

#smartcheckin-price .price-group .price-total {

    font-size: 72px;

    font-weight: bold;

    line-height: 1.5;

    margin-bottom: 10px;

    font-family: "Helvetica Neue" , Helvetica , Arial, sans-serif;

    letter-spacing: 1.0px;

    margin-left: 5px;

}







#sns {

    margin-top: 80px;

}

#sns .sns-button {

    height: 48px;

    width: 48px;

    background: #F5F5F5;

    position: relative;

    border-radius: 2px;

    margin-right: 5px;

    display: inline-block;

}

#sns .sns-button img {

    height: 32px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    top: 0;

    margin: auto;

}

.btn-filter,

.btn-close {

    width: 200px;

    height: 56px;

    position: fixed;

    bottom: 40px;

    background: #354052;

    top: auto;

    color: #fff;

    border: none;

    border-radius: 2px;

    transition: all 0.3s; -webkit-transition: all 0.3s;

    box-shadow: 2px 6px 24px rgba(0,0,0,0.3);

    opacity: 1;

    margin: auto;

    left: 0;

    right: 0;

    font-weight: bold;

    font-size: 16px;

    z-index: 99;

}

.btn-filter.is-disabled {

    opacity: 0;

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

}

.btn-close {

    z-index: 999;

    background: #fff;

    bottom: -100px;

    color: rgba(0,0,0,0.87);

    opacity: 0;

}

.btn-close.is-active {

    opacity: 1;

    bottom: 40px;

    transition: all 0.5s; -webkit-transition: all 0.5s;

    box-shadow: 0 8px 12px rgba(0,0,0,0.3);

}

.btn-filter:hover,

.btn-close:hover {

    transition: all 0.3s; -webkit-transition: all 0.3s;

    width: 240px;

    height: 64px;

    border-radius: 100px;

    box-shadow: 4px 12px 32px rgba(0,0,0,0.1);

}

#filter {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    opacity: 0;

    z-index: -1;

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

    background: rgba(0,0,0,0.8);

}

#filter * {

    transition: all 0.5s;

    -webkit-transition: all 0.5s;

}

#filter.is-active {

    opacity: 1;

    z-index: 100;

}

#filter ul {

    width: 50%;

    height: 100%;

    padding: 200px 0;

    margin: auto;

}

#filter ul li {

    text-align: center;

    display: inline-block;

    position: relative;

}

#filter ul li:before {

    content: '#';

    display: block;

    color: #fff;

    position: absolute;

    font-size: 21px;

    font-weight: bold;

}

#filter ul li a {

    color: #fff;

    font-size: 21px;

    font-weight: bold;

    padding-left: 20px;

}

#filter ul li:hover {

    transform: scale(1.05);

}

#next-previouse {

    padding: 60px 0;

}

#next-previouse .previous-post > *,

#next-previouse .next-post > * {

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

}

#next-previouse .previous-post,

#next-previouse .next-post {

    width: 50%;

    float: left;

    position: relative;

}

#next-previouse .previous-post {

    border-right: 1px solid #eee;

    min-height: 1px;

}

#next-previouse .previous-post:hover,

#next-previouse .next-post:hover {

    background: #FAFAFA;

}

#next-previouse .previous-post:hover > *,

#next-previouse .next-post:hover > * {

    transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transform: scale(0.92);

}

#next-previouse .post-info {

    width: 80%;

}

#next-previouse .next-post .post-info {

    margin-left: 20%;

}

#next-previouse .post-info:before {

    content: '';

    display: block;

    width: 48px;

    height: 48px;

    position: absolute;

    background: url('./images/ic_chevron_left_black.svg');

    background-size: cover;

    right: calc(10% - 24px);

    top: calc(50% - 24px);

    opacity: 0.54;

}

#next-previouse .next-post .post-info:before {

    background: url('./images/ic_chevron_right_black.svg');

    background-size: cover;

    left: calc(10% - 24px);

    right: auto;

}

#next-previouse .post-info .post-image {

    width: 100%;

    height: 270px;

    background-size: cover;

    background-position: center;

    margin-bottom: 15px;

}



/* セミナーブロック */

.seminar-block {

	width: 960px;

	background-color: #fff;

	margin: 120px auto;

}

.seminar-block__desc {

	font-size: 18px;

	margin-bottom: 32px;

}

.seminar-block__content {

	width: 720px;

	margin: 64px auto;

	padding-bottom: 120px;

}

.seminar-block__table {

	width: 100%;

	border: 2px solid #D4D9E1;

	font-size: 16px;

}

.seminar-block__tr {

	border-bottom: 1px solid #D4D9E1;

}

.seminar-block__td {

	padding: 16px;

}

.seminar-block__td--title {

	background-color: #F6F9FA;

	font-weight: bold;

}

.seminar-block__contact {

	padding-top: 64px;

	margin-top: 80px;

	border-top: 1px solid #ddd;

}

.seminar-block__contact h2 {

	margin-bottom: 16px;

}

.seminar-block .form-inline {

	width: 100%;

}

.seminar-block .wpcf7-form input.wpcf7-submit {

    margin-top: 0;

}

.wpcf7-recaptcha div {

    margin: 0 auto 40px;

}