@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
body {
	line-height: 1.5
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}

blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
ul {
    list-style: none;
}
*, *::before, *::after {
	box-sizing: border-box
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: 700
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-spacing: 0
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}
input, select {
	vertical-align: middle
}
html, body {
	height: 100%;
	background-color: #fff;
	color: #4d4d4d;
	font-size: 17px;
	font-size: 1rem;
	font-family: 'Noto Sans JP', sans-serif, "游ゴシック体", "Yu Gothic";
	line-height: 1.7;
	margin: 0
}
@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-moz-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-o-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
img {
	height: auto;
	vertical-align: bottom;
	max-width: 100%
}
section {
	width: 100%;
	position: relative
}
.inner {
	position: relative;
	margin: 0 auto;
	padding: 80px 0;
	max-width: 1024px
}
.for-sp {
	display: none
}
.fadeinA {
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1000ms;
	line-height: normal;
}
.fadeinA.show {
	opacity: 1;
	transform: translate(0, 0)
}
.fadeinB {
	opacity: 0;
	transform: translate(0, -50px);
	transition: all 1000ms
}
.fadeinB.show {
	opacity: 1;
	transform: translate(0, 0)
}
.fadeinC {
	opacity: 0;
	transform: translate(-50px, 0);
	transition: all 1000ms
}
.fadeinC.show {
	opacity: 1;
	transform: translate(0, 0)
}
.fadeinD {
	opacity: 0;
	transform: translate(-30px, 0);
	transition: all 1000ms
}
.fadeinD.show {
	opacity: 1;
	transform: translate(0, 0)
}
br.mb_10 {
	margin-bottom: 10px;
	display: block;
	content: ''
}
br.mb_15 {
	margin-bottom: 15px;
	display: block;
	content: ''
}
.Column2 {
	flex: 0 0 50%;
	padding: 0 15px;
	max-width: 50%;
	position: relative;
	padding-bottom: 30px
}
.Column3 {
	flex: 0 0 calc(100% / 3);
	max-width: calc(100% / 3);
	padding: 0 15px 30px;
	position: relative
}
.Column3_1 {
	flex: 0 0 33.333%;
	max-width: 33.333%;
	position: relative;
	padding-bottom: 30px
}
.Column3_2 {
	flex: 0 0 66.666%;
	max-width: 66.666%;
	position: relative
}
.Column4 {
	flex: 0 0 calc(100% / 4);
	max-width: calc(100% / 4);
	padding: 0 15px;
	position: relative;
	padding-bottom: 30px
}
.Column4_1 {
	flex: 0 0 25%;
	max-width: 25%;
	position: relative
}
.Column4_3 {
	flex: 0 0 75%;
	max-width: 75%;
	position: relative;
	padding-bottom: 30px
}

main button {
	border: none;
	border-radius: 100vh;
	background: #fff;
	color: #006793;
	line-height: 1;
	font-family: 'Noto Sans JP', sans-serif, "游ゴシック体", "Yu Gothic";
	font-size: 20px;
	font-weight: 600;
	padding: 15px 30px;
	height: fit-content;
	box-shadow: 0 0 7px rgb(0 0 0 / 20%)
}
main button:hover {
	cursor: pointer;
	opacity: .7;
	background: #006793;
	color: #fff;
	outline: 2px solid #fff;
	outline-offset: -2px;
	transition: all .3s
}
button.bgred {
	background: #006793;
	color: #fff
}
button.bgred:hover {
	background: #fff;
	color: #006793;
	outline: 2px solid #006793;
	outline-offset: -2px;
	transition: all .3s
}
.bggy {
	background: #f1f1f1
}
.under {
	border-top: 3px solid #00bcd4;
	width: 60px;
	margin: 5px auto 30px
}
.center {
	text-align: center
}
.bk {
	color: #4d4d4d
}
.red {
	color: #006793
}
.wh {
	color: #fff
}
h2 {
	font-size: 35px;
	font-weight: 700;
	text-align: center
}
h3 {
	font-size: 20px
}
span.double {
	font-size: 35px;
	border-bottom: 5px double #fdd835
}
.index .bggy {
	background: #f9f9f9
}
.bg_note {
	background-color: #fff;
	background-image: repeating-linear-gradient(90deg, rgba(0, 0, 0, .06), rgba(0, 0, 0, .06) 1px, transparent 1px, transparent 20px), repeating-linear-gradient(0deg, rgba(0, 0, 0, .06), rgba(0, 0, 0, .06) 1px, #fff 1px, #fff 20px);
	background-size: 20px 20px;
	background-repeat: repeat;
	background-position: center center
}
hr.dot {
	border-top: 1px dotted #959595;
	margin: .6em 0
}
.index h2 span {
	color: #006793
}
.index .inner > p.center {
	margin-bottom: 50px
}
.yel-number {
	max-width: 70px;
	width: 100%;
	position: absolute;
	top: -30px;
	left: -50px
}
.yel-line {
	background: linear-gradient(transparent 60%, #fdd835 0%)
}
nav {
	width: 100vw;
	height: 80px;
	text-align: center;
	align-items: center;
	padding: 0 40px;
	position: fixed;
	top: 0;
	background: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%);
	z-index: 999
}
nav ul {
	list-style: none;
	display: flex;
	justify-content: center;
	padding-left: 0
}
nav ul ul {
	display: block
}
nav ul li {
	position: relative
}
nav ul.sub-menu li {
	position: relative;
	height: auto
}
nav ul.sub-menu li a {
	font-size: 15px
}
nav ul li a {
	display: block;
	text-decoration: none;
	padding: 0 20px 5px
}
nav ul li li a {
	padding: 10px 20px
}
nav li.has-child ul {
	position: absolute;
	right: 0;
	top: 39px;
	width: 100%;
	z-index: 4;
	background: #006793;
	visibility: hidden;
	opacity: 0
}
nav li.has-child:hover > ul, nav li.has-child ul li:hover > ul, nav li.has-child:active > ul, nav li.has-child ul li:active > ul {
	visibility: visible;
	opacity: 1
}
nav li.has-child ul li a {
	color: #fff;
	width: 100%;
	border-bottom: solid 1px rgba(255, 255, 255, .6)
}
nav li.has-child ul li:last-child a {
	border-bottom: none
}
nav li.has-child ul li a:hover, nav li.has-child ul li a:active {
	background: #0781b5
}
nav li.has-child i {
	padding-left: 8px
}
.navbar-wrapper {
	width: 1200px;
	height: 80px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between
}
#Gnav img {
	width: 300px
}
.logo-l {
	text-align: left
}
.logo {
	text-align: left
}
.logo p {
	font-size: 15px
}
.logo button {
	background: #ffb500;
	color: #fff;
	font-size: 17px;
	padding: 7px 15px;
	box-shadow: none;
	display: block;
	margin: 10px 0 0 auto
}
.logo button:hover {
	background: #ffc539;
	color: #fff;
	outline: none;
	outline-offset: 0
}
.ad1, .ad2 {
	text-align: center;
	font-size: 13px;
	padding: 5px 0
}
.ad1 {
	background: #e1ff1a
}
.ad2 {
	background: #fff
}
.header-logo-menu {
	display: none
}
.sp-header-menu {
	height: 60px;
	width: 100vw;
	background: #fff;
	display: flex;
	align-items: center;
	padding: 0 20px;
	z-index: 999;
	position: fixed;
	box-shadow: 0 0 10px rgb(0 0 0 / 10%)
}
.sp-header-menu h1 {
	width: 200px
}
#SP-nav {
	position: fixed;
	z-index: 999;
	top: 60px;
	left: 0;
	width: 100%;
	height: auto;
	background: #fff;
	box-shadow: none;
	padding: 0 0 20px;
	visibility: hidden;
	opacity: 0
}
#SP-nav.panelactive {
	visibility: visible;
	opacity: 1
}
#SP-nav ul {
	z-index: 999;
	top: 0;
	left: 0;
	display: block;
	text-align: left
}
#SP-nav ul .sp-parent {
	border-bottom: 2px solid #eee
}
#SP-nav ul .sp-parent:last-child, #SP-nav ul .sp-parent.active {
	border-bottom: none
}
#SP-nav li {
	list-style: none;
	border-bottom: 2px solid #fff
}
#SP-nav li a {
	color: #333;
	text-decoration: none;
	padding: 10px 20px;
	display: block;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 700
}
#SP-nav li.sp-parent a {
	display: inline-block
}
li.sp-parent:before {
	position: absolute;
	top: 20px;
	right: 20px;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: 2px solid #656565;
	border-right: 2px solid #656565;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	content: ""
}
li.sp-parent.active:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.sp-sub-menu {
	visibility: hidden;
	opacity: 0;
	height: 0
}
li.sp-parent.active > .sp-sub-menu {
	visibility: visible;
	opacity: 1;
	height: auto;
	transition: .3s ease-out 0s
}
#SP-nav li.sp-child {
	padding-left: 15px;
	font-size: 14px;
	font-weight: 400;
	background: #eee
}
#SP-nav li.sp-parent li.sp-child a {
	display: block
}
.sp-signup {
	margin: 0 40px 0 auto;
	background: #ffb500;
	color: #fff;
	font-size: 14px;
	padding: 5px 15px;
	box-shadow: none;
	display: block;
	border-radius: 100vh
}
.openbtn1 {
	position: fixed;
	z-index: 9999;
	top: 5px;
	right: 10px;
	cursor: pointer;
	width: 50px;
	height: 50px
}
.openbtn1 span {
	display: inline-block;
	transition: all .4s;
	position: absolute;
	left: 14px;
	height: 3px;
	border-radius: 2px;
	background-color: #4d4d4d;
	width: 50%
}
.openbtn1 span:nth-of-type(1) {
	top: 15px
}
.openbtn1 span:nth-of-type(2) {
	top: 23px
}
.openbtn1 span:nth-of-type(3) {
	top: 31px
}
.openbtn1.active span:nth-of-type(1) {
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 50%
}
.openbtn1.active span:nth-of-type(2) {
	opacity: 0
}
.openbtn1.active span:nth-of-type(3) {
	top: 30px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 50%
}
@media screen and (max-width: 768px) {
	#Gnav {
		display: none
	}
}
#page_top {
	width: 50px;
	height: 50px;
	background: #00bcd4;
	opacity: .9;
	display: block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 100
}
#page_top::before {
	content: '';
	width: 15px;
	height: 15px;
	border: 0;
	border-top: solid 4px #fff;
	border-right: solid 4px #fff;
	position: absolute;
	top: 40%;
	left: 36%;
	transform: rotate(-45deg)
}
footer {
	background: #4D4D4D;
	color: #fff;
	font-size: 14px;
	padding: 60px 0 0
}
.footer-inner {
	max-width: 1330px;
	margin: 0 auto;
	padding: 0 20px 60px;
	display: flex
}
footer .Column4 {
	padding: 0
}
footer li {
	padding-left: 15px;
	margin: 6px 0
}
footer li.alpha {
	padding-left: 0
}
footer a {
	color: #fff
}
.footer-bottom {
	background: #333;
	color: #AEAEAE;
	font-size: 13px
}
.fb-inner {
	display: flex;
	justify-content: space-between;
	padding: 10px 20px;
	max-width: 1330px;
	margin: 0 auto
}
.footer-bottom ul {
	display: flex
}
.footer-bottom ul li, .footer-bottom a {
	color: #AEAEAE
}
address {
	font-style: normal
}
#MAINIMG {
	background: url(/assets/landingpage/index_main.jpg) center no-repeat;
	text-align: center;
	background-size: cover;
	padding-top: 80px
}
#MAINIMG .row {
	justify-content: center;
	align-items: center
}
#MAINIMG .row h3 {
	margin: 30px
}
#MAINIMG h2 {
	font-size: 70px;
	position: relative;
	display: inline-block;
	margin-bottom: 20px
}
#MAINIMG .main-search {
	position: absolute;
	top: 20%;
	right: 10%;
	color: #fff;
	font-size: 14px
}
#MAINIMG .search-glass {
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 7px rgba(0, 0, 0, .4)
}
#MAINIMG .search-glass img {
	max-width: 45px
}
#MAINIMG h2 span {
	color: #e1ff1a;
	font-size: 40px;
	display: block;
	line-height: 1
}
#MAINIMG p.wh {
	margin-bottom: 20px
}
.main_button-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 675px;
	margin: 0 auto
}
.main_button {
	width: 50%
}
.main_button button {
	font-size: 18px;
	color: #fff;
	box-shadow: 0 0 5px rgb(0 0 0 / 30%)
}
.main_button i {
	margin-right: 10px
}
.main_button .btn_to-list {
	background: #00bcd4
}
.main_button .btn_to-contact {
	background: #ffb500
}
.main_button .btn_to-lease {
	background: #00ab51;
	margin-top: 20px
}
.intro {
	text-align: center;
	padding: 30px 20px 35px;
	background: #fdd835;
	position: relative
}
.intro h2 {
	position: relative;
	display: inline-block
}
.intro h2 span:first-of-type {
	font-size: 25px;
	display: block;
	color: #4d4d4d;
	margin-bottom: -10px
}
.intro h2 span:last-of-type {
	font-size: 35px;
	display: block
}
.intro h2::before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 80%;
	background-color: #006793;
	position: absolute;
	top: 20%;
	left: -30px;
	transform: rotate(-25deg)
}
.intro h2::after {
	content: "";
	display: inline-block;
	width: 3px;
	height: 80%;
	background-color: #006793;
	position: absolute;
	top: 20%;
	right: -30px;
	transform: rotate(25deg)
}
#ARRIVAL p.center {
	margin-bottom: 30px
}
#ARRIVAL button {
	margin: 0 auto 40px;
	display: block
}
.scrolldown-box {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%)
}
.scrolldown-box span {
	font-size: 12px;
	font-weight: 700
}
.scrolldown-box:before {
	content: "";
	position: absolute;
	bottom: -50px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #4d4d4d;
	animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite
}
@keyframes circlemove {
	0% {
		bottom: -5px
	}
	100% {
		bottom: -50px
	}
}
@keyframes cirlemovehide {
	0% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	80% {
		opacity: .9
	}
	100% {
		opacity: 0
	}
}
.scrolldown-box:after {
	content: "";
	position: absolute;
	bottom: -45px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 2px;
	height: 45px;
	background: #4d4d4d
}
.search-screen .flame {
	position: relative;
	width: 100%;
	height: 700px;
	margin-bottom: 30px
}
.search-screen .flame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 7px rgb(0 0 0 / 20%)
}
.search-screen {
	text-align: center;
	max-width: 980px;
	margin: 0 auto
}
.search-screen img {
	margin-bottom: 30px
}
.search-postscript {
	text-align: left;
	width: fit-content;
	margin: 0 auto 50px
}
.search-postscript ul {
	padding: 0 20px
}
.search-postscript ul li {
	font-size: 11px;
	margin-bottom: 3px
}
.search-postscript span {
	padding: 0 4px;
	color: #fff;
	margin-right: 10px
}
span.lankS {
	background: #e5ba44
}
span.lankA {
	background: #d85d51
}
span.lankB {
	background: #88c23f
}
span.lankC {
	background: #73a0d6
}
span.lankD {
	background: #b9c8d0
}
#ARRIVAL .Column3 {
	padding: 0 30px
}
#ARRIVAL .Column3 img {
	max-width: 110px;
	margin-bottom: 10px
}
#ARRIVAL .Column3 h3 {
	margin-bottom: 10px
}
#ARRIVAL .Column3 p {
	font-size: 15px;
	text-align: left
}
#FEATURES h3 {
	background: #00bcd4;
	color: #fff;
	text-align: center;
	padding: 10px;
	width: 100%
}
#FEATURES .Column3 {
	display: flex;
	flex-direction: column;
	align-items: center
}
.features_box {
	background: #fff;
	padding: 20px;
	flex-grow: 1
}
.features_box img {
	max-width: 180px;
	width: 100%;
	display: block;
	margin: 0 auto 20px
}
.features_box small {
	font-size: 11px
}
#FEATURES .bg_note {
	max-width: 645px;
	margin: 0 auto;
	padding: 30px 0;
	position: relative;
	z-index: 0
}
#FEATURES .bg_note img.speed {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 254px;
	width: 100%;
	padding: 0;
	z-index: -10
}
#FEATURES .bg_note img {
	max-width: 95%;
	padding: 20px 0
}
#FEATURES .bg_note span {
	margin-left: 30px;
	border-bottom: 1px solid #4d4d4d
}
#FEATURES .bg_note p {
	font-size: 25px;
	font-weight: 700;
	text-align: center
}
#PERSON .Column3 {
	text-align: center
}
#PERSON .Column3 img {
	max-width: 300px;
	width: 100%;
	margin-bottom: 20px
}
#PERSON h3 {
	position: relative;
	line-height: 1.5;
	padding: 10px 0;
	width: fit-content;
	margin: 0 auto
}
#PERSON h3::before, #PERSON h3::after {
	content: '';
	width: 15px;
	height: 100%;
	position: absolute
}
#PERSON h3::before {
	border-left: 2px solid #006793;
	border-top: 2px solid #006793;
	border-bottom: 2px solid #006793;
	top: 0;
	left: -20px
}
#PERSON h3::after {
	border-right: 2px solid #006793;
	border-top: 2px solid #006793;
	border-bottom: 2px solid #006793;
	top: 0;
	right: -20px
}
.usage_box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	text-align: center
}
.usage_item {
	background: #fff;
	padding: 40px 20px 20px;
	position: relative
}
.usage_item .yel-number {
	top: 20px;
	left: 70px
}
.usage_item img.usage-icon {
	max-height: 140px;
	margin-bottom: 15px
}
.usage_item h3 {
	color: #006793;
	font-size: 25px
}
.usage_item p {
	text-align: left
}
.secret {
	background: #00acd3;
	color: #fff;
	position: relative
}
.secret .inner {
	display: flex;
	padding: 20px 0 30px
}
.secret .inner::before {
	position: absolute;
	content: '';
	display: inline-block;
	width: 230px;
	height: 300px;
	left: 10%;
	bottom: 0;
	background-image: url(/assets/landingpage/secret.png);
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 0
}
.secret .Column3_2 {
	margin: 0 0 0 auto;
	padding-left: 20px
}
.secret h2 {
	font-size: 25px;
	text-align: left;
	line-height: 1.5
}
.secret h2 span {
	font-size: 30px;
	color: #fdd835
}
.secret:after {
	position: absolute;
	content: '';
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -40px;
	border-style: solid;
	border-width: 40px 50px 0 50px;
	border-color: #00acd3 transparent transparent transparent;
	z-index: 10
}
#SEO .under {
	margin-bottom: 50px
}
.seo_box {
	display: flex;
	align-items: center;
	max-width: 960px;
	margin: 0 auto 40px
}
.seo_box_rev {
	flex-direction: row-reverse
}
.seo_item1 {
	flex: 0 0 32%;
	max-width: 32%
}
.seo_item2 p span {
	color: #006793;
	font-weight: 700
}
.seo_box .seo_item2 {
	margin-left: 30px
}
.seo_box_rev .seo_item2 {
	margin-left: 0;
	margin-right: 30px
}
.choose_box {
	display: flex;
	gap: 50px;
	text-align: center;
	flex-wrap: wrap;
	justify-content: center
}
.choose_item {
	flex: 0 0 calc(100% / 3 - 50px);
	max-width: calc(100% / 3 - 50px)
}
.choose_item img {
	max-width: 210px;
	width: 100%;
	margin-bottom: 20px
}
.choose_item p {
	text-align: left
}
#REGISTRAR .under {
	margin-bottom: 50px
}
.registrar_box {
	display: flex;
	gap: 20px;
	flex-wrap: wrap
}
.registrar_item {
	flex: 0 0 calc(50% - 10px);
	max-width: calc(50% - 10px);
	background: #fff;
	padding: 25px;
	border-top: 10px solid #006793
}
.registrar_item img {
	padding: 0 15px
}
.registrar_item hr.dot {
	border-top: 1px dotted #959595;
	margin: 1em 0
}
#REASON {
	background: #c5eff5
}
#REASON .under {
	margin-bottom: 50px
}
.reason_intro {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 100px
}
.reason_intro img {
	max-width: 310px;
	padding-right: 20px
}
.reason_intro p {
	padding-left: 20px
}
#REASON .bg_note {
	position: relative;
	padding: 100px 20px 70px
}
#REASON .bg_note h2 {
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	max-width: 335px
}
.reason_contents1 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px
}
.reason_contents1 img.reason_graph {
	max-width: 260px;
	width: 100%;
	padding-right: 20px
}
.reason_contents1 h3 {
	padding-left: 20px
}
.reason_contents1 h3 img {
	max-width: 270px;
	width: 100%;
	display: block;
	margin: 10px 0
}
.reason_contents_box {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 60px;
	padding: 0 40px
}
.reason_contents2 h3 span, .reason_contents3 h3 span {
	color: #006793;
	background: linear-gradient(transparent 60%, #fdd835 0%)
}
.reason_contents2 img {
	max-width: 280px;
	width: 100%;
	display: block;
	margin: 0 auto 20px
}
.reason_contents3 img {
	max-width: 320px;
	width: 100%;
	display: block;
	margin: 0 auto 20px
}
.relief-card {
	display: flex;
	align-items: center;
	background: #fff;
	margin: 0 auto 30px;
	padding: 15px;
	max-width: 655px;
	box-shadow: 0 0 8px rgb(0 0 0 / 5%);
	position: relative;
	border-top: 7px solid #a0ce65
}
.relief-icon {
	max-width: 140px;
	width: 100%;
	margin: 0 30px;
	flex-shrink: 0
}
.relief-card h3 {
	line-height: 1.3;
	margin-bottom: 10px;
	color: #006793
}
#POINT .Column4 {
	text-align: center
}
#POINT .Column4 img {
	max-height: 169px;
	margin: 0 auto;
	display: block
}
#POINT h3 {
	font-size: 17px;
	color: #006793;
	width: fit-content;
	margin: 0 auto 5px;
	padding: 0 10px;
	display: inline
}
#POINT p {
	max-width: 590px;
	margin: 0 auto;
	text-align: left
}
#SYSTEM {
	background: url(/assets/landingpage/system_bg.jpg) center no-repeat;
	background-size: cover;
	position: relative
}
#SYSTEM::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 172, 211, .95);
	z-index: 1
}
#SYSTEM .row {
	align-items: center
}
#SYSTEM .inner {
	z-index: 10;
	color: #fff
}
#SYSTEM button {
	margin: 0 auto;
	padding: 15px 40px;
	display: block;
	background: #006793;
	color: #fff
}
#SYSTEM button:hover {
	background: #fff;
	color: #006793
}
#SYSTEM h2 {
	font-size: 25px;
	text-align: left
}
#SYSTEM h2 span {
	font-size: 35px;
	color: #fdd835
}

.page #SUBIMG {
	background-size: cover;
	background: url(/assets/landingpage/page_mainimg.jpg) center no-repeat;
	height: 300px;
	display: flex;
	align-items: center
}
.page #SUBIMG h2 {
	font-size: 30px
}
.bread {
	background: #F0F0F0
}
.bread .inner {
	padding: 5px 20px
}
.bread .bread-list {
	display: flex;
	font-size: 15px
}
.bread-list li::after {
	content: '>';
	margin: 0 .5em;
	font-size: 12px
}
.bread-list li:last-child::after {
	display: none
}
@media screen and (min-width: 768px) {
	.page .sp-header-menu {
		display: none
	}
}
#PAY-DETAIL p {
	max-width: 590px;
	margin: 0 auto 70px
}
.red-box {
	border: 2px solid #006793;
	background: #fff;
	border-radius: 5px;
	padding: 0;
	margin: 0 auto 50px;
	max-width: 820px
}
.red-box h2 {
	font-size: 20px;
	color: #fff;
	background: #006793;
	padding: 5px 0 5px 30px;
	text-align: left
}
#PAY-DETAIL .red-box p {
	max-width: unset;
	margin: 20px 30px
}
.red-box span {
	display: block
}
.red-box .stripe {
	margin: 15px 20px 0 30px;
	max-width: 90px
}
.red-box .row {
	margin: 15px 30px
}
.red-box .row img {
	max-width: 82px;
	margin-right: 10px
}
.com-title .inner {
	padding: 70px 0
}
.com-title h2 {
	font-size: 25px
}
.outline {
	background: #fff;
	max-width: 820px;
	padding: 70px 50px;
	margin: 0 auto 50px;
	text-align: center
}
.outline h2 {
	font-size: unset
}
.com-logo {
	display: inline-flex;
	align-items: center;
	margin: 0 auto 40px
}
.com-logo p {
	font-size: 25px;
	color: #1A1A1A;
	font-weight: 600;
	text-align: center
}
.com-logo p span {
	display: block;
	font-size: 18px;
	font-weight: 500
}
.com-logo img {
	max-width: 150px;
	margin: 0 0 0 40px
}
.outline:nth-child(2) .com-logo img {
	max-width: 280px
}
#COMPANY table {
	text-align: left;
	font-size: 16px;
	margin: 0 auto;
	max-width: 500px
}
#COMPANY table th, #COMPANY table td {
	padding: 15px 10px
}
#COMPANY table th {
	width: 25%;
	border-bottom: 2px solid #B3B3B3;
	font-weight: 400;
	vertical-align: middle
}
#COMPANY table td {
	width: 75%;
	border-bottom: 2px solid #E6E6E6
}
#COMPANY table tr:last-child th, #COMPANY table tr:last-child td {
	border-bottom: none
}
#COMPANY table a {
	color: #3FA9F5;
	text-decoration: underline
}
.tab-wrapper {
	margin: 0 auto;
	max-width: 650px
}
.list-tab {
	display: flex
}
.list-tab > li {
	display: block;
	padding: 2px 5px;
	margin: 0 20px;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
	font-size: 18px
}
.list-tab > li h3 {
	font-size: 18px
}
.list-tab li.active {
	color: #fff;
	background: #006793
}
.list-tab li.active:after {
	position: absolute;
	content: '';
	left: 50%;
	transform: translate(-50%, 0);
	bottom: -10px;
	border-style: solid;
	border-width: 10px 8px 0 8px;
	border-color: #006793 transparent transparent transparent;
	z-index: 10
}
.tab-content {
	display: none;
	margin: 50px 0 70px;
}
.tab-content.active {
	display: block
}
.tab-wrapper {
	margin-bottom: 40px
}
.tab-content h2 {
	font-size: 25px;
	margin-bottom: 15px
}
.tab-content p.center {
	margin-bottom: 40px
}
#FAQ-TAB .question-wrapper {
	margin: 0 auto 20px;
	max-width: 900px;
	border: 1px solid #999
}
#FAQ-TAB .question {
	position: relative;
	cursor: pointer;
	display: flex;
	background: #F0F0F0;
	padding: 10px 10px 10px 30px;
	font-size: 18px;
	font-weight: 600
}
#FAQ-TAB .question:after {
	position: absolute;
	content: "";
	top: 45%;
	right: 20px;
	border-style: solid;
	border-width: 8px 6px 0 6px;
	border-color: #999 transparent transparent transparent
}
#FAQ-TAB .question.open:after {
	transform: rotate(180deg)
}
#FAQ-TAB .answer {
	display: none;
	padding: 30px;
	background-color: #fff;
	font-size: 15px
}
.answer span {
	font-size: 17px;
	font-weight: 500;
	display: block;
	line-height: 1.2;
	margin-bottom: 10px
}
.answer span.border {
	border: none !important;
	border-left: 5px solid #999 !important;
	padding-left: 10px !important;
}
.answer span.red {
	padding: 0;
	border-left: none;
	margin: 20px 0 15px
}
.answer span.number {
	padding: 0;
	border-left: none;
	margin: 20px 0 10px
}
.answer a {
	color: #3FA9F5;
	text-decoration: underline
}
.answer .surround {
	font-size: 13px;
	color: #CF3426;
	background: #f1f1f1;
	border: solid 1px #888;
	margin-bottom: 0;
	padding: 3px 7px;
	display: inline-block
}
.faq .tocontact {
	text-align: center;
	margin-bottom: 20px
}
.faq .tocontact p {
	margin-bottom: 30px
}
#CT-GUIDANCE p {
	max-width: 590px;
	margin: 0 auto 70px
}
table.contact-form {
	max-width: 750px;
	width: 100%;
	margin: 0 auto 40px
}
table.contact-form th {
	width: 35%;
	background: #f7f7f7;
	font-weight: 400;
	text-align: left;
	vertical-align: middle;
	border-bottom: 5px solid #fff;
	padding: 12px 10px 12px 15px
}
table.contact-form td {
	width: 65%;
	padding: 12px 10px 12px 15px
}
table.contact-form th span {
	color: #fff;
	font-size: 13px;
	background: #d13f3f;
	padding: 0 4px 1px;
	margin-right: 10px;
	border-radius: 2px
}
table.contact-form th span.any {
	background: #3876c1
}
table.contact-form input, table.contact-form select, table.contact-form textarea {
	padding: 10px;
	border-radius: 0;
	width: 100%;
	background-color: unset;
	border: 1px solid #888
}
table.contact-form textarea {
	min-height: 150px
}
.submit {
	text-align: center
}
.submit a {
	color: #006793;
	border-bottom: 1px solid #006793
}
.submit button {
	display: block;
	border-radius: 3px;
	margin: 20px auto;
	padding: 10px 40px;
	font-weight: 400;
	box-shadow: none
}
.policy .under {
	margin-bottom: 60px
}
#POLICY-DETAIL .center {
	margin-bottom: 60px
}
.pl-item {
	max-width: 740px;
	margin: 0 auto 30px
}
.pl-item h3 {
	font-size: 17px;
	font-weight: 500;
	background: #f0f0f0;
	padding: 5px 10px 3px 20px;
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 10px
}
.pl-item h3::after {
	position: absolute;
	content: '';
	left: 0;
	height: 60%;
	border-left: 7px solid #006793
}
.pl-item p {
	font-size: 13px
}
#ERROR404 {
	text-align: center
}
#ERROR404 img {
	max-width: 300px
}
#ERROR404 h2 {
	color: #ba020b;
	font-size: 45px;
	margin: 20px 0
}
#ERROR404 p, #ERROR404 a {
	margin-bottom: 20px
}
#ERROR404 a {
	color: #888;
	border-bottom: 1px solid #888
}
.step-wrapper {
	max-width: 820px;
	margin: 0 auto;
	padding: 0 0 120px 100px;
	position: relative
}
.step-wrapper:before {
	content: '';
	border-left: 2px dotted #999;
	height: 100%;
	position: absolute;
	left: 50px
}
.step-wrapper:last-of-type:before {
	display: none
}
.step-wrapper:last-of-type {
	padding-bottom: 0
}
.step-wrapper .step-circle {
	position: absolute;
	left: 13px;
	top: -15px;
	color: #006793;
	line-height: 1;
	text-align: center;
	width: 75px;
	height: 75px;
	padding: 8px 0;
	border: solid 2px #006793;
	border-radius: 50%;
	background: #fff;
	z-index: 10
}
.step-wrapper .step-circle span {
	font-size: 35px;
	display: block;
	font-weight: 600
}
.step-box {
	position: relative
}
.step-box p {
	margin-bottom: 40px
}
.step-box img {
	max-width: 700px;
	width: 100%;
	box-shadow: 0 0 10px rgb(0 0 0 / 15%)
}
#LEASE-STEP p.tr-intro {
	text-align: center;
	margin-bottom: 70px
}
#LEASE-STEP p.tr-intro span {
	font-size: 18px;
	font-weight: 700
}
#LEASE-STEP h3 {
	font-size: 23px;
	text-align: left;
	color: #006793;
	margin-bottom: 30px
}
#LEASE-STEP h3 a {
	color: #3FA9F5;
	border-bottom: 1px solid #3FA9F5;
	word-break: break-all
}
main.lease {
	padding-top: 80px
}
#LEASE {
	background: url(/assets/landingpage/lease_bg.jpg) center no-repeat;
	background-size: cover;
	padding: 80px 30px
}
#LEASE .inner {
	background: #fff
}
.lease_balloon {
	text-align: center;
	position: relative;
	padding: 5px 30px;
	margin: 0 auto;
	background: #009245;
	color: #fff;
	font-size: 35px;
	font-weight: 500;
	width: fit-content;
	height: fit-content
}
.lease_balloon::after {
	position: absolute;
	content: '';
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	border: 13px solid transparent;
	border-top: 20px solid #009245;
	width: 0;
	height: 0
}
.lease_balloon span {
	color: #fcce21
}
#LEASE .inner > h2 {
	font-size: 70px;
	margin-bottom: 15px
}
#LEASE .row {
	max-width: 830px;
	margin: 0 auto 20px
}
#LEASE .Column3 {
	text-align: center
}
.lease_point_container {
	padding: 20px;
	background: #fffde0;
	height: 100%
}
#LEASE .Column3 img {
	max-width: 163px;
	Margin-bottom: 20px
}
#LEASE .Column3 h3 {
	font-size: 18px
}
#LEASE .Column3 h3 span {
	color: #00b3c8
}
.aqua-box {
	border: solid 3px #00b3c8;
	width: 100%;
	max-width: 550px;
	margin: 0 auto 40px
}
.aqua-box h2 {
	background: #00b3c8;
	color: #fff;
	font-size: 20px;
	font-weight: 500
}
.aqua-box ul {
	margin: 0 auto;
	width: fit-content;
	padding: 15px
}
.aqua-box ul li {
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	padding-left: 30px;
	margin-bottom: 10px;
	position: relative
}
.aqua-box ul li::before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAMAAAAcqPc3AAAAV1BMVEVMaXEAs8gAs8gAs8gAs8gAs8gAs8gAs8gAs8gAs8gAs8gAs8gAs8gAs8gAs8gAs8j///8QuMswwdLw+/zQ8fVg0N2g4+uQ3udw1ODg9vhQy9mw5+5AxtaGiO9pAAAAD3RSTlMAoMCw4BBgMPAgQICQ0FAYtLTGAAAACXBIWXMAAAsSAAALEgHS3X78AAAAqklEQVQokXWR2RbCIBBDp63axSXpvuj/f6cnFClVmwcOXGAIGfOqkhMAnG6lRcpTBGXnwC+IVeR/cdjI8a3Clbr/cCRm9tijYdRYmmU7PJIDgKtZEeOe5BNAaqWWdeduYyHZ1ZpZBWGyB9C05Ozwxrk43DZrQV9nJttXt2H4d3VUUjUp/fhsdlg+/b/kUM5XKW2fwxRh5RBym1aHIbejnA/7ctjHuO86bGZvipoX31Y2jOwAAAAASUVORK5CYII=) center no-repeat;
	background-size: contain;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%)
}
.comment_button {
	text-align: center
}
.comment_button span {
	display: block;
	position: relative;
	margin: 0 auto 7px;
	font-size: 18px;
	font-weight: 500;
	width: fit-content
}
.comment_button span::before {
	display: block;
	content: "";
	position: absolute;
	bottom: 3px;
	left: -15px;
	width: 2px;
	height: 22px;
	margin-top: 0;
	background-color: #4d4d4d;
	transform: rotate(-30deg)
}
.comment_button span::after {
	display: block;
	content: "";
	position: absolute;
	bottom: 3px;
	right: -13px;
	width: 2px;
	height: 22px;
	margin-top: 0;
	background-color: #4d4d4d;
	transform: rotate(30deg)
}
.comment_button button {
	background: #f7931e;
	color: #fff;
	font-size: 25px;
	font-weight: 500
}
.redirect-intro {
	text-align: center;
	margin-bottom: 70px
}
#REDIRECT-STEP h2 {
	font-size: 23px;
	text-align: left;
	color: #006793;
	margin-bottom: 30px
}
#REDIRECT-STEP h2 a {
	color: #3FA9F5;
	border-bottom: 1px solid #3FA9F5
}
.redirect-ps {
	width: fit-content;
	margin: 90px auto 10px;
	font-size: 20px;
	font-weight: 700
}
.tab-wrapper {
	max-width: unset
}
.list-tab > li {
	margin: 0 10px
}
#MOVE_SITE h2, #REDIRECT h2 {
	margin-bottom: 70px
}
#MOVE_SITE h3, #REDIRECT h3 {
	font-size: 23px;
	text-align: left;
	color: #006793;
	margin-bottom: 40px
}
#MOVE_SITE p a {
	color: #3FA9F5;
	border-bottom: 1px solid #3FA9F5
}

.tb-item {
	margin: 0 auto 30px
}
.tb-item h3 {
	font-size: 17px;
	font-weight: 700;
	background: #f0f0f0;
	padding: 5px 10px 3px 20px;
	position: relative;
	display: flex;
	align-items: center;
	margin: 30px 0 15px
}
.tb-item h3::after {
	position: absolute;
	content: '';
	left: 0;
	height: 60%;
	border-left: 7px solid #006793
}
.tb-item h4 {
	font-size: 15px;
	color: #4d4d4d;
	font-weight: 700;
	border-left: solid 5px #9F9F9F;
	padding-left: 10px;
	margin: 20px 0
}
.tb-item h5, .tb-item p {
	margin-bottom: 20px;
	font-size: 13px
}
.termsbase .tb-item ol li ol {
	margin: 20px 0
}
.termsbase .tb-item ol.LowerRoman {
	list-style-type: lower-roman !important;
	padding-left: 20px !important;
	margin: 0 0 20px 0
}
.termsbase .tb-item ol {
	list-style: decimal !important;
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 13px
}
.termsbase .tb-item ul {
	list-style: outside !important;
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 13px
}

#TR-STEP p.tr-intro {
	text-align: center;
	margin-bottom: 70px
}
#TR-STEP h2 {
	font-size: 23px;
	text-align: left;
	color: #006793;
	margin-bottom: 30px
}
#TR-STEP h2 a {
	color: #3FA9F5;
	border-bottom: 1px solid #3FA9F5
}

@media screen and (max-width: 1200px) {
	.navbar-wrapper {
		width: auto
	}
}
@media screen and (max-width: 1024px) {
	.inner {
		padding: 80px 20px
	}
}
@media screen and (max-width: 768px) {
	.Column2 {
		flex: 0 0 100%;
		max-width: 100%
	}
	.row {
		display: block
	}
	.Column4_1 {
		flex: 0 0 100%;
		max-width: 100%
	}
	.Column3 {
		flex: 0 0 100%;
		max-width: 100%
	}
	.yel-number {
		max-width: 55px
	}
	#MAINIMG .main-search {
		right: 5%;
		top: 10%
	}
	#MAINIMG {
		padding-top: 60px
	}
	.search-postscript {
		display: block;
		text-align: center;
		margin: 0 auto 50px
	}
	.search-postscript ul {
		margin-bottom: 30px;
		text-align: left
	}
	#ARRIVAL .Column3 {
		max-width: 70%;
		margin: 0 auto;
		padding: 0 20px 30px
	}
	#FEATURES .Column3 {
		display: flex;
		flex-direction: column;
		align-items: center;
		max-width: 70%;
		margin: 0 auto
	}
	#PERSON .row {
		display: flex
	}
	#PERSON .Column3 {
		flex: 0 0 calc(100% / 3);
		max-width: calc(100% / 3)
	}
	.usage_item .yel-number {
		left: 20px
	}
	.secret h2 {
		font-size: 20px
	}
	.secret .inner::before {
		left: 5%;
		height: 270px
	}
	.relief-card .yel-number {
		top: -20px;
		left: -20px
	}
	#POINT .row {
		display: flex
	}
	#POINT p {
		margin: 0 auto 10px
	}
	#SYSTEM .row {
		display: flex;
		flex-direction: column-reverse
	}
	#SYSTEM .Column2, #SYSTEM h2 {
		text-align: center
	}
	#SYSTEM .Column2 img {
		width: 80%
	}
	#SYSTEM .balloon {
		margin-bottom: 35px
	}
	.page #SUBIMG {
		padding-top: 60px;
		margin-top: 0
	}
}
@media screen and (max-width: 480px) {
	.for-pc {
		display: none
	}
	.for-sp {
		display: block
	}
	.yel-number {
		max-width: 60px
	}
	.under {
		margin: 10px auto 30px
	}
	.index .inner > p.center {
		margin-bottom: 40px
	}
	p {
		font-size: 15px
	}
	button {
		font-size: 17px
	}
	.sp-header-menu h1 {
		width: 150px
	}
	h2 {
		font-size: 25px;
		line-height: 1.5
	}
	#MAINIMG .inner {
		padding: 60px 20px
	}
	#MAINIMG h2 {
		font-size: 40px
	}
	#MAINIMG h2 span {
		font-size: 23px
	}
	#MAINIMG .main-search {
		display: none
	}
	#MAINIMG .row h3 {
		margin: 30px 0
	}
	#MAINIMG p.wh {
		margin-bottom: 30px
	}
	.main_button-box {
		display: block
	}
	.main_button {
		width: 100%
	}
	.main_button .btn_to-list, .main_button .btn_to-contact {
		margin-bottom: 15px
	}
	.main_button button {
		font-size: 18px;
		font-weight: 400;
		padding: 10px 30px;
		max-width: 310px;
		width: 100%
	}
	.main_button .btn_to-lease {
		margin-top: unset
	}
	.intro h2 span:first-of-type {
		font-size: 18px;
		margin-bottom: 0
	}
	.intro h2 span:last-of-type {
		font-size: 22px;
		line-height: 1.2
	}
	.intro h2::before {
		width: 2px;
		left: -20px
	}
	.intro h2::after {
		width: 2px;
		right: -20px
	}
	.scrolldown-box:after {
		width: 1px
	}
	.search-screen .flame {
		height: 500px
	}
	.search-screen .flame iframe {
		height: 100%
	}
	.search-postscript {
		max-width: 100%;
		margin: 0 auto
	}
	.search-postscript ul {
		padding: 0;
		margin-bottom: 0
	}
	.search-postscript ul li {
		font-size: 10px;
		text-align: left;
		margin-bottom: 10px
	}
	.search-screen .flame {
		height: 600px
	}
	#ARRIVAL .Column3 {
		max-width: 100%;
		padding: 0 0 30px
	}
	#FEATURES .Column3 {
		max-width: 100%
	}
	#FEATURES h3 {
		padding: 5px
	}
	#FEATURES .bg_note img {
		max-width: 100%
	}
	#FEATURES .bg_note span {
		font-size: 14px
	}
	#FEATURES .bg_note p {
		font-size: 20px
	}
	#FEATURES .bg_note img.speed {
		max-width: 130px
	}
	#PERSON .Column3 {
		flex: 0 0 100%;
		max-width: 100%
	}
	#PERSON .Column3 img {
		max-width: 200px
	}
	.usage_box {
		display: block
	}
	.usage_item {
		margin: 0 auto 25px;
		max-width: 100%
	}
	.usage_item h3 {
		font-size: 20px
	}
	.usage_item img.usage-icon {
		max-height: 90px
	}
	.choose_box {
		display: block
	}
	.choose_item {
		max-width: 70%;
		margin: 0 auto 35px
	}
	.choose_item img {
		margin-bottom: 10px
	}
	.secret .inner::before {
		display: none
	}
	.secret .Column3_2 {
		margin: 0 auto;
		padding: 0 20px;
		flex: 0 0 100%;
		max-width: 100%
	}
	.secret h2 {
		text-align: center
	}
	.secret h2 span {
		font-size: 25px
	}
	.secret:after {
		bottom: -30px;
		border-width: 30px 40px 0 40px
	}
	.seo_box {
		display: block
	}
	.seo_item1 {
		max-width: 85%;
		margin: 0 auto 20px
	}
	.seo_box .seo_item2 {
		margin-left: 0
	}
	.seo_box_rev .seo_item2 {
		margin-right: 0
	}
	.registrar_box {
		display: block
	}
	.registrar_item {
		max-width: 100%;
		margin: 0 auto 30px;
		border-top: 7px solid #006793
	}
	.registrar_item img {
		padding: 0
	}
	#REASON .bg_note {
		padding: 50px 20px
	}
	#REASON .bg_note h2 {
		width: 245px
	}
	.reason_intro img {
		max-width: 190px;
		padding-right: 0
	}
	.reason_contents1 {
		flex-direction: column-reverse
	}
	.reason_contents1 h3 {
		margin-bottom: 20px
	}
	.reason_contents1 img.reason_graph {
		max-width: 190px;
		padding-right: 0
	}
	.reason_contents_box {
		display: block;
		padding: 0 10px 0 20px
	}
	.reason_contents2 {
		margin-bottom: 20px
	}
	.reason_contents2 img {
		max-width: 210px
	}
	.reason_contents3 img {
		max-width: 220px
	}
	.relief-card {
		flex-wrap: wrap;
		justify-content: center;
		padding: 15px 10px 20px 20px
	}
	.relief-card h3 {
		text-align: center
	}
	.relief-card:before {
		left: -10px;
		top: -10px;
		width: 55px;
		height: 55px;
		line-height: 50px
	}
	.relief-card .yel-number {
		left: -10px
	}
	#POINT .Column4 {
		flex: 0 0 100%;
		max-width: 100%;
		padding-bottom: 0
	}
	#POINT .Column4:last-child {
		padding-bottom: 20px
	}
	#SYSTEM h2 {
		font-size: 22px
	}
	#SYSTEM h2 span {
		font-size: 25px
	}
	#SYSTEM .Column2 img {
		width: 100%;
		margin-bottom: 20px
	}
	#page_top {
		width: 40px;
		height: 40px;
		bottom: 15px;
		right: 15px
	}
	#page_top::before {
		border-top: solid 3px #fff;
		border-right: solid 3px #fff;
		position: absolute;
		top: 38%;
		left: 34%
	}
	.footer-inner {
		flex-wrap: wrap
	}
	footer .Column4 {
		flex: 0 0 100%;
		max-width: 100%
	}
	footer li {
		display: inline-flex;
		margin: 6px 0 0
	}
	footer li.alpha {
		display: block;
		margin: 20px 0 0
	}
	footer p {
		font-size: 14px
	}
	.fb-inner {
		flex-wrap: wrap-reverse;
		justify-content: center
	}
	.footer-bottom ul {
		display: block;
		text-align: center;
		margin: 0 auto 30px
	}
	.footer-bottom ul li {
		display: block
	}
	address {
		text-align: center;
		width: 100%
	}
	.bread .bread-list {
		font-size: 13px
	}
	.pl-item:last-child {
		margin: 0 auto 0
	}
	.list-tab > li h3, .list-tab > li {
		font-size: 14px
	}
	.list-tab > li {
		padding: 2px 10px;
		margin: 0 5px;
		width: fit-content
	}
	#FAQ-TAB .question {
		padding: 10px 40px 10px 10px;
		font-size: 14px
	}
	#FAQ-TAB .answer {
		padding: 15px
	}
	.answer span {
		font-size: 15px;
		line-height: 1.3
	}
	#PAY-DETAIL .red-box p {
		margin: 20px
	}
	.red-box .row img {
		max-width: 77px;
		margin: 5px 20px 0 0
	}
	.outline {
		padding: 40px 20px
	}
	.com-logo {
		display: block;
		margin: 0 auto 30px
	}
	.com-logo img {
		margin: 0
	}
	.com-logo p {
		line-height: 1.3;
		margin-bottom: 20px
	}
	.com-logo p span {
		line-height: 1.7
	}
	#COMPANY table th, #COMPANY table td {
		width: 100%;
		display: block;
		font-size: 15px
	}
	#COMPANY table th {
		padding: 15px 10px 5px
	}
	#COMPANY table td {
		padding: 5px 10px 15px;
		border-bottom: none;
		line-height: 1.3
	}
	#COMPANY table tr:last-child th {
		border-bottom: 2px solid #B3B3B3
	}
	table.contact-form th, table.contact-form td {
		width: 100%;
		display: block;
		font-size: 15px
	}
	table.contact-form td {
		padding: 12px 10px 25px 15px
	}
	main.error {
		padding-top: 60px
	}
	#ERROR404 img {
		max-width: 240px
	}
	#ERROR404 h2 {
		font-size: 33px
	}
}
@media screen and (min-width: 768px) {
	.step-wrapper {
		padding: 0 0 120px 80px
	}
	.step-wrapper:before {
		left: 38px
	}
	.step-wrapper .step-circle {
		left: 0
	}
}
@media screen and (max-width: 480px) {
	.step-wrapper {
		padding: 0 0 100px 40px
	}
	.step-wrapper:before {
		left: 20px
	}
	.step-wrapper .step-circle {
		left: -9px;
		width: 60px;
		height: 60px;
		padding: 7px 0;
		font-size: 14px
	}
	.step-wrapper .step-circle span {
		font-size: 25px
	}
	#TR-STEP h2 {
		font-size: 18px;
		padding-left: 15px
	}
}
@media screen and (max-width: 768px) {
	#LEASE .Column3 {
		flex: 0 0 calc(100% / 3);
		max-width: calc(100% / 3)
	}
	#LEASE .row {
		display: flex;
		flex-wrap: wrap
	}
	.lease_point_container br {
		display: none
	}
}
@media screen and (max-width: 480px) {
	main.lease {
		padding-top: 60px
	}
	#LEASE {
		padding: 40px 20px
	}
	#LEASE .inner {
		padding: 40px 15px
	}
	.lease_balloon {
		font-size: 20px;
		margin: 0 auto 20px
	}
	#LEASE .inner > h2 {
		font-size: 40px;
		margin-bottom: 15px
	}
	#LEASE .row {
		display: block
	}
	#LEASE .Column3 {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 0 15px 20px
	}
	#LEASE .Column3 img {
		max-width: 130px;
		Margin-bottom: 15px
	}
	.lease_point_container br {
		display: block
	}
	.aqua-box {
		margin: 0 auto 30px
	}
	.aqua-box h2 {
		line-height: 1.2;
		padding: 5px 0;
		font-size: 18px
	}
	.aqua-box ul {
		padding: 20px 15px 15px
	}
	.aqua-box ul li {
		margin-bottom: 15px
	}
	.comment_button span {
		font-size: 15px
	}
	.comment_button button {
		font-size: 18px
	}
}
@media screen and (max-width: 480px) {
	#LEASE-STEP h3 {
		font-size: 18px;
		padding-left: 15px
	}
	#LEASE-STEP p.tr-intro span {
		font-size: 16px
	}
}
@media screen and (max-width: 480px) {
	#REDIRECT-STEP h2 {
		font-size: 18px;
		padding-left: 15px
	}
	.redirect-ps {
		font-size: 16px;
		margin: 70px auto 0
	}
}
@media screen and (max-width: 480px) {
	.list-tab {
		flex-wrap: wrap;
		justify-content: center
	}
	.list-tab > li {
		margin: 10px 5px
	}
	#MOVE_SITE h3, #REDIRECT h3 {
		font-size: 18px;
		padding-left: 15px
	}
}

.flex {
	display: flex;
	display: -webkit-flex
}
.flex.direction.row {
	flex-direction: row
}
.flex.direction.row-reverse {
	flex-direction: row-reverse
}
.flex.direction.column {
	flex-direction: column
}
.flex.direction.column-reverse {
	flex-direction: column-reverse
}
.flex.nowrap {
	flex-wrap: nowrap
}
.flex.wrap {
	flex-wrap: wrap
}
.flex.wrap-revers {
	flex-wrap: wrap-reverse
}
.flex.flow-row-wrap {
	flex-flow: row wrap
}
.flex.flow-row-nowrap {
	flex-flow: row nowrap
}
.flex.flow-column-wrap {
	flex-flow: column wrap
}
.flex.flow-column-nowrap {
	flex-flow: column nowrap
}
.flex.justify-content.start {
	justify-content: flex-start
}
.flex.justify-content.end {
	justify-content: flex-end
}
.flex.justify-content.center {
	justify-content: center
}
.flex.justify-content.between {
	justify-content: space-between
}
.flex.justify-content.around {
	justify-content: space-around
}
.flex.align-items.stretch {
	align-items: stretch
}
.flex.align-items.start {
	align-items: flex-start
}
.flex.align-items.end {
	align-items: flex-end
}
.flex.align-items.center {
	align-items: center
}
.flex.align-items.baseline {
	align-items: baseline
}
.flex.align-content.start {
	align-content: flex-start
}
.flex.align-content.end {
	align-content: flex-end
}
.flex.align-content.center {
	align-content: center
}
.flex.align-content.between {
	align-content: space-between
}
.flex.align-content.around {
	align-content: space-around
}
.flex .order1 {
	order: 1
}
.flex .order2 {
	order: 2
}
.flex .order3 {
	order: 3
}
.flex .order4 {
	order: 4
}
.flex .order5 {
	order: 5
}
.flex .order6 {
	order: 6
}
.flex .order7 {
	order: 7
}
.flex .order8 {
	order: 8
}
.flex .order9 {
	order: 9
}
.flex .order10 {
	order: 10
}
.flex .gorw1 {
	flex-grow: 1
}
.flex .gorw2 {
	flex-grow: 2
}
.flex .gorw3 {
	flex-grow: 3
}
.flex .gorw4 {
	flex-grow: 4
}
.flex .gorw5 {
	flex-grow: 5
}
.flex .gorw6 {
	flex-grow: 6
}
.flex .gorw7 {
	flex-grow: 7
}
.flex .gorw8 {
	flex-grow: 8
}
.flex .gorw9 {
	flex-grow: 9
}
.flex .gorw10 {
	flex-grow: 10
}
.flex .shrink1 {
	flex-shrink: 1
}
.flex .shrink2 {
	flex-shrink: 2
}
.flex .shrink3 {
	flex-shrink: 3
}
.flex .shrink4 {
	flex-shrink: 4
}
.flex .shrink5 {
	flex-shrink: 5
}
.flex .shrink6 {
	flex-shrink: 6
}
.flex .shrink7 {
	flex-shrink: 7
}
.flex .shrink8 {
	flex-shrink: 8
}
.flex .shrink9 {
	flex-shrink: 9
}
.flex .shrink10 {
	flex-shrink: 10
}
.flex .align-self.stretch {
	align-self: stretch
}
.flex .align-self.start {
	align-self: flex-start
}
.flex .align-self.end {
	align-self: flex-end
}
.flex .align-self.center {
	align-self: center
}
.flex .align-self.baseline {
	align-self: baseline
}
@media screen and (min-width: 959px) {
	.flex.md-direction-column {
		flex-direction: column !important
	}
	.flex.md-direction-column-reverse {
		flex-direction: column-reverse !important
	}
	.flex.md-direction-row {
		flex-direction: row !important
	}
	.flex.md-direction-row-reverse {
		flex-direction: row-reverse !important
	}
}
#topViewList {
	padding: 0;
	margin: 0;
	width: 100%
}
table#viewList {
	margin: 0;
	padding: 0;
	width: 100%;
	border-spacing: 0;
	border: 0
}
table#viewList .w350 {
	width: 350px
}
table#viewList .nowrap {
	word-break: keep-all;
	white-space: nowrap
}
table#viewList .font10 {
	font-size: 10px
}
table#viewList .bold {
	font-weight: 700
}
table#viewList .text-left {
	text-align: left
}
table#viewList .text-right {
	text-align: right
}
table#viewList .text-center {
	text-align: center
}
table#viewList thead {
	position: sticky;
	top: 0;
	z-index: 1
}
table#viewList thead tr {
	background-color: #00bcd4
}
table#viewList thead tr th {
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	padding: 2px 1px;
	border: 1px solid #ccc
}
table#viewList tbody tr td {
	padding: 2px;
	border: 1px solid #ccc;
	text-align: right
}
table#viewList tbody tr td:first-child {
	padding: 2px 0 0 5px
}
.arrow {
	transform: rotate(90deg)
}
@media screen and (min-width: 959px) {
	.arrow {
		transform: none
	}
}
.arrow:before {
	font-size: 3rem
}
#simple-amount .input-group input + .input-group-addon {
	padding: 6px 1px
}
.search-box {
	max-width: max-content
}
.search-box .content {
	padding: 10px
}
.search-box .label-wrapper {
	display: flex;
	flex-wrap: wrap
}
.spinner-container {
	display: flex;
	justify-content: center;
	user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none
}
.spinner-container .spinner, .spinner-container .spinner-amount {
	width: 70px;
	padding: 0;
	text-align: center;
	border: none;
	background: none;
	outline: none
}
.spinner-container .spinner::-webkit-inner-spin-button, .spinner-container .spinner::-webkit-outer-spin-button, .spinner-container .spinner-amount::-webkit-inner-spin-button, .spinner-container .spinner-amount::-webkit-outer-spin-button {
	-webkit-appearance: none
}
.spinner-container .spinner-sub, .spinner-container .spinner-add {
	display: block;
	width: 35px;
	height: 35px;
	text-align: center;
	border: 1px solid #000;
	border-radius: 50%;
	cursor: pointer;
	line-height: 35px
}
.spinner-container .disabled {
	opacity: .3;
	cursor: inherit
}
.method-tab .tab_item1 label, .method-tab .tab_item2 label {
	cursor: pointer
}
.tab-content {
	z-index: 1;
	display: none
}
#item1, #item2 {
	display: none
}
#item1:checked ~ .method-tab .tab_item1, #item2:checked ~ .method-tab .tab_item2 {
	background-color: #006793;
	z-index: 2
}
#item1:checked ~ .method-tab .tab_item1 label, #item2:checked ~ .method-tab .tab_item2 label {
	cursor: auto
}
#item1:checked ~ .sb-wrapper .content1, #item2:checked ~ .sb-wrapper .content2 {
	display: block
}
.panel-header {
	cursor: pointer
}
div.text-center.clear {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}
#search_results.reuse #domain_table_wrapper {
	overflow-x: scroll
}
#search_results.reuse #domain_table_wrapper .dataTables_scrollHead {
	overflow: unset !important;
	position: sticky !important;
	top: 0;
	z-index: 2
}
#search_results.reuse #domain_table_wrapper table thead {
	position: sticky;
	top: 0;
	z-index: 0;
	background: #fff;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000
}
#search_results.reuse #domain_table_wrapper table tbody tr.even {
	background-color: #f7f7f7 !important
}
#search_results.reuse #domain_table_wrapper table tbody tr td a.category-link {
	text-decoration: underline;
	color: #0F40B1;
	font-weight: 700
}
#search_results table {
	margin: 0
}
#search_results table tr td {
	padding: 2px
}
@media screen and (min-width: 959px) {
	#search_results table tr td {
		padding: 5px
	}
}
#search_results table tr td button {
	font-size: 13px;
	padding: 10px 10px;
	white-space: nowrap
}
#search_results table tr td .domainName {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 7px 0
}
#search_results table tr td .domainName a {
	font-family: メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "sans-serif", "Lucida Grande";
	font-size: 1em;
	font-weight: 700;
	line-height: 90%;
	color: #006793
}
@media screen and (min-width: 959px) {
	#search_results table tr td .domainName a {
		font-size: 1.7em
	}
}
#search_results table tr td .domainName i {
	cursor: pointer
}
#search_results table tr td .domainName span {
	font-size: 70%;
	margin: 2px 0 0 0;
	display: block
}
#search_results table tr td a.csfr_ultra_domain {
	border: none;
	border-radius: 100vh;
	background: #fff;
	color: #cf3426;
	padding: 5px 10px;
	height: fit-content;
	word-break: keep-all;
	box-shadow: 0 0 7px rgba(0, 0, 0, .2)
}
#search_results table tr td a.csfr_ultra_domain img {
	width: 25px;
	max-width: unset
}
#search_results table tr td a.csfr_ultra_domain:hover {
	cursor: pointer;
	background: #cf3426;
	color: #fff;
	outline: 2px solid #fff;
	outline-offset: -2px;
	transition: all 0.3s
}
#search_results table tr td.dt-nowrap {
	white-space: nowrap !important
}
#search_results table tr td.text-center {
	text-align: center
}
#search_results table tr td.money {
	text-align: right;
	padding-right: 5px;
	font-size: 110%;
	font-weight: 700
}
.search .search-wrapper .search-conditions ul.method-tab {
	padding: 20px 0 5px 20px
}
.search .search-wrapper .search-conditions .sb-wrapper {
	padding: 10px 0
}
.search .search-wrapper .search-conditions .sb-wrapper button.search-button {
	margin: 5px
}
.search .content-box {
	position: static
}
.search .content-box.OdDBox h2 {
	background: #006793
}
.search .content-box.OdDBox .OdDUltraRankTitle {
	color: #006793
}
.search .content-box .content-box-header {
	position: static
}
.add-copy-button {
	transition: all 0.5s
}
.add-copy-button button {
	font-size: .7em;
	padding: 10px 20px
}
.search-list h2 {
	font-size: 14px
}
@media screen and (min-width: 959px) {
	.search-list h2 {
		font-size: 20px
	}
}
.search-list .controller {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	flex-direction: column-reverse
}
@media screen and (min-width: 1200px) {
	.search-list .controller {
		flex-direction: row
	}
}
.search-list .controller .conditions {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-items: flex-end;
	flex-direction: row;
	flex-wrap: wrap
}
@media screen and (min-width: 1200px) {
	.search-list .controller .conditions {
		width: 70%
	}
}
.search-list .controller .conditions .button {
	width: 10%;
	margin: 1% 1% 1% 0
}
.search-list .controller .conditions .button .all-check {
	font-size: 15px;
	padding: 5px 20px
}
.search-list .controller .conditions .pager {
	display: none
}
.search-list .controller .conditions .select {
	width: 33%;
	margin: 5px 0;
	flex-direction: row
}
@media screen and (min-width: 559px) {
	.search-list .controller .conditions .select {
		width: 10%;
		margin-right: 1%
	}
}
.search-list .controller .buttons {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	flex-direction: row
}
@media screen and (min-width: 1200px) {
	.search-list .controller .buttons {
		width: 22%
	}
}
.search-list .get_csv {
	margin: 7px 10px 2px;
	display: inline-block;
	padding: 7px 15px;
	background: #006793;
	color: #fff;
	border-radius: 20px;
	font-size: 10px
}
@media screen and (min-width: 1200px) {
	.search-list .get_csv {
		font-size: 14px
	}
}
.search-list .get_csv:hover {
	opacity: .7
}
.pager {
	margin: 5px 0
}
.pager [type=button] {
	border: none;
	background: #006793;
	color: #fff;
	line-height: 1;
	font-size: 20px;
	font-weight: 600;
	padding: 8px 10px;
	height: fit-content;
	box-shadow: 0 0 7px rgba(0, 0, 0, .2);
	cursor: pointer
}
.pager [type=button]:hover {
	opacity: .8
}
.pager [type=button].prev {
	border-radius: 5px 0 0 5px
}
.pager [type=button].next {
	border-radius: 0 5px 5px 0
}
.pager [type=text] {
	text-align: center
}
.mydomains .search-wrapper {
	display: block
}
.mydomains .search-list .controller .conditions {
	width: 100%;
	align-items: center
}
.mydomains .search-list .controller .conditions .textarea {
	margin-right: 1%
}
.mydomains .search-list .controller .conditions .conditions {
	width: 100%
}
@media screen and (min-width: 1200px) {
	.mydomains .search-list .controller .conditions .conditions {
		width: 60%
	}
}
.mydomains .search-list .controller .conditions .conditions .select {
	width: 33.3333%
}
@media screen and (min-width: 559px) {
	.mydomains .search-list .controller .conditions .conditions .select {
		width: 15.6%
	}
}
.mydomains #search_results table#domain_table {
	margin: 0
}
.mydomains #search_results table#domain_table tr td:last-child {
	position: relative
}
.mydomains #search_results table#domain_table tr td:last-child a.domain-lock {
	font-size: 10px;
	line-height: 1.2
}
.mydomains #search_results table#domain_table a.btn {
	border: none;
	border-radius: 100vh;
	background: #fff;
	color: #cf3426;
	padding: 5px 10px;
	height: fit-content;
	word-break: keep-all;
	box-shadow: 0 0 7px rgba(0, 0, 0, .2)
}
.mydomains #search_results table#domain_table a.btn:hover {
	cursor: pointer;
	background: #cf3426;
	color: #fff;
	outline: 2px solid #fff;
	outline-offset: -2px;
	transition: all 0.3s
}
.mydomains #search_results table#domain_table a.btn .caret {
	margin-left: 0;
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-top: 4px solid;
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-left: 4px solid rgba(0, 0, 0, 0)
}
.mydomains #search_results table#domain_table ul.dropdown-menu {
	top: 83%;
	left: unset;
	right: 0
}
.mydomains #search_results table#domain_table ul.dropdown-menu a {
	border: none;
	border-radius: unset;
	color: #000;
	padding: 5px 10px;
	height: fit-content;
	word-break: keep-all;
	box-shadow: unset
}
#search_results table.dataTable thead > tr {
	background-color: #6d6d6d !important;
	color: #fff
}
#search_results table.dataTable thead > tr > th {
	white-space: nowrap !important
}
#search_results table.dataTable thead > tr > th.sorting:before {
	right: 0;
	line-height: 10px;
	font-size: 2em
}
#search_results table.dataTable thead > tr > th.sorting:after {
	right: 0;
	line-height: 10px;
	font-size: 2em
}
#search_results table.dataTable tbody tr td .cart a {
	display: block;
	color: #979797;
	font-size: 22px
}
@media screen and (min-width: 959px) {
	#search_results table.dataTable tbody tr td .cart a {
		font-size: 30px
	}
}
#search_results table.dataTable tbody tr td .cart a:hover {
	opacity: .6
}
#search_results table.dataTable tbody tr td span {
	font-size: 80%
}
#search_results table.dataTable tbody tr td span.category {
	display: block;
	margin: 1px 0
}
#search_results table.dataTable tbody tr td span.keyword {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 1px 0
}
#search_results table.dataTable tbody tr td span.organic-keyword {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 1px 0
}
#search_results table.dataTable tbody tr td span.title {
	margin-right: 3px;
	padding: 1px 2px;
	background-color: #ac231c;
	color: #fff;
	font-weight: 700
}
#search_results table.dataTable tbody tr td span.puny {
	font-size: 70%;
	font-weight: 400;
	display: block
}
.lease .search-list #search_results #domain_table_wrapper #domain_table_filter {
	margin: .5rem 0
}
.lease .search-list #search_results #domain_table_wrapper #domain_table_length {
	margin: .5rem 0
}
.lease .search-list #search_results #domain_table_wrapper table tbody tr td {
	border: 1px solid #ccc
}
.lease .search-list #search_results #domain_table_wrapper table tbody tr td .domainName a {
	font-size: 1.5em
}
#detailSearch #domainSearch .panel-body, #detailSearch #indexSearch .panel-body {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}
#detailSearch #domainSearch .panel-body .OdSearch-conditions-row, #detailSearch #indexSearch .panel-body .OdSearch-conditions-row {
	word-break: keep-all;
	margin-right: .8rem;
	width: 30%
}
#detailSearch #attributeSearch .panel-body, #detailSearch #externalSearch .panel-body {
	display: flex;
	align-items: center
}
#detailSearch #attributeSearch .panel-body .OdSearch-conditions-row, #detailSearch #externalSearch .panel-body .OdSearch-conditions-row {
	word-break: keep-all;
	margin-right: .8rem
}

form span.help-block {
	font-size: 12px;
	font-weight: 400;
	display: block;
	margin-top: 5px;
	margin-bottom: 0;
	color: #737373
}
.search .select {
	position: relative;
	display: inline-block
}
.search .select select {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 10px 15px 10px 10px;
	outline: 0;
	border: 0;
	border-radius: 0;
	background: #006793;
	color: #fff;
	font-weight: 600;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none
}
.search .select select::-ms-expand {
	display: none
}
.search .select select:hover, .search .select select:focus {
	color: #000;
	background: #006793
}
.search .select select:disabled {
	opacity: .5;
	pointer-events: none
}
.search .select__arrow {
	position: absolute;
	top: 14px;
	right: 6px;
	width: 0;
	height: 0;
	pointer-events: none;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #fff transparent transparent transparent
}
.search .select select:hover ~ .select__arrow, .search .select select:focus ~ .select__arrow {
	border-top-color: #fff
}
.search .select select:disabled ~ .select__arrow {
	border-top-color: #fff
}
.campaign #campaign-list button {
	padding: 5px 10px;
	font-size: 1rem
}
.campaign #campaign-list tbody tr.enable {
	background-color: #fff
}
.campaign #campaign-list tbody tr.disable {
	background-color: #c7b3b3
}
.campaign #campaign-list tbody tr.past {
	background-color: #ff8080
}
.campaign .modal-content table {
	width: 100%;
	margin: 0 0 1rem
}
.campaign .modal-content table input[type=text] {
	width: 100%
}
.campaign .modal-content table tbody td {
	text-align: left
}
.campaign .modal-content table tbody td .toggle-switch {
	position: relative;
	width: 85px;
	height: 30px
}
.campaign .modal-content table tbody td .toggle-switch input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	cursor: pointer
}
.campaign .modal-content table tbody td .toggle-switch label {
	width: 85px;
	height: 30px;
	background: #ccc;
	position: relative;
	display: inline-block;
	border-radius: 42px;
	transition: 0.4s;
	box-sizing: border-box
}
.campaign .modal-content table tbody td .toggle-switch label span {
	padding: 2px 5px;
	font-size: 13px;
	color: #fff
}
.campaign .modal-content table tbody td .toggle-switch label:after {
	content: "";
	position: absolute;
	width: 34px;
	height: 30px;
	border-radius: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	transition: 0.4s
}
.campaign .modal-content table tbody td .toggle-switch input:checked + label {
	background-color: #4BD865
}
.campaign .modal-content table tbody td .toggle-switch input:checked + label:after {
	left: 52px
}
.campaign .modal-content table tbody td .toggle-switch p {
	margin-top: 50px;
	text-align: center;
	font-weight: 700
}
.campaign .modal-content table tbody td .coupon {
	display: flex
}
.campaign .modal-content table tbody td .coupon .ticket {
	display: flex;
	margin: 0 20px
}
.campaign .modal-content table tbody td .coupon .ticket label {
	word-break: keep-all
}
.tabs .ui-tabs-nav > li {
	position: static
}
.tabs .ui-tabs-nav .ui-state-default a {
	color: #000;
	background: #cf3426;
	opacity: .4
}
.tabs .ui-tabs-nav .ui-state-active a {
	color: #fff;
	background: #cf3426;
	opacity: 1
}
#loadingGif {
	display: table;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: .8
}
#loadingGif .loadingMsg {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding-top: 140px;
	background: url(/assets/landingpage/loading.gif) center center no-repeat
}
h3.discount {
	color: red
}
img.discount {
	width: 100px
}
span.original {
	text-decoration: line-through
}
span.discount {
	font-size: 110%;
	color: red
}
.OdDPrice {
	line-height: 1
}
.OdDPrice img.discount {
	width: 100px
}
.ns table {
	margin: 0 1rem
}
.ns table tr:nth-child(n+6) {
	display: none
}
.ns div p {
	margin: 1rem
}
.dns table {
	border-spacing: 0 !important
}
.termsbase .row.terms {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	margin: 0 auto;
	justify-content: space-between
}
.termsbase .row.terms a {
	padding: 2rem 1rem;
	width: 45%;
	font-weight: 700;
	font-size: 1.1rem;
	text-align: center;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: .3rem;
	box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .5)
}
.OdDBoxInner div.WayBackSnap .snapshot {
	width: 30%;
	margin-left: 2%;
	display: flex;
	flex-direction: column;
	align-items: center
}
.OdDBoxInner div.WayBackSnap .snapshot img {
	cursor: pointer
}
.OdDBoxInner .OdDName {
	display: flex;
	align-items: center
}
.OdDBoxInner .OdDName i {
	cursor: pointer;
	margin-left: 1em;
	vertical-align: middle
}
#grayDisplay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100% !important;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 999
}
#grayDisplay img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 90%;
	max-height: 90%;
	width: auto;
	height: 90%;
	object-fit: contain
}
#grayDisplay p {
	position: absolute;
	top: 40%;
	left: 40%;
	font-size: 4rem;
	font-weight: 500;
	color: #1b48e5;
	text-align: center
}
.admin .searchbox div {
	margin-right: 30px
}
.admin .searchbox div p {
	margin-right: 20px
}
.admin .searchbox div input[type=text] {
	width: 400px;
	height: 2em
}
.admin .searchbox div select {
	height: 2em
}
.admin .searchbox button.search {
	margin: 0 20px;
	padding: 10px
}
#domain-list .break {
	white-space: normal;
	word-break: break-all
}
#domain-list button.save {
	padding: 10px;
	word-break: keep-all
}
#domain-list button.add {
	display: none;
	font-size: 1em;
	padding: 10px;
	word-break: keep-all
}
#domain-list .snapshot {
	width: 15%;
	margin-left: 2%;
	display: table;
	flex-direction: column;
	align-items: center;
	position: relative
}
#domain-list .snapshot img {
	cursor: pointer
}
#domain-list .snapshot p {
	font-size: 8px
}
#domain-list .snapshot [type=checkbox] {
	position: absolute;
	top: 0;
	left: 0
}
#domain-list .nowrap {
	white-space: nowrap !important
}
#domain-list .mrg1emR {
	margin-right: 1em
}
#domain-list tr th.blue {
	background-color: #b7c0fd
}
#domain-list tr th.light-blue {
	background-color: #dbe0fc
}
#domain-list tr th.dark-blue {
	background-color: #6f7cbe;
	color: #fff
}
#domain-list tr th.pink {
	background-color: #f3b0b0
}
#domain-list tr th.light-pink {
	background-color: #efe0e0
}
#domain-list tr th.dark-pink {
	background-color: #b05c5c;
	color: #fff
}
#domain-list tr th.gray {
	background-color: #919191
}
#domain-list tr th.light-gray {
	background-color: #c7c7c7
}
#domain-list tr th.dark-gray {
	background-color: #343434;
	color: #fff
}
#domain-list tr td.blue {
	background-color: #b7c0fd
}
#domain-list tr td.light-blue {
	background-color: #dbe0fc
}
#domain-list tr td.dark-blue {
	background-color: #6f7cbe;
	color: #fff
}
#domain-list tr td.pink {
	background-color: #f3b0b0
}
#domain-list tr td.light-pink {
	background-color: #efe0e0
}
#domain-list tr td.dark-pink {
	background-color: #b05c5c;
	color: #fff
}
#domain-list tr td.gray {
	background-color: #919191
}
#domain-list tr td.light-gray {
	background-color: #c7c7c7
}
#domain-list tr td.dark-gray {
	background-color: #343434;
	color: #fff
}
#domain-list tr td.dt-nowrap {
	white-space: nowrap !important
}
#domain-list tr td [type=number] {
	padding: 5px;
	width: 100px;
	text-align: right
}
#domain-list tr td .domainName {
	display: flex;
	justify-content: space-between;
	align-items: center
}
#domain-list tr td .domainName i {
	cursor: pointer
}
#domain-list tr td a.reacquisition {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 30px;
	background: #0c0;
	border-radius: 5px;
	padding: 1em;
	margin: .5em;
	color: #fff
}
#domain-list tr td a:hover {
	opacity: .7
}

ul li a.cart {
	position: relative;
	top: 35%;
	word-break: keep-all;
	font-size: 8px
}
@media screen and (min-width: 1200px) {
	ul li a.cart {
		font-size: 12px
	}
}
ul li a i {
	font-size: 30px;
	margin-right: 5px;
	position: relative
}
a.cart i {
	font-size: 20px;
	position: relative
}
a.cart span.cart-count {
	display: none;
	font-size: 14px;
	background-color: #000;
	border-radius: 50%;
	padding: 5px 7px;
	opacity: .7;
	transition: all 0.5s;
	position: absolute;
	bottom: 10px;
	left: 5px
}
@media screen and (min-width: 959px) {
	a.cart span.cart-count {
		font-size: 12px;
		bottom: 50%;
		left: 50%
	}
}
a.cart span.text {
	display: block;
	font-size: 10px
}
.cart #cart {
	border-spacing: unset !important;
	margin: 1em auto;
	width: 95%
}
.cart #cart tr:not(:last-child) th:nth-child(n+3):nth-child(-n+6) {
	display: none
}
@media screen and (min-width: 959px) {
	.cart #cart tr:not(:last-child) th:nth-child(n+3):nth-child(-n+6) {
		display: table-cell
	}
}
.cart #cart tr:not(:last-child) td:nth-child(n+3):nth-child(-n+6) {
	display: none
}
@media screen and (min-width: 959px) {
	.cart #cart tr:not(:last-child) td:nth-child(n+3):nth-child(-n+6) {
		display: table-cell
	}
}
.cart #cart tr th {
	vertical-align: middle;
	white-space: nowrap
}
.cart #cart tr th:nth-child(n+3):nth-child(-n+6) {
	display: none
}
@media screen and (min-width: 959px) {
	.cart #cart tr th:nth-child(n+3):nth-child(-n+6) {
		display: table-cell
	}
}
.cart #cart tr td {
	font-size: 10px;
	white-space: nowrap;
	padding: 5px 10px;
	vertical-align: middle
}
@media screen and (min-width: 400px) {
	.cart #cart tr td {
		font-size: 12px
	}
}
@media screen and (min-width: 959px) {
	.cart #cart tr td {
		font-size: 14px
	}
}
.cart #cart tr td button {
	font-size: 12px;
	padding: 5px 10px
}
@media screen and (min-width: 959px) {
	.cart #cart tr td button {
		font-size: 14px;
		padding: 10px 15px
	}
}
.cart #cart tr td p .text-left {
	text-align: left
}
.cart #cart tr td:nth-child(2) {
	text-align: right
}
.cart #cart tr td:nth-child(3) {
	text-align: center
}
.cart #cart tr td:nth-child(4) {
	text-align: center
}
.cart #cart tr td:nth-child(5) {
	white-space: normal
}
.cart #cart tr td:nth-child(6) {
	white-space: normal
}
.cart #cart tr td:nth-child(7) {
	text-align: center
}
.cart #cart tr.coupon td:first-child {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap
}
@media screen and (min-width: 959px) {
	.cart #cart tr.coupon td:first-child {
		flex-wrap: nowrap
	}
}
.cart #cart tr.coupon td:first-child.set {
	height: 40px
}
.cart #cart tr.coupon td:first-child.set span {
	line-height: .7
}
.cart #cart tr.coupon td:first-child.set p {
	font-size: 10px
}
@media screen and (min-width: 959px) {
	.cart #cart tr.coupon td:first-child.set p {
		font-size: 15px
	}
}
.cart #cart tr.coupon td:last-child {
	height: 40px;
	display: table-cell !important;
	text-align: left
}
.cart #cart tr.coupon td:last-child img {
	width: auto;
	height: 100%
}
.cart #checkout-form {
	text-align: center
}
.cart .coupon-input {
	width: 95%;
	margin: 10px auto
}
.cart .coupon-input h3 {
	font-size: 12px
}
@media screen and (min-width: 559px) {
	.cart .coupon-input h3 {
		font-size: 14px
	}
}
@media screen and (min-width: 959px) {
	.cart .coupon-input h3 {
		font-size: 16px
	}
}
.cart .coupon-input .ticket {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}
@media screen and (min-width: 559px) {
	.cart .coupon-input .ticket {
		font-size: 14px;
		flex-wrap: nowrap
	}
}
.cart .coupon-input .ticket .reset_calc {
	padding: 10px 17px;
	font-size: 14px;
	margin-left: 5px
}
.cart .coupon-input input {
	height: 40px;
	font-size: 115%;
	width: 180px
}
.cart .coupon-input .order p {
	margin-left: 10px;
	font-size: 12px
}
@media screen and (min-width: 559px) {
	.cart .coupon-input .order p {
		font-size: 14px
	}
}
#msg_submit {
	margin-bottom: 25px
}
#msg_submit a {
	color: red;
	font-weight: 700;
	margin: 5px 0;
	text-decoration: underline
}
#msg_submit a:hover {
	opacity: .7
}
.sp-cart {
	position: fixed;
	bottom: 5%;
	right: 5%
}
@media screen and (min-width: 959px) {
	.sp-cart {
		display: none
	}
}
.sp-cart a {
	display: block;
	background: red;
	padding: 15px;
	border-radius: 50%
}
.sp-cart a i {
	font-size: 30px;
	margin-right: 5px;
	position: relative
}
.sp-cart a i span.cart-count {
	display: none;
	font-size: 12px;
	background-color: #000;
	border-radius: 50%;
	position: absolute;
	bottom: 50%;
	left: 50%;
	padding: 5px 7px;
	opacity: .7;
	transition: all 1s 0s ease
}
.cart-add-button {
	transition: all 0.5s
}
.cart-add-button button {
	font-size: .7em;
	padding: 10px 20px
}
.whois main {
	padding-top: 60px
}
@media screen and (min-width: 959px) {
	.whois main {
		padding-top: 80px
	}
}
.whois section {
	margin: 10px 0
}
.whois section .head {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	width: 100%;
	align-items: center
}
@media screen and (min-width: 960px) {
	.whois section .head {
		justify-content: center
	}
}
.whois section .head h1 {
	font-size: 24px
}
@media screen and (min-width: 559px) {
	.whois section .head h1 {
		font-size: 40px
	}
}
.whois section .head img {
	width: 50%
}
@media screen and (min-width: 559px) {
	.whois section .head img {
		width: 35%
	}
}
@media screen and (min-width: 960px) {
	.whois section .head img {
		width: 20%
	}
}
.whois section .head p {
	padding: 5px 20px
}
@media screen and (min-width: 960px) {
	.whois section .head p {
		padding: 5px 20%;
		width: 100%
	}
}
.whois section dl {
	display: flex;
	padding: 2px 15px;
	font-size: 12px
}
@media screen and (min-width: 559px) {
	.whois section dl {
		justify-content: center
	}
}
.whois section dl dt {
	background: #b2b2b2;
	padding: 5px 10px
}
.whois section dl dd {
	border: 1px solid #b2b2b2;
	padding: 2px 5px
}
.whois section .search {
	margin: 5px 10px;
	padding: 0 10px;
	display: flex;
	flex-direction: column;
	align-items: center
}
.whois section .search textarea#search_domains {
	width: 100%;
	height: 30vw;
	margin: 10px auto
}
@media screen and (min-width: 559px) {
	.whois section .search textarea#search_domains {
		width: 80%
	}
}
@media screen and (min-width: 559px) {
	.whois section .search textarea#search_domains {
		height: 8vw
	}
}
@media screen and (min-width: 559px) {
	.whois section .search button {
		width: 80%
	}
}
.whois section h2 {
	margin-top: 10px
}
.whois .result {
	display: none;
	overflow-x: scroll
}
@media screen and (min-width: 959px) {
	.whois .result {
		overflow: unset
	}
}
.whois .result table {
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin: 20px auto;
	width: 80%
}
.whois .result table thead {
	background: #5C5C5C;
	color: #fff
}
@media screen and (min-width: 959px) {
	.whois .result table thead {
		position: sticky;
		top: 80px
	}
}
.whois .result table thead tr th {
	padding: 2px 5px;
	border: 1px solid #000;
	word-break: keep-all
}
.whois .result table tbody tr td {
	padding: 5px 10px;
	border: 1px solid #ccc
}
.whois .result table tbody tr td:last-child {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
.whois .result table tbody tr td:last-child a {
	padding: 5px 15px;
	background: #ccc;
	border-radius: 5vw
}
.whois .result table tbody tr td:last-child a:hover {
	opacity: .7
}
.whois .result table tbody tr td:last-child p {
	display: none
}
.whois .result #download {
	margin: 10px auto;
	width: 200px;
	display: block;
	padding: 5px 30px;
	background: #006793;
	color: #fff;
	border-radius: 50vw
}
.whois .result #download:hover {
	background: #fff;
	border: 1px solid #006793;
	color: #006793
}
.whois .modal-container.active {
	z-index: 1
}
@media screen and (min-width: 959px) {
	.whois .modal-container .modal-body {
		width: 50%
	}
}
.whois .modal-container .modal-body .modal-content {
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden
}
body.search.list #search_results #domain_table_wrapper {
	overflow: auto;
	width: 100%;
	height: 85vh
}
@media screen and (min-width: 559px) {
	body.search.list #search_results #domain_table_wrapper {
		overflow: unset;
		width: auto;
		height: auto
	}
}
body.search.list #search_results #domain_table_wrapper table#domain_table thead {
	position: sticky;
	top: 0;
	z-index: 0
}
@media screen and (min-width: 559px) {
	body.search.list #search_results #domain_table_wrapper table#domain_table thead {
		top: 80px
	}
}
body.search.list #search_results #domain_table_wrapper table#domain_table thead tr th {
	font-size: .8em;
	background-color: #6d6d6d !important;
	color: #fff
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td {
	font-size: 1em
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td .cart a {
	font-size: 1em
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td .domainName a {
	font-size: 1.5em;
	word-break: keep-all
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td .domainName a figure {
	width: 3em
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.money {
	font-size: 1.3em;
	color: #eb3e3e;
	word-break: keep-all;
	border: 1px solid #000;
	white-space: nowrap !important
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.fw-bold {
	font-weight: 700
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.dr {
	font-size: 1.5em
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.tf {
	font-size: 1.5em
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.ur {
	font-size: 1.5em
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.pink {
	background: #f3b0b0
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.blue {
	background: #cad1f5
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.red {
	background: #ef5252
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.green {
	background: #61fd5c
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.yellow {
	background: #fdef63
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.ochre {
	background: #c39143
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.gray {
	background: #919191
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.odd-gray {
	background: #c7c7c7
}
body.search.list #search_results #domain_table_wrapper table#domain_table tbody td.dark-gray {
	background: #2f2f2f;
	color: #fff
}