html {
    min-height: 100%;
    position: relative;
	font-family: -apple-system, "Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
body {
    background-color: rgb(232, 240, 254);
}
ul {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
li {
    list-style: none;
}
.navbar-brand {
    overflow: visible;
}
@media (max-width: 880px) {
    .nav-container {
        font-size: 8px;
    }
    .nav-container a {
        font-size: 14px;
    }
}
.container {
    text-align: center;
/*    margin: 50px auto 0px auto;*/
}
@media (min-width: 840px) {
    width: 800px;
}

.footer-container {
    text-align: center;
}
.article {
    text-align: left;
    max-width: 600px;
    margin: 0px auto;
    margin-top: 20px;
    clear: both;
    padding: 0px 10px 10px 10px;
}
.article-wide {
    max-width: 960px;
    text-align: center;
}
.news_list .article {
    max-width: 800px;
}
.article h2 {
    text-align: center;
/*    margin-top: 100px;*/
    padding-top: 10px;
}
.article table {
    margin: 0px auto;
}
.article td {
    padding: 0px 10px;
}
@media (min-width: 840px) {
    .article h2 {
        white-space: nowrap;
    }
    .article table td a {
        white-space: nowrap;
    }
}
.article h2 span {
    white-space: nowrap;
}
.article .logo {
    text-align: center;
}
.article_content {
    margin: 20px;
    text-align: left;
}

.article-wide-image {
    max-width: 100%;
    height: auto;
}
.face {
    float: left;
    border-radius: 120px;
    overflow: hidden;
    margin: 10px;
}
@media (max-width: 760px) {
    .face img {
        width: 160px;
    }
    .face {
        border-radius: 80px;
    }
}
table {
    text-align: left;
}
.footer {
    width: 100%;
    height: 2em;
}
.navbar-inverse a.navbar-brand {
    color: white;
}
.news_list {
    clear: both;
}
.news_list .date {
    text-align: left;
    width: 180px;
}
@media (min-width: 840px) {
    .news_list .date {
        display:table-cell;
    }
    .news_list .title {
        display:table-cell;
    }
}



.company_photo {
    margin: 50px 0px;
    overflow: hidden;
}
.company_photo li {
    float: left;
    width: 25%;
}
@media (max-width: 450px) {
    .company_photo li {
        width: 50%;
    }
}
.company_photo li img {
    width: 100.5%;
}


.container .photo_line img {
    width: 100%;
}

.member {
    text-align: center;
    font-size: large;
}
.member .photo {
    width: 240px;
    margin: 10px auto;
}

.sns {
    margin: 30px 20px;
}
.sns img {
    width: 48px;
    margin: 5px;
}

.news-footer-navi {
    margin: 50px 10px;
}

.fb_iframe_widget > span {
    vertical-align: baseline !important;
}


.btn-inquiry, .btn-inquiry:visited {
    background-color: #e03253;
    color: white;
}
.btn-inquiry:hover {
    background-color: #d02243;
    color: white;
    border-color: #a00;
}
.btn-inquiry:active, .btn-inquiry:focus {
    background-color: #c01233;
    color: white;
    border-color: #500;
}



.footer-container {
	background: silver;
	overflow: hidden;
}
.footer-menu {
	overflow: hidden;
}
.footer-menu a:link, .footer-menu a:hover, .footer-menu a:active, .footer-menu a:visited {
	color: black;
}


.footer-menu-left, .footer-menu-right {
	margin-bottom: 20px;
}
@media (min-width: 840px) {
.footer-menu-left, .footer-menu-right {
	width: 280px;
	float: left;
}
}


.description pre {
	border-radius: 10px;
	padding: 20px;
	white-space: pre-wrap;
	background-color: white;
	font-family: -apple-system, "Helvetica Neue", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

span.emph {
	font-weight: bold;
	color: red;
}

/* インストールバナー */
/*
.testflight {
	display: inline-block;
	margin: 15px;
	border-radius: 10px;
	border: solid 2px #ddd;
	padding: 10px 5px;
	width: 220px;
	height: 63px;
	background-color: #000000;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: white;
}
.testflight img{
	margin: 0 10px 0 0;
	width :45px;
}
.testflight:hover, .testflight:visited {
	text-decoration: none;
	color: white;
}
*/
.install-banner{
	margin: 0px auto;
	max-width: 600px;
	text-align: center;
/*	float: left;*/
}

.appstore{
	width:177px;
}
.googleplay{
	width:250px;
}

/* よくある質問 */
dl.faq {
	margin: 20px 0 0 0;
}
.faq dt {
	padding: 8px 8px 8px 37px;
	text-indent: -24px;
	border-radius: 6px 6px 0 0 / 6px 6px 0 0;
	background: #444;
	color: #fff;
}
.faq dt:before {
	margin-right: 9px;
	content: "Q.";
	font-weight: bold;
}
.faq dd {
	margin: 0 0 15px 0;
	border: 1px solid #777;
	border-radius: 0 0 6px 6px / 0 0 6px 6px;
	padding: 9px 9px 9px 36px;
	text-indent: -22px;
}
.faq dd:before {
	margin-right: 8px;
	content: "A.";
	font-weight: bold;
}
.faq dd img {
	width: 100%;
}
.faq dd .default_style {
	width: initial;
}

#note pre {
	font-size: 22px;
	text-align: center;
}