@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css); */

/* for SP {{{ */
@media screen and (max-width: 767px) {

/* base {{{ */
body {
    font-size: 24px;
    color: #3a3a3a;
    line-height: 1.5;
    /* font-family:  "TBUDゴシック SL", TBUDGothic SL, "メイリオ", Meiryo, Helvetica, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif; */
    font-family: "Roboto", "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    -webkit-text-size-adjust: 100%;
}

.pc-txt-center {
    text-align: left;
}

.sp-txt-left {text-align: left !important; }
/* }}} */

/* common {{{ */
.sp-none {
    display: none !important;
}
.arrow:before {
	border-right: 0.1em solid #000;
	border-top: 0.1em solid #000;
	content: "";
	margin-top: -0.35em;
	width: 0.55em;
	height: 0.55em;
	right: 1.2em;
	position: absolute;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	z-index: 100;
}
.pc-only {
	display: none !important;
}
.pc-only.inline-block {
	display: none !important;
}
.sp-only {
	display: block !important;
}
.sp-only.inline-block {
	display: inline-block !important;
}
.pc-nowrap {
    white-space: normal;
}

h3.index-ttl,
h3.detail-ttl,
sub.index-ttl,
sub.detail-ttl,
span.index-ttl,
span.detail-ttl {
}

ul.decimal,
ul.number {
    margin-left: 2em;
}
.sp-mtop05em {
    margin-top: 0.5em !important;
}
.sp-mtop1em {
    margin-top: 1em !important;
}
.sp-mtop15em {
    margin-top: 1.5em !important;
}
.sp-mtop2em {
    margin-top: 2em !important;
}
.sp-mtop3em {
    margin-top: 3em !important;
}
.sp-lh125 {
    line-height: 1.25 !important;
}

.sp-ml03em { margin-left: 0.3em !important;}

.video {
    margin: 1em 0;
    position: relative;
    height: 0;
    padding: 30px 0 56.25%;
    overflow: hidden;
}
.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: none;
    -webkit-transform: none;
}

/* }}} */

/* login {{{ */
.login-header {
	width: 100%;
	margin: auto;
	border-bottom: solid 0.1em #f4f4f4;
	padding: 0 0 1em;
}
.login-header h1 {
	width: 100%;
	float: none;
	font-size: 1em;
	line-height: 1;
	margin: auto;
	padding: 0;
	text-align: center;
	border-bottom: solid 0.1em #cccccc;
}
.login-header h1 img {
	width: 84.0625%;
}
.login-header .welcome {
	text-align: center;
	font-size: 2.25em;
	padding: 0.4em 0 0.1em;
	font-weight: normal;
	letter-spacing: 0.1em;
}
#contents .container.login {
	width: 100%;
	margin: auto;
	padding: 6.25% 0;
	box-sizing: border-box;
}
#contents .container.login .main {
	width: 100%;
	float: none;
	position: relative;
	margin-bottom: 6.25%;
}
#contents .container.login .main .btn-apply {
	position: absolute;
	width: 65.625%;
	bottom: 12%;
	left: 50%;
	margin-left: -32.5%;
}
#contents .container.login .login-box {
	width: 78.125%;
	margin: auto;
	float: none;
	box-sizing: border-box;
	
	background-color: #f5f5f5;
	-moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border-radius: 0.2em;
    padding: 1.25em 1.66em;
    border: solid 1px #dddddd;
}
#contents .container.login .login-box.login-box02 {
	margin-top: 6.25%;
}
#contents .container.login .login-box.login-box03 {
	background-color: #ffffff;
}
#contents .container.login .login-box h4 {
	font-size: 1.16em;
	font-weight: normal;
	margin-bottom: 1.2em;
}
#contents .container.login .login-box ul {
	margin-bottom: 5%;
}
#contents .container.login .login-box ul li {
	font-size: 1em;
	margin-bottom: 4%;
}
#contents .container.login .login-box input {
	display: block;
	width: 100%;
	font-size: 1.2em;
	box-sizing: border-box;
	background-color: #ffffff;
	-moz-border-radius: 0.1em;
    -webkit-border-radius: 0.1em;
    border-radius: 0.1em;
    padding: 0.8em 0.8em;
    border: solid 1px #dddddd;
}
#contents .container.login .login-box .fl-box .chk {
	font-size: 0.833em;
}
#contents .container.login .login-box .fl-box .chk input {
	margin: 0.3em 0.1em 0 0;
}
#contents .container.login .login-box .fl-box .chk input + span {
	float: left;
}
#contents .container.login .login-box .fl-box .submit {
	float: right;
}
#contents .container.login .login-box .submit {
	font-size: 1.16em;
	background-color: #757678;
	-moz-border-radius: 0.1em;
    -webkit-border-radius: 0.1em;
    border-radius: 0.1em;
}
#contents .container.login .login-box .note {
    font-size: 0.75em;
}
#contents .container.login .login-box .submit button {
	color: #ffffff;
	font-size: 1em;
	background: none;
	border: none;
	padding: 0.65em;
	width: 100%;
}
#contents .container.login .login-box .reminder {
	font-size: 0.83em;
	margin-top: 5%;
}
#contents .container.login .login-box .reminder a {
	font-size: 1em;
	color: #000000;
}
#contents .container.login .login-box.emergency p.small {
    font-size: 0.8em;
}
#contents .container.login .login-box.emergency p {
    text-align: center;
    font-size: 1.2em;
}
#contents .container.login .login-box.emergency p span.small{
    font-size: 0.7em;
}

#contents .container.login .logout-box {
	width: 78.125%;
	margin: 0 auto 12%;
	box-sizing: border-box;
	text-align: center;
}
#contents .container.login .logout-box h4 {
	font-size: 1.16em;
	font-weight: bold;
	margin-bottom: 10%;
}
#contents .container.login .logout-box .login {
	font-size: 0.833em;
}
#contents .container.login .logout-box .login a {
	color: #000000;
}

#contents .login-footer {
	padding: 0 0 2em;
}
#contents .login-footer footer {
	width: 100%;
	box-sizing: border-box;
}

#contents .login-footer footer .footer-nav {
	width: 100%;
	float: none;
}
#contents .login-footer footer .footer-nav li {
	display: block;
	padding: 1em;
	line-height: 1;
	border-right: none;
	border-bottom: solid 0.1em #cccccc;
	text-align: center;
}
#contents .login-footer footer .footer-nav li:last-child {
	border-bottom: solid 0.1em #cccccc;
}
#contents .login-footer footer .footer-nav li a {
	font-size: 1em;
}
#contents .login-footer footer .mark {
	border: none;
	margin: 6% 0 0;
	text-align: center;
}
#contents .login-footer footer .mark img {
	width: 61.875%;
}
#contents .login-footer footer .copy {
	float: none;
	margin-top: 4%;
	text-align: center;
}
#contents .login-footer footer .copy img {
	width: 50.46875%;
	display: inline-block;
}
/* }}} */

/* header {{{ */

#header {
    min-width: auto;
    min-width: initial;
    width: 100%;
}

#header header h1 {
	text-align: center;
	padding: 0;
	float: left;
	width: 84%;
}
#header header h1 img {
	width: 100%;
	display: block;
}
#header header .menubtn .img {
	width: 100%;
}
#header header .menubtn {
	display: block;
	float: right;
	width: 4.6875%;
	margin: 6.5% 8% 0 0;
}
#header header .menubtn img {
	width: 100%;
}
#header header .nav-fold {
	background-color: #fff;
	padding-bottom: 1em;
    clear: both;
    display: none;
    position: absolute;
    top: 17%;
    width: 100%;
    z-index: 99999;
}

#header header nav {
    float: none;
    background-color: #f8f8f8;
}
#header header nav ul {
	display: block;
	padding: 5% 0 5%;
	margin: 0;
    width: auto;
}
#header header nav ul li {
	display: block;
	padding-right: 0;
	margin-bottom: 5%;
}
#header header nav ul li a {
	font-size: 1.3em;
	text-align: left;
	text-decoration: none;
	color: #000;
    padding: 0 0 0 30px;
}
#header header nav ul li a .eng {
    font-size: 0.85em;
    color:#777777;
}
#header header nav ul li.reserve {
	width: auto;
}


/* }}} header */
/* footer {{{ */
#footer {
	padding: 0 0 5%;
	/*padding: 0;*/
	margin-top: 5%;
}
#footer footer .footer-nav {
	background-color: #f8f8f8;
	padding: 8.43%;
}
#footer footer ul.footerMenu {
	width: 100%;
	margin: auto;
}
#footer footer ul.footerMenu li {
	padding: 0.2em 0;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
#footer footer ul.footerMenu li a {
	display: block;
	color: #999999;
	text-decoration: none;
}
#footer footer .social {
	text-align: center;
	padding: 9% 0;
}
#footer footer .social li {
	margin: 0 1%;
	display: inline-block;
	width: 8.75%;
}
#footer footer .footer-text {
	font-size: 0.666em;
	color: #808080;
	width: 100%;
	box-sizing: border-box;
	width: 72%;
	margin: 2% auto 0;
	letter-spacing: 0.15em;
}

.icon-desc {
    box-sizing: border-box;
    width: 100%;
}
.icon-desc .icon-list {
    -webkit-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    width: 96%;
    margin: 0 auto;
}
.icon-desc .icon-list .item {
    margin-right: 0;
}
.icon-desc .icon-list img {
    width: 1em !important;
    margin-right: 0.2em;
}
.icon-desc .icon-list .text {
}



/* }}} */


}
/* }}} */

/* vim: set ts=4 sw=4 sts=0 foldmethod=marker : */