@charset "utf-8";
body {
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴシック','Hiragino Sans','ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','Yu Gothic UI',YuGothic,'Yu Gothic','メイリオ', Meiryo,'Meiryo UI', 'Helvetica','Helvetica Neue','Arial', sans-serif;
	font-weight: 400;
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.link-orange {
	text-decoration: underline;
	color: #ff8433;
}
a, button {
	-webkit-transition: 0.2s all;
    -moz-transition: 0.2s all;
    -o-transition: 0.2s all;
    transition: 0.2s all;
}
.d-inline-block {
	display: inline-block;
}
.d-block {
	display: block;
}
#verytop {
    padding-top: 65px;
}
/* ----------------------------------------------------
    	headline
-----------------------------------------------------*/
#logo-area #logo a {
    padding-top: 15px;
    display: block;
}
#cont .headline01,
.headline01 {
	color: #367eb3;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	margin-bottom: 20px;
	line-height: 1.4;
}
#cont .headline02 {
	margin-top: 40px;
	margin-bottom: 25px;
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	border: 0;
	padding: 0;
}
#cont .headline02:after {
	content: none;
}
#cont .headline03 {
    font-weight: bold;
    color: #ddd;
    font-size: 36px;
    margin: 0;
    margin-bottom: 15px;
}
.top-headline span {
	font-weight: 400;
	font-size: 80%;
    padding-left: 20px;
}
@media only screen and (max-width: 767px) {
	.top-headline span {
		font-size: 20px;
	}
	
}
/* ----------------------------------------------------
    	button
-----------------------------------------------------*/
.btn-blue,
.btn-gray {
	display: block;
	width: 100%;
	text-align: center;
	background: #367eb3;
	border-radius: 0;
	border: 1px solid #367eb3;
	color: #fff;
	font-weight: bold;
	padding: 10px;
    font-size: 15px;
}
.btn-blue:hover {
	background: #205c89;
	border-color: #205c89;
	color: #fff;
	text-decoration: none;
}
.btn-gray {
	background: #999;
	border: 1px solid #999;
}
.btn-gray:hover {
	background: #777;
	border-color: #777;
	color: #fff;
	text-decoration: none;
}
.button-orange a {
    background-color: #FF6600;
}
.btn-middle {
	max-width: 200px;
	margin: 0 auto;
}
.btn-small {
	padding: 6px 16px;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	line-height: 1;
}
@media only screen and (max-width: 767px) {
	.btn-blue, .btn-gray {
		font-size: 14px;
	}
}
/* ----------------------------------------------------
    				LOGIN PAGE 
-----------------------------------------------------*/
#login-page {
	background: radial-gradient(#b1cadc, #367eb3);
	height: 100%;
	width: 100%;
	min-height: 70vw;
	padding: 10px;
}
.login-box {
	max-width: 850px;
	background: #fff;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
	margin: auto;
	margin-top: 10vw;
	width: 100%;
	padding: 40px 10px;
}
.logo {
	text-align: center;
	margin-bottom: 15px;
}
.form-inner {
	max-width: 720px;
	margin: 0 auto;
	padding: 40px 10px;
}
.login-box .inner {
	max-width: 720px;
	margin: 0 auto;
}
.control-group {
	margin-bottom: 20px;
}
.form-text-area {
	color: #ff8433;
	font-size: 14px;
}
.form-actions + .form-text-area {
	margin-top: 10px;
}

/* ----------------------------------------------------
    			FORM PARTS
-----------------------------------------------------*/
.form-control {
	border-radius: 0;
	height: 50px;
	font-size: 16px;
	font-weight: bold;
}
input::placeholder {
	font-weight: bold;
	font-size: 16px;
}
.checkbox01-input {
  display: none;
}
.checkbox01-parts {
  padding-left: 20px;
  position: relative;
  margin-right: 20px;
	cursor: pointer;
}
.checkbox01-parts::before{
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #bbb;
    border-radius: 1px;
}
.checkbox01-input:checked + .checkbox01-parts {
  color: #367eb3;
}
.checkbox01-input:checked + .checkbox01-parts::after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #367eb3;
  border-right: 3px solid #367eb3;
}
.has-error .form-control {
    border-color: #ff334b;
}
.error-text {
	color: #ff334b;
	font-weight: bold;
	font-size: 14px;
	margin-top: -10px;
}
.form-group.table-layout,
.table-layout {
	display: table;
	width: 100%;
}
.form-group.table-layout label {
	white-space: nowrap;
	padding-right: 10px;
}
.form-group.table-layout label,
.form-group.table-layout .form-control,
.table-layout .table-cell {
	display: table-cell;
}
.table-layout .table-cell input[type="checkbox"] {
	margin-right: 3px;
	margin-top: 0;
    top: 2px;
}
.search-box .col-form-label {
	width: 200px;
}
.va-bottom {
	vertical-align: bottom;
}
.va-middle {
	vertical-align: middle;
}
.va-top {
	vertical-align: top;
}
select {
	cursor: pointer;
}
.search-box.results .table-cell {
	width: 80%;
}
.search-box.results .table-cell + .table-cell {
	width: 20%;
}
.search-box .form-group.table-layout .col-form-label {
    width: 100px;
    max-width: 100px;
    min-width: 100px;
}
#cont .form-table {
	border: 0;
	vertical-align: top;
	width: 100%;
}
#cont .form-table th,
#cont .form-table td {
	background: none;
	border: 0;
	font-size: 18px;
	color: #555;
	font-weight: normal;
	padding: 15px;
}
#cont .form-table tr + tr:not(:last-child) td,
#cont .form-table tr + tr:not(:last-child) th {
	padding-top: 0;
	padding-bottom: 0;
}
#cont .form-table th {
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
	padding-right: 0;
	font-weight: bold;
}
#cont .form-table tr:nth-child(2n+1) td {
	background: none;
	white-space: pre-wrap;
}
@media only screen and (max-width: 767px) {
	.memaber-box .table-layout .table-cell {
		display: inline-block;
		width: 50%;
	}
	.memaber-box .mynumber {
		padding: 0;
	}
	.memaber-box .logout {
		float: right;
		max-width: 180px;
	}
	.form-inline .radio, .form-inline .checkbox {
		display: inline-block;
		margin-top: 0;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.form-group.table-layout label {
		white-space: pre-wrap;
	    line-height: 1.6;
	}
	.search-box .form-group.table-layout .col-form-label,
	.search-box .form-group.table-layout .table-cell.form-inline {
		display: block;
		width: 100%;
	}
	.search-box.results .table-cell,
	.search-box.results .table-cell + .table-cell {
		width: 100%;
		display: block;
	}
	#cont .form-table {
		width: 100%;
		display: block;
		margin-bottom: 30px;
	}
	#cont .form-table tbody {
		display: block;
	}
	#cont .form-table tbody tr {
		display: block;
	}
	#cont .form-table tbody tr th,
	#cont .form-table tbody tr td {
		display: block;
		font-size: 15px;
	}
	#cont .form-table tbody tr th {
		padding: 0 5px;
	}
	#cont .form-table tbody tr + tr th {
		padding: 0 5px;
	} 
	#cont .form-table tbody tr td {
		white-space: pre-wrap;
		padding: 0 0 8px 5px;
	}
}

/* ----------------------------------------------------
    			header
-----------------------------------------------------*/
.site-navigation {
	position: fixed;
}
.parallax-mirror {
    visibility: visible;
    z-index: -100;
    position: fixed;
    top: 0px;
    left: 0px;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    height: 389px;
    width: 100%;
}
.amore-divider {
    right: 0;
    position: relative;
}
.parallax-mirror img {
    transform: translate3d(0px, 0px, 0px);
    position: absolute;
    right: 0px;
    height: 389px;
    width: 1900px;
    max-width: none;
    top: 0px;
}
#header #main-menu.navbar-nav>li>a:hover {
	color: #FF6600 !important;
}
@media only screen and (max-width: 767px) {
	.parallax-mirror,
	.parallax-mirror img {
	    height: 60vw;
		width: 180vw;
	}
}

/* ----------------------------------------------------
    			BREADCRUMB
-----------------------------------------------------*/
.breadcrumb a {
	color: #ff6600;
}
/* ----------------------------------------------------
    			main
-----------------------------------------------------*/
main {
	background: #fff;
	padding: 40px 0;
}
main .amore-inner-container {
	margin-top: 0;
	margin-bottom: 0;
}
.to_top a,
.text-orange {
	color: #FF6600;
}
.to_top a:hover {
	color: #aaa;
}

.list-box .list-header {
	width: 100%;
}
.list-box .list-header .number-registered,
.list-box .list-header .sort {
	width: 50%;
	float: left;
}
.list-box .list-header .sort {
	text-align: right;
	margin-bottom: 25px;
}
.list-box .list-header .sort a {
	padding: 8px 5px;
	line-height: 1;
	display: inline-block;
	margin-right: 5px;
	font-size: 14px;
	pointer-events: visible;
}
.list-box .list-header .sort a + a {
	margin-left: 0;
	margin-right: 0;
}
.list-box .list-header .sort a:hover {
	color: #23527c;
    background-color: #eee;
    border-color: #ddd;
	text-decoration: none;
}
.list-box .list-header .sort a.active {
	pointer-events: none;
}
.list-box .list-header .sort a.active,
.list-box .list-header .sort a.active:hover {
	background: #367eb3;
	color: #fff;
	text-decoration: none;
}
.list-box .list-body .text-orange {
	color: #FF6600;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}
.list-box .list-body dl dt {
	font-size: 15px;
	font-weight: 400;
}
.list-box .list-body dl dd {
	font-size: 14px;
}
.list-box .list-body dl dd .category {
	padding-right: 12px;
	border-right: 1px solid #777;
	margin-right: 12px;
}
.list-box .list-body dl dd + dd {
	margin-top: 5px;
}
.list-box .number-registered {
	font-size: 15px;
}
.search-box {
	padding: 25px 10px;
	background: #f7f7f7;
    margin-bottom: 35px;
}
.search-box .search-box-inner {
	max-width: 900px;
	margin: 0 auto;
}
.search-box.results .table-cell p {
	font-size: 22px;
}
.search-box.results .form-group.table-layout {
	margin-bottom: 0;
}
.pagination>li>a, .pagination>li>span {
	margin-left: 0;
}
.pagination>li>a, .pagination>li>span,
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	border: 0;
}
.pager-box {
	margin-top: 40px;
	text-align: center;
}
#cont .pager-box .pagination li {
	padding: 0;
	margin: 0;
}
.pager-box + .form-actions,
.list-box + .form-actions {
	margin-top: 40px;
}
.pagination,
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-radius: 0;
}
.member-box {
	padding-bottom: 10px;
	border-bottom: 2px solid #ddd;
	margin-bottom: 25px;
}
.member-box:after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.member-box p {
	font-size: 15px;
}
.member-box .mynumber {
	text-align: left;
	padding-right: 10px;
}
.member-box .contract-term {
	text-align: right;
	padding-right: 10px;
}
.faq-category {
	padding: 10px;
	background: #eee;
	margin-top: 20px;
}
.faq-category  dl {
	margin-bottom: 0;
}
.faq-answer-box .answer-box {
    padding-top: 40px;
    margin-top: 40px;
	border-top: 1px dashed #ddd;
}
.btn-area {
	margin-top: 100px;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 767px) {
	.member-box .table-layout,
	.member-box .table-layout .table-cell {
		display: block;
	}
	.member-box .table-layout .table-cell {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	.member-box .table-cell.logout {
		width: 50%;
		float: right;
	}
	.form-actions.row.btn-area {
		margin-right: -15px;
		margin-left: -15px;
	}
	.list-box .list-header .sort a {
	    padding: 6px 5px;
		font-size: 13px;
	}
	#cont .list-box .list-header .sort {
		font-size: 12px;
	    margin-bottom: 25px;
	}
	#cont .list-box .list-header .number-registered {
		margin-top: 4px;
		font-size: 13px;
	}
}

/* ----------------------------------------------------
    			footer
-----------------------------------------------------*/
.footer-top {
    background: #444;
    padding-bottom: 10px;
    padding-top: 10px;
}
.footer-top .container {
	padding-bottom: 0;
}
.footer-middle {
	background: #222;
}
#footer-copr .container {
	padding-top: 20px;
	color: #fff;
}