@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;900&display=swap');

* {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
}
html {
	height: 100%;
	width: 100%;
	font-size: 1rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	color: #000;
	font-size: 1rem;
	-webkit-text-size-adjust: 100%;
	font-family: 'Roboto', 'Verdana','Geneva', sans-serif;
	/* google web fonts Roboto */
	height: 100%;
	width: 100%;
	letter-spacing: -0.001em;
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
header .description {
	color: #666;
	display: flex;
	justify-content: center;
	background-color: #EEE;
}

section h2 {
	margin-bottom: 1.5rem;
	font-size: 1.875rem;
}
h3 { font-size: 1.4rem;}
h4, h5, h6 { font-size: 1.2rem;}

/* For modern browsers */
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear:both; }
 
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom: 1; overflow: hidden; }

img {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: bottom;
}

a {
	color:#069;
	text-decoration: none;
}
a:hover {
	color: #369;
	text-decoration: underline;
}

dl {
	line-height: 1.625rem;
}
dt {
	color: #069;
}
dd,
dd a {
	color: #000;
}
p {
	margin: 0;
}
small {
	color: #666;
	font-size: 0.875rem;
	padding-left: 0.75rem;
}
span {
	color: #000;
}

/* header [ 2024 ] ------------------------------ */
#header-2024 {
	position: relative;
	background: #fff;
	filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.16));
	font-family: "Noto Sans JP", sans-serif;
}
#header-2024::before {
	position: absolute;
	background: #fff;
	clip-path: circle(50% at 50% 50%);
	content: '';
}

/* header [ 2024 ] - logo */
#header-2024 .logo {
	display: flex;
	align-items: center;
	position: relative;
	margin: 0 !important;
}
#header-2024 .logo-link {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#header-2024 .logo-text {
	display: block;
}

/* header [ 2024 ] - nav */
#header-2024 .hd-nav {
	display: flex;
	flex: 1;
}
#header-2024 .hd-nav-link {
	display: flex;
	justify-content: center;
	align-items: center;
}
#header-2024 .hd-nav-link span {
	transition: all 0.3s ease;
}
#header-2024 .hd-nav-link.is-active span {
	color: #146B90;
	font-weight: 700;
}
#header-2024 .hd-nav-link:hover,
#header-2024 .hd-nav-link:active {
	text-decoration: none;
}
#header-2024 .hd-nav-link:hover span,
#header-2024 .hd-nav-link:active span {
	color: #146B90;
}
#header-2024 .hd-nav-link.is-active {
	position: relative;
}
#header-2024 .hd-nav-link.is-active::before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background: #146B90;
	content: '';
}

/* footer [ 2024 ] ------------------------------ */
#footer-2024 {
	padding: 0 max(0px, calc((100% - 1200px) / 2)) !important;
	background: #002E5E;
	color: #fff;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 0.875rem;
}
#footer-2024 a {
	color: #fff;
}
#footer-2024 a img {
	transition: all 0.3s ease;
}
#footer-2024 a:hover img,
#footer-2024 a:active img {
	opacity: 0.6;
}

/* footer [ 2024 ] - nav */
#footer-2024 .ft-nav {
	display: flex;
	flex-wrap: wrap;
}
#footer-2024 .blog {
	display: flex;
	justify-content: center;
	align-items: center;
}
#footer-2024 .blog-link {
	display: block;
	max-width: 320px;
}

/* footer [ 2024 ] - sns */
#footer-2024 .sns {
	display: flex;
	justify-content: center;
	align-items: center;
}
#footer-2024 .sns-link {
	width: 40px;
}
#footer-2024 .sns-link + .sns-link {
	margin-left: min(30px, 20%);
}

/* footer [ 2024 ] - copyright */
#footer-2024 small {
	padding-left: 0;
	color: #fff;
	font-weight: 700;
	line-height: 1;
}

/* DetailImageSlide Background */
#DetailImageSlide {
	width: 100%;
	position: relative;
	height: auto;
	padding: 25px 0;
	margin: 2px 0 0 0;
	background-color: #eee;
/*	background-image: linear-gradient(
	-45deg,
	#66ccee 25%,
	#70d3f6 25%, #70d3f6 50%,
	#66ccee 50%, #66ccee 75%,
	#70d3f6 75%, #70d3f6
	);
	-- 幅30px、高さ30pxで背景画像のサイズを指定 --
	background-size: 30px 30px;*/
}
.panel {
	margin-top: 1.5rem;
	margin-bottom: 3rem;
}
.red-box { background-color: #F00; padding: 0.6rem 0.6rem 0.3rem 0.6rem; margin: 0 0 1rem 0; }
.gray-box { background-color: #EEE; padding: 0.6rem 0.6rem 0.3rem 0.6rem; margin: 0 0 1rem 0; }
.blue-box { background-color: #eaf3ff; padding: 0.6rem 0.6rem 0.3rem 0.6rem; margin: 0 0 1rem 0; }
.simple-box { padding: 0 0.6rem;  margin: 0 0 0.5rem 0; }
.white-text { color: #FFF; }
.table {
	border-collapse: collapse;
}
.table th {
	background-color: #eee !important;
	font-weight: bold !important;
	text-align: center !important;
	border: 1px solid #ccc;
}
.table td {
	border: 1px solid #ccc;
	font-size: 1rem;
}
.table td a.shoplink {
	color: #069;
	font-weight: bold;
	text-decoration: underline;
}

/* Title Style Ver. */
h3.border-blue { border-bottom: 5px #069 solid; margin-bottom: 1rem; padding: 0 0.5rem 0.5rem 0;}
.panel h3.box-border span { display: block; border-bottom: 1px solid #cfcfcf; padding: 0 0.5rem 1rem 0.5rem; }
.panel h3.box-border-bg span { display: block; border-bottom: 3px solid #516ab6; background-color: #eaf3ff; padding: 1rem 1.5rem; }

.panel h4.box-border-left span { display: block; border-left: 5px solid #7db4e6; padding: 0.5rem 1rem; }
.panel h4.box-border-square span { display: block; border: 2px solid #cfcfcf; padding: 1rem 1.5rem; }
.panel h4.box-border-short span { display: inline-block; border-bottom: 1px solid #cfcfcf; padding: 0 0.5rem 0.5rem 0.5rem; margin-top: 1rem; }
.panel h4.box-border-strip span { position: relative; padding: 0 0.5rem 0.8rem 0.5rem; }
.panel h4.box-border-strip span:after { content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 7px;background: -webkit-repeating-linear-gradient(-45deg, #516ab6, #516ab6 2px, #fff 2px, #fff 4px);background: repeating-linear-gradient(-45deg, #516ab6, #516ab6 2px, #fff 2px, #fff 4px); }

/* PageTOP ICON Style */
#page-top {
	position: fixed;
	transition: all 0.5s ease-in-out;
	background-color: rgba(0, 0, 0, 0.6);
	display: block;
	opacity: 100;
	right: 0;
	bottom: 35px;
	z-index: 100;
	padding: 6px 6px 3px;
	line-height: 1.5;
	text-decoration: none;
}
#page-top img {
	display: block;
	width: 25px;
	height: auto;
	margin: 8px auto 3px;
}
#page-top .pc-caption {
	display: block;
	color: #fff;
	font-size: 0.77rem;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

.border-mini-box span {
	display: block;
	min-width: 100%;
	text-decoration: none;
	font-size: 12px;
	line-height: auto;
	color: #444;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin: 0 5px 5px 0;
}

.row-center{
	text-align:center;
	letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
	display:inline-block;
	letter-spacing:0;
	vertical-align:top;
	float:none !important;
}
.row-center.va-middle > [class*='col-'] {
	vertical-align:middle !important;
}
.row-center.va-bottom > [class*='col-'] {
	vertical-align:bottom !important;
}
/* searchBox RadioBtn */
.searchboatswitch,
.searchboatswitch-mini {
	margin: 0;
 }
.o-scolumn .radio-btn {
	padding: 0 5px;
	margin-bottom: 5px;
	width: 100%;
}
.searchboatswitch label{
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	font-size: 12px;
	line-height: auto;
	color: #444;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	padding: 30px 0 30px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.searchboatswitch-mini label{
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	font-size: 12px;
	line-height: auto;
	color: #444;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	padding: 10px 0 10px;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.searchboatswitch input,
.searchboatswitch-mini input{
	display: none;
}
.searchboatswitch input[type="radio"]:checked + .switch-on,
.searchboatswitch-mini input[type="radio"]:checked + .switch-on {
	background-color: #3B87CA;
	color: #fff;
}
.searchboatswitch input[type="radio"]:checked + .switch-off,
.searchboatswitch-mini input[type="radio"]:checked + .switch-off {
	background-color: #3B87CA;
	color: #fff;
}

.text-blue { color: #069;}

.button {
	background: #069 !important;
}
.button-reset {
	background: #666 !important;
}

.disc li,
.disc li a {
	list-style-type: disc !important;
}

.w-100p { width: 100% !important; }
.b-m0 { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.b-m10 { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.b-m15 { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }
.b-m20 { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; }
.b-m25 { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 25px; margin-left: 0px; }
.t-m0 { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.t-m10 { padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.t-m15 { padding: 0px; margin-top: 15x; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.t-m20 { padding: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.t-m25 { padding: 0px; margin-top: 25px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.t-m1rem { padding: 0px; margin-top: 1rem; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.t-m2rem { padding: 0px; margin-top: 2rem; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.t-m3rem { padding: 0px; margin-top: 3rem; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
.b-m15cb { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; clear: both; }
.b-m20cb { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; clear: both; }
.b-m25cb { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 25px; margin-left: 0px; clear: both; }
.b-m30cb { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px; clear: both; }
.b-m35cb { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 35px; margin-left: 0px; clear: both; }
.b-m40cb { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; clear: both; }
.b-m45cb { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 45px; margin-left: 0px; clear: both; }
.b-m70cb { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 70px; margin-left: 0px; clear: both; }

.btn.b-mlbtn { padding: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: .333333%; }

.tac { font-weight: normal; padding-left: 0.3rem; font-size: 0.875rem; }

.tag { margin-right: 0.5rem; padding: 0.1rem 0.5rem; font-weight: normal; color: #FFF;}

.event { background-color: #F00;}
.campaign { background-color: #f47a20;}

.hissu {
	color: #D9534F;
	font-size: 0.9rem;
	margin: 0 0.3rem;
}
.btn.btn-success.btn-lg:hover {
	color: #FFF !important;
}
.ic_map {color: #FFF;}
.ic_map a {
	display: block;
	background-color: #069;
	box-shadow: 0px 4px 0px 0px #047;
	border-radius: 10px;
	color: #FFF !important;
	padding: 5px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.ic_map a:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
a.btn-blue {
	background-color: #069;
	box-shadow: 0px 4px 0px 0px #047;
	border-radius: 10px;
	color: #FFF;
	padding: 30px;
	margin-bottom: 15px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a.btn-blue:hover {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

@media (min-width: 768px) and (max-width: 2000px) {
	.navbar-brand-center {
		margin-left: 0 !important;
	}
	.navbar-blue .navbar-brand {
		color: rgba(0, 0, 0, 0.9);
	}
	.navbar-blue .navbar-brand:focus, .navbar-blue .navbar-brand:hover {
		color: rgba(0, 0, 0, 0.9);
	}
	.navbar-blue .navbar-nav .nav-link {
		color: rgba(255, 255, 255, 1);
	}
	.navbar-blue .navbar-nav .nav-link:focus, .navbar-blue .navbar-nav .nav-link:hover {
		color: rgba(255, 255, 255, 1);
	}
	.navbar-blue .navbar-nav .nav-link.disabled {
		color: rgba(0, 0, 0, 0.3);
	}
	.navbar-blue .navbar-nav .show > .nav-link,
	.navbar-blue .navbar-nav .active > .nav-link,
	.navbar-blue .navbar-nav .nav-link.show,
	.navbar-blue .navbar-nav .nav-link.active {
		color: rgba(0, 0, 0, 0.9);
	}
	.navbar-blue .navbar-toggler {
		color: rgba(255, 255, 255, 0.5);
		border-color: rgba(255, 255, 255, 0.1);
	}
	.navbar-blue .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.navbar-blue .navbar-text {
		color: rgba(255, 255, 255 0.5);
	}
	.navbar-blue .navbar-text a {
		color: rgba(255, 255, 255, 0.9);
	}
	.navbar-blue .navbar-text a:focus, .navbar-blue .navbar-text a:hover {
		color: rgba(255, 255, 255, 0.9);
	}
	.bg-blue {
		background-color: #0099cc !important;
	}
	a.bg-blue:focus, a.bg-blue:hover {
		background-color: #069 !important;
	}
} /* */

.nobreak { display: inline-block; }

ul.flex-wrap {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

p.no-item {
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	text-align: center;
	color: #444;
	margin: 0;
	padding: 4rem 0 6rem 0;
}

#usedboatmm a.button {
	display: block !important;
	font-size: 18px !important;
	line-height: 50px !important;
	font-weight: normal !important;
	color: #FFF !important;
	text-align: center !important;
	text-decoration: none !important;
	height: 50px !important;
	width: auto !important;
	margin: 1.5rem auto 0 auto !important;
	background-color: #069 !important;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
}
#usedboatmm a.button:hover {
	color: #FFF !important;
	background-color: #069 !important;
	border: none !important;
}

#usedboatmm a.button-reset {
	display: block !important;
	font-size: 18px !important;
	line-height: 50px !important;
	font-weight: normal !important;
	color: #FFF !important;
	text-align: center !important;
	text-decoration: none !important;
	height: 50px !important;
	width: auto !important;
	margin: 0.5rem auto 0 auto !important;
	background-color: #666 !important;
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
}

#usedboatmm a.button-reset:hover {
	color: #FFF !important;
	background-color: #666 !important;
	border: none !important;
}


/* Override mailformpro */
form#mailformpro {
	padding: 0;
}

div#mfp_hidden {
	overflow: hidden;
	width: 1px;
	height: 0;
	padding: 0px;
	margin: 0px;
}

.mfp_element_text, 
.mfp_element_number, 
.mfp_element_select-one, 
.mfp_element_email, 
.mfp_element_tel, 
.mfp_element_textarea, 
.mfp_element_date {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #fafafa;
	border-bottom-color: #fafafa;
	border-left-color: #999;
	border-radius: 0;
	box-shadow: none;
	padding: 5px;
	margin: 0;
	vertical-align: baseline;
	height: 30px;
}

.mfp_element_checkbox, .mfp_element_radio {
	vertical-align: baseline;
	margin: 0;
}

.mfp_element_all {
	max-width: 100% !important;
}

#mailformpro textarea {
	height: 15em !important;
}

#mailformpro .formbox750 {
	width: 100% !important;
	max-width: 100% !important;
}

form#mailformpro label {
	border-radius: 0;
	margin: 0;
	display: inline-block;
	white-space: nowrap;
}

form#mailformpro label.mfp_not_checked {
	padding: 0.3rem 1rem 0.3rem 0;
	border: none;
}

form#mailformpro label.mfp_checked {
	padding: 0.3rem 1rem 0.3rem 0;
	border: none;
	background-color: transparent;
	box-shadow: none;
}

input[type="radio"], 
input[type="checkbox"] {
	border: 1px solid #999;
}

.problem {
	background-color: #f5f5f5;
}

div.mfp_err {
	background-position: 0px 4px;
}

.mfp_element_submit {
	max-width: 100%;
}

.mfp_element_submit:hover {
	box-shadow: none !important;
}

.mfp_element_submit, 
.mfp_element_reset, 
.mfp_element_button {
	border-radius: 5px;
	padding: 0 50px;
	border: none;
	background: #069;
	text-shadow: none;
	font-size: 14px;
	outline: none;
}

/* social icon */
.social:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.social {
	-webkit-transform: scale(0.8);
	/* Browser Variations: */
	
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
}

/*
	Multicoloured Hover Variations
*/
 
#social-fb:hover {
	color: #3B5998;
}
#social-tw:hover {
	color: #4099FF;
}
#social-gp:hover {
	color: #d34836;
}
#social-em:hover {
	color: #f39c12;
}

@media screen and (min-width: 600px) {
	.mfp_element_submit, 
	.mfp_element_reset, 
	.mfp_element_button {
		padding: 0 100px;
		font-size: 18px;
	}
} /* */

.mfp_element_submit:hover, 
.mfp_element_reset:hover, 
.mfp_element_button:hover {
	background: #069;
	box-shadow: none;
}


/* mailformpro confirm */
#mfp_overlay h4, 
div#mfp_phase_confirm h4 {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	text-align: left;
	color: #444;
	padding: 0 0 0.5rem 0;
}

@media screen and (min-width: 600px) {
	#mfp_overlay h4, 
	div#mfp_phase_confirm h4 {
		font-size: 16px;
	}
} /* */

table#mfp_confirm_table {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

table#mfp_confirm_table tr th, 
table#mfp_confirm_table tr td {
	border-top: none;
}

table#mfp_confirm_table tr.mfp_achroma, 
table#mfp_confirm_table tr.mfp_colored {
	background-color: transparent;
}

table#mfp_confirm_table tr th {
	font-size: 10px;
	line-height: 1.5em;
	font-weight: normal;
	color: #333;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #00A45F;
	padding: 5px;
	width: 25%;
	white-space: nowrap;
}

@media screen and (min-width: 600px) {
	table#mfp_confirm_table tr th {
		font-size: 12px;
		padding: 10px;
		width: 20%;
	}
} /* */

table#mfp_confirm_table tr td {
	font-size: 10px;
	line-height: 1.5em;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px dotted #999;
	padding: 5px;
	width: 75%;
	word-break: break-all;
}

@media screen and (min-width: 600px) {
	table#mfp_confirm_table tr td {
		font-size: 12px;
		padding: 10px;
		width: 80%;
	}
} /* */

.mfp_buttons .mfp_element_submit, 
.mfp_buttons .mfp_element_reset, 
.mfp_buttons .mfp_element_button, 
#mfp_overlay .mfp_element_submit, 
#mfp_overlay .mfp_element_reset, 
#mfp_overlay .mfp_element_button {
	border-radius: 5px;
	padding: 0;
	border: none;
	background: #069;
	text-shadow: none;
	font-size: 12px;
	font-weight: bold;
	outline: none;
	color: #fff;
	width: 45%;
	max-width: 250px;
	height: 30px;
}

@media screen and (min-width: 600px) {
	.mfp_buttons .mfp_element_submit, 
	.mfp_buttons .mfp_element_reset, 
	.mfp_buttons .mfp_element_button, 
	#mfp_overlay .mfp_element_submit, 
	#mfp_overlay .mfp_element_reset, 
	#mfp_overlay .mfp_element_button {
		font-size: 14px;
		height: 40px;
	}
} /* */

div.mfp_buttons {
	clear: both;
	padding: 1.5rem 0 0.5rem 0;
	text-align: center;
}

.complete-display {
	width: 100%;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 3rem 0 5rem 0;
	display: block;
	text-align: center;
}

@media screen and (min-width: 600px) {
	.complete-display {
		padding: 10rem 0 15rem 0;
	}
} /* */

.complete-display h3 {
	color: #000;
	margin: 0 0 1rem 0;
	padding: 0;
	font-size: 1.2rem;
}


/* Style for PCs */
@media screen and (min-width: 1024px) {
	#wrapper {
		width: 100%;
		height: auto;
		font-size: 100%;
		margin: 0 auto;
	}
	img {
		-ms-interpolation-mode: bicubic;
	}
	.pc {
		display: block;
	}
	.phone {
		display: inline;
	}
	
	/* Header */
	#header {
		width: 100%;
		height: auto;
		padding: 50px 0 0 0;
	}
	
	#header h1 {
		width: auto;
		height: 82px;
		display: block;
		margin: 20px auto;
	}
	
	#header h1 a {
		width: 350px;
		height: 82px;
		display: block;
		margin: 0 auto;
		background-image: url(../img/header/0logo.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 82px;
		text-indent: -9999px;
	}
	
	/* Menu */
	#menubody {
		width: 100%;
		height: auto;
		overflow: hidden;
		border-top: 1px dotted #ccc;
		background: #ffffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top, #ffffff 50%, #f0f0f0 100%);
		background: -webkit-linear-gradient(top, #ffffff 50%,#f0f0f0 100%);
		background: linear-gradient(to bottom, #ffffff 50%,#f0f0f0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	}
	a.menu-link {
	   display: none;
	}
	.js nav[role=navigation] {
		max-height: none;
		width: auto;
		height: auto;
		overflow: hidden;
	}
	nav[role=navigation] ul {
		width: 100%;
		max-width: 1200px;
		height: auto;
		margin: 0 auto;
	}

	nav[role=navigation]  li {
		width: 16.6666667%;
		height: auto;
		list-style-image: none;
		list-style-type: none;
		float: left;
	}
	nav[role=navigation] li a {
		border: 0;
		width: auto;
		height: auto;
		padding: 10px 0 15px;
		display: block;
		text-align: center;
		text-decoration: none;
		color: #222;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;	
	}
	a .m_jpt {
		font-size: 14px;
		display: block;
		width: auto;
		height: auto;
		color: #222;
		line-height: 1.5em;
		padding-bottom: 5px;
	}
	a .m_ent {
		font-size: 0.7em;
		font-weight: 700;
		display: block;
		width: auto;
		height: auto;
		line-height: 1.5em;
		color: #00A45F;
	}
	nav[role=navigation] li a:hover {
		color: #fff !important;
		background-color: #00A45F;
	}
	nav[role=navigation] li a:hover .m_ent {
		color: #fff !important;
	}
	
	/* Footer */
	footer #ftbody li {
		display: -moz-inline-box;
		display: inline-block;
		/*display: inline;*/
		/*zoom: 1;*/
		padding-right: 10px;
		font-size: 0.875rem;
		line-height: 2em;
	}
	footer p {
		font-size: 1em;
		color: #555;
		line-height: 2em;
	}
	footer #ftbody li a {
		display: -moz-inline-box;
		display: inline-block;
		/*display: inline;*/
		/*zoom: 1;*/
		width: 100%;
		color: #069;
		text-decoration: none;
		padding: 5px 0;
		margin-left: .333333%;
		border: 2px #069 solid !important;
		border-radius: 10px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	footer #ftbody li a:hover {
		color: #FFF;
		background-color: #069;
		border: 2px #069 solid !important;
	}
} /* */


/* Style for TabletPCs Large models */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#wrapper {
		width: auto;
		height: auto;
		font-size: 100%;
		margin: 0 auto;
		background-image: url(../img/index/bg04.png);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	img {
		-ms-interpolation-mode: bicubic;
	}
	.pc {
		display: block;
	}
	.phone {
		display: inline;
	}
	
	/* Header */
	#header {
		width: 100%;
		height: auto;
		padding: 30px 0 0 0;
	}
	
	#header h1 {
		width: auto;
		height: 85px;
		display: block;
		margin: 20px auto;
	}
	
	#header h1 a {
		width: 380px;
		height: 85px;
		display: block;
		margin: 0 auto 10px;
		background-image: url(../img/header/0logo.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 85px;
		text-indent: -9999px;
	}

	.navbar-brand-center {
		margin-left: 0 !important;
	}
	
	/* Menu */
	#menubody {
		width: 100%;
		height: auto;
		overflow: hidden;
		border-top: 1px dotted #ccc;
		background: #ffffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top, #ffffff 50%, #f0f0f0 100%);
		background: -webkit-linear-gradient(top, #ffffff 50%,#f0f0f0 100%);
		background: linear-gradient(to bottom, #ffffff 50%,#f0f0f0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	}
	a.menu-link {
		display: none;
	}
	.js nav[role=navigation] {
		max-height: none;
		width: auto;
		height: auto;
		overflow: hidden;
	}
	nav[role=navigation] ul {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	nav[role=navigation]  li {
		width: 33.33333333%;
		height: auto;
		list-style-image: none;
		list-style-type: none;
		float: left;
		border-right: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
	}
	nav[role=navigation] li a {
		border: 0;
		width: auto;
		height: auto;
		padding: 10px 0 15px;
		display: block;
		text-align: center;
		text-decoration: none;
		color: #222;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;	
	}
	a .m_jpt {
		font-size: 14px;
		display: block;
		width: auto;
		height: auto;
		color: #222;
		line-height: 1.5em;
		padding-bottom: 5px;
	}
	a .m_ent {
		font-size: 0.7em;
		font-weight: 700;
		display: block;
		width: auto;
		height: auto;
		line-height: 1.5em;
		color: #00A45F;
	}
	nav[role=navigation] li a:hover {
		color: #fff !important;
		background-color: #00A45F;
	}
	nav[role=navigation] li a:hover .m_ent {
		color: #fff !important;
	}
	
	/* Footer */
	footer #ftbody li {
		display: -moz-inline-box;
		display: inline-block;
		/*display: inline;*/
		/*zoom: 1;*/
		padding-right: 10px;
		font-size: 1em;
		line-height: 2em;
	}
	footer p {
		font-size: 1em;
		color: #555;
		line-height: 2em;
	}
	footer #ftbody li a {
		display: -moz-inline-box;
		display: inline-block;
		/*display: inline;*/
		/*zoom: 1;*/
		width: 100%;
		color: #069;
		text-decoration: none;
		padding: 5px 0;
		margin-left: .333333%;
		margin-bottom: 3%;
		border: 2px #069 solid !important;
		border-radius: 10px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	footer #ftbody li a:hover {
		color: #FFF;
		background-color: #069;
		border: 2px #069 solid !important;
	}
} /* */


/* Style for Over 768px  */
@media print, screen and (min-width: 768px) {
	.pc-none { display: none !important; }

	/* header [ 2024 ] ------------------------------ */
	#header-2024 {
		display: flex;
		justify-content: space-between;
		height: 100px;
		margin-bottom: 20px;
		padding: 0 max(20px, calc((100% - 1200px) / 2)) 0 max(0px, calc((100% - 1200px) / 2)) !important;
	}
	#header-2024::before {
		top: 0;
		left: max(0px, calc((100% - 1200px) / 2));
		width: 130px;
		height: 130px;
	}

	/* header [ 2024 ] - logo */
	#header-2024 .logo {
		padding-left: 140px;
	}
	#header-2024 .logo-link {
		width: 130px;
		padding: 15px;
		clip-path: circle(50% at 50% 50%);
	}
	#header-2024 .logo-text {
		width: 165px;
		padding-top: 10px;
	}

	/* header [ 2024 ] - nav */
	#header-2024 .hd-nav {
		justify-content: flex-end;
		font-size: 1.125rem;
	}
	#header-2024 .hd-nav-link + .hd-nav-link {
		margin-left: 40px;
	}
	#header-2024 .hd-nav-link.is-active::before {
		height: 5px;
	}

	/* footer [ 2024 ] ------------------------------ */
	#footer-2024 {
		display: flex;
		position: relative;
	}
	#footer-2024 > * {
		padding: 40px 30px;
		border-right: 1px solid rgba(239,242,245,.5);
	}
	#footer-2024 > *:first-child {
		border-left: 1px solid rgba(239,242,245,.5);
	}

	/* footer [ 2024 ] - nav */
	#footer-2024 .ft-nav {
		width: 44%;
		padding-bottom: 70px;
	}
	#footer-2024 .ft-nav-link {
		margin-right: 2.5em;
	}
	#footer-2024 .ft-nav-link:last-child {
		margin-right: 0;
	}

	/* footer [ 2024 ] - blog */
	#footer-2024 .blog {
		width: 38%;
	}

	/* footer [ 2024 ] - sns */
	#footer-2024 .sns {
		width: 18%;
	}

	/* footer [ 2024 ] - copyright */
	#footer-2024 small {
		position: absolute;
		left: max(31px, calc((100% - 1200px) / 2) + 31px);
		bottom: 40px;
		padding: 0;
		border-right: none;
		/* transform: translateY(100%); */
	}
} /* */


/* Style for Uner 767px  */
@media screen and (max-width: 767px) {
	.sp-none { display: none !important; }

	/* header [ 2024 ] ------------------------------ */
	#header-2024::before {
		top: -10px;
		left: -12.5px;
		width: 100px;
		height: 100px;
	}

	/* header [ 2024 ] - logo */
	#header-2024 .logo {
		height: 40px;
		padding-left: 85px;
	}
	#header-2024 .logo-link {
		width: 75px;
		padding: 15px 10px 20px;
		border-bottom-right-radius: 40px 25px;
		border-bottom-left-radius: 40px 25px;
	}
	#header-2024 .logo-text {
		width: 116px;
		padding-top: 10px;
	}

	/* header [ 2024 ] - nav */
	#header-2024 .hd-nav {
		justify-content: space-around;
		width: calc(100% - 85px);
		height: 40px;
		margin: 0 0 0 auto;
		padding-right: 10px;
		font-size: 0.875rem;
	}
	#header-2024 .hd-nav-link.is-active::before {
		height: 3px;
	}

	/* footer [ 2024 ] ------------------------------ */
	#footer-2024 {
		text-align: center;
	}

	/* footer [ 2024 ] - nav */
	#footer-2024 .ft-nav-link {
		width: 50%;
		padding: 12px 10px;
		border-bottom: 1px solid rgba(239,242,245,.5);
	}
	#footer-2024 .ft-nav-link:nth-child(even) {
		border-left: 1px solid rgba(239,242,245,.5);
	}

	/* footer [ 2024 ] - blog */
	#footer-2024 .blog {
		padding: 30px 20px;
		border-bottom: 1px solid rgba(239,242,245,.5);
	}

	/* footer [ 2024 ] - sns */
	#footer-2024 .sns {
		padding: 40px 20px;
	}

	/* footer [ 2024 ] - copyright */
	#footer-2024 small {
		display: block;
		padding: 0 20px 15px;
	}
} /* */


/* Style for TabletPCs Large models */
@media screen and (min-width: 600px) and (max-width: 767px) {
	#wrapper {
		width: auto;
		height: auto;
		font-size: 100%;
		margin: 0 auto;
		background-image: url(../img/index/bg04.png);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	img {
		-ms-interpolation-mode: bicubic;
	}
	.pc {
		display: block;
	}
	.phone {
		display: block;
	}
	
	/* Header */
	#header {
		width: 100%;
		height: auto;
		padding: 30px 0 0 0;
	}
	header .description { font-size: 0.75rem;}
	
	#header h1 {
		width: auto;
		height: 80px;
		display: block;
		margin: 20px auto;
	}
	
	#header h1 a {
		width: 350px;
		height: 80px;
		display: block;
		margin: 0 auto;
		background-image: url(../img/header/0logo.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 80px;
		text-indent: -9999px;
	}
	.navbar-blue .navbar-brand {
		color: rgba(0, 0, 0, 0.9);
	}
	.navbar-blue .navbar-brand:focus, .navbar-blue .navbar-brand:hover {
		color: rgba(0, 0, 0, 0.9);
	}
	.navbar-blue .navbar-nav .nav-link {
		color: rgba(0, 0, 0, 1);
		font-weight: bold;
		padding: 0.8rem;
		text-align: left;
		border-bottom: #dadbdd 1px solid;
	}
	.navbar-blue .navbar-nav .nav-link:focus, .navbar-blue .navbar-nav .nav-link:hover {
		color: rgba(0, 0, 0, 1);
	}
	.navbar-blue .navbar-nav .nav-link.disabled {
		color: rgba(0, 0, 0, 0.3);
	}
	.navbar-blue .navbar-nav .show > .nav-link,
	.navbar-blue .navbar-nav .active > .nav-link,
	.navbar-blue .navbar-nav .nav-link.show,
	.navbar-blue .navbar-nav .nav-link.active {
		color: rgba(0, 0, 0, 0.9);
	}
	.navbar-blue .navbar-toggler {
		color: rgba(0, 0, 0 0.5);
		border-color: rgba(0, 0, 0, 0.1);
	}
	.navbar-blue .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.navbar-blue .navbar-text {
		color: rgba(0, 0, 0, 0.5);
	}
	.navbar-blue .navbar-text a {
		color: rgba(0, 0, 0, 0.9);
	}
	.navbar-blue .navbar-text a:focus, .navbar-blue .navbar-text a:hover {
		color: rgba(0, 0, 0, 0.9);
	}
	.bg-blue {
		background-color: #FFF !important;
	}
	a.bg-blue:focus, a.bg-blue:hover {
		background-color: #FFF !important;
	}

	.navbar-brand-center {
		margin-left: 0 !important;
	}
	
	/* Menu */
	#menubody {
		width: 100%;
		height: auto;
		overflow: hidden;
		border-top: 1px dotted #ccc;
		background: #ffffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjBmMGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(top, #ffffff 50%, #f0f0f0 100%);
		background: -webkit-linear-gradient(top, #ffffff 50%,#f0f0f0 100%);
		background: linear-gradient(to bottom, #ffffff 50%,#f0f0f0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	}
	a.menu-link {
		display: none;
	}
	.js nav[role=navigation] {
		max-height: none;
		width: auto;
		height: auto;
		overflow: hidden;
	}
	nav[role=navigation] ul {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	nav[role=navigation]  li {
		width: 33.33333333%;
		height: auto;
		list-style-image: none;
		list-style-type: none;
		float: left;
		border-right: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
	}
	nav[role=navigation] li a {
		border: 0;
		width: auto;
		height: auto;
		padding: 10px 0 15px;
		display: block;
		text-align: center;
		text-decoration: none;
		color: #222;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;	
	}
	a .m_jpt {
		font-size: 14px;
		display: block;
		width: auto;
		height: auto;
		color: #222;
		line-height: 1.5em;
		padding-bottom: 5px;
	}
	a .m_ent {
		font-size: 0.7em;
		font-weight: 700;
		display: block;
		width: auto;
		height: auto;
		line-height: 1.5em;
		color: #00A45F;
	}
	nav[role=navigation] li a:hover {
		color: #fff !important;
		background-color: #00A45F;
	}
	nav[role=navigation] li a:hover .m_ent {
		color: #fff !important;
	}
	
	/* Footer */
	footer #ftbody li {
		display: -moz-inline-box;
		display: inline-block;
		/*display: inline;*/
		/*zoom: 1;*/
		padding-right: 10px;
		font-size: 1em;
		line-height: 2em;
	}
	footer p {
		font-size: 1em;
		color: #555;
		line-height: 2em;
	}
	footer #ftbody li a {
		display: -moz-inline-box;
		display: inline-block;
		/*display: inline;*/
		/*zoom: 1;*/
		width: 100%;
		color: #069;
		text-decoration: none;
		padding: 5px 0;
		margin-left: .333333%;
		margin-bottom: 3%;
		border: 2px #069 solid !important;
		border-radius: 10px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
	footer #ftbody li a:hover {
		color: #FFF;
		background-color: #069;
		border: 2px #069 solid !important;
	}
} /* */


/* Style for Smartphonea */
@media screen and (max-width: 599px) {
	h1, h2, h3 { font-size: 1.4rem; text-align: center;}
	h4, h6 { font-size: 1.2rem; text-align: center;}
	#wrapper {
		width: 100%;
		font-size: 14px;
		line-height: 150%;
		min-width: 320px;
		background-image: url(../img/index/bg04.png);
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	img,object,embed {
		max-width: 100%;
		height: auto;
	}
	img {
		-ms-interpolation-mode: bicubic;
	}
	.pc {
		display: none;
	}
	.phone {
		display: block;
	}
	.tag { margin-right: 0; padding: 0.1rem 0.5rem; font-weight: normal; color: #FFF;}
	.simple-box { text-align: center; }
	table { text-align: center; }
	
	/* Header */
	#header {
		width: 100%;
		height: auto;
		padding : 10px 0 0 0;
	}
	
	#header h1 {
		width: 100%;
		height: 90px;
		margin: 10px auto 0 auto;
	}
	
	#header h1 a {
		width: 100%;
		height: 80px;
		display: block;
		margin: 0 auto;
		background-image: url(../img/header/0logo.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto 70px;
		text-indent: -9999px;
	}
	
	.navbar-brand-center {
		margin-left: 0 !important;
	}
	
	/* Menu */
	#menubody {
		border-top: 1px solid #666;
		width: auto;
		height: auto;
		background-color: #00A45F;
	}

	.navbar-blue .navbar-brand {
		color: rgba(0, 0, 0, 0.9);
	}
	.navbar-blue .navbar-brand:focus, .navbar-blue .navbar-brand:hover {
		color: rgba(0, 0, 0, 0.9);
	}
	.navbar-blue .navbar-nav .nav-link {
		color: rgba(0, 0, 0, 1);
		font-weight: bold;
		padding: 0.8rem;
		text-align: left;
		border-bottom: #dadbdd 1px solid;
	}
	.navbar-blue .navbar-nav .nav-link:focus, .navbar-blue .navbar-nav .nav-link:hover {
		color: rgba(0, 0, 0, 1);
	}
	.navbar-blue .navbar-nav .nav-link.disabled {
		color: rgba(0, 0, 0, 0.3);
	}
	.navbar-blue .navbar-nav .show > .nav-link,
	.navbar-blue .navbar-nav .active > .nav-link,
	.navbar-blue .navbar-nav .nav-link.show,
	.navbar-blue .navbar-nav .nav-link.active {
		color: rgba(0, 0, 0, 0.9);
	}
	.navbar-blue .navbar-toggler {
		color: rgba(0, 0, 0 0.5);
		border-color: rgba(0, 0, 0, 0.1);
	}
	.navbar-blue .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	.navbar-blue .navbar-text {
		color: rgba(0, 0, 0, 0.5);
	}
	.navbar-blue .navbar-text a {
		color: rgba(0, 0, 0, 0.9);
	}
	.navbar-blue .navbar-text a:focus, .navbar-blue .navbar-text a:hover {
		color: rgba(0, 0, 0, 0.9);
	}
	.bg-blue {
		background-color: #FFF !important;
	}
	a.bg-blue:focus, a.bg-blue:hover {
		background-color: #FFF !important;
	}

	/* Footer */
	
} /* */