@charset "UTF-8";
/*
Theme Name: Nihon Works Mobile Theme
Theme URI:
Author:
Author URI:
Description:
Version: 0
*/
@import url(https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700);
/* ========================================================================== *
 * normalize.
 * ========================================================================== */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/* normalize: document.
 * -------------------------------------------------------------------------- */
html {
	font-family:sans-serif;
	line-height:1.15;
	    -ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

/* normalize: sections.
 * -------------------------------------------------------------------------- */
body {
	margin:0;
}

article,
aside,
footer,
header,
nav,
section {
	display:block;
}

h1 {
	font-size:2em;
	margin:.67em 0;
}

/* normalize: grouping content.
 * -------------------------------------------------------------------------- */
figcaption,
figure,
main {
	display:block;
}

figure {
	margin:1em 40px;
}

hr {
	box-sizing:content-box;
	height:0;
	overflow:visible;
}

pre {
	font-family:monospace, monospace;
	font-size:1em;
}

/* normalize: text-level semantics.
 * -------------------------------------------------------------------------- */
a {
	background-color:transparent;
	-webkit-text-decoration-skip:objects;
}

a:active,
a:hover {
	outline-width:0;
}

abbr[title] {
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted;
}

b,
strong {
	font-weight:inherit;
}

b,
strong {
	font-weight:bolder;
}

code,
kbd,
samp {
	font-family:monospace, monospace;
	font-size:1em;
}

dfn {
	font-style:italic;
}

mark {
	background-color:#ff0;
	color:#000;
}

small {
	font-size:80%;
}

sub,
sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sub {
	bottom:-.25em;
}

sup {
	top:-.5em;
}

/* normalize: embedded content.
 * -------------------------------------------------------------------------- */
audio,
video {
	display:inline-block;
}

audio:not([controls]) {
	display:none;
	height:0;
}

img {
	border-style:none;
}

svg:not(:root) {
	overflow:hidden;
}

/* normalize: forms.
 * -------------------------------------------------------------------------- */
button,
input,
optgroup,
select,
textarea {
	font-family:sans-serif;
	font-size:100%;
	line-height:1.15;
	margin:0;
}

button,
input {
	overflow:visible;
}

button,
select {
	text-transform:none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance:button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style:none;
	padding:0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline:1px dotted ButtonText;
}

fieldset {
	border:1px solid #c0c0c0;
	margin:0 2px;
	padding:.35em .625em .75em;
}

legend {
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal;
}

progress {
	display:inline-block;
	vertical-align:baseline;
}

textarea {
	overflow:auto;
}

[type="checkbox"],
[type="radio"] {
	box-sizing:border-box;
	padding:0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height:auto;
}

[type="search"] {
	-webkit-appearance:textfield;
	outline-offset:-2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}

::-webkit-file-upload-button {
	-webkit-appearance:button;
	font:inherit;
}

/* normalize: interactive.
 * -------------------------------------------------------------------------- */
details,
menu {
	display:block;
}

summary {
	display:list-item;
}

/* normalize: scripting.
 * -------------------------------------------------------------------------- */
canvas {
	display:inline-block;
}

template {
	display:none;
}

/* normalize: hidden.
 * -------------------------------------------------------------------------- */
[hidden] {
	display:none;
}

/* ========================================================================== *
 * basic.
 * ========================================================================== */
html {
	font-family:"メイリオ", sans-serif;
	line-height:1.5;
	font-size:62.5%;
}

body {
	color:#000;
	background:#fff;
}

a {
	color:#4285f4;
}

a:hover {
	color:#1a0dab;
}

button,
input,
optgroup,
select,
textarea {
	font-family:"メイリオ", sans-serif;
}

:focus {
	outline:none;
}

::-moz-selection {
	color:#c-txt;
	background:#b3d4fc;
	text-shadow:none;
}

::selection {
	color:#c-txt;
	background:#b3d4fc;
	text-shadow:none;
}

hr {
	margin:1em 0;
	padding:0;
	border:0;
	border-top:1px solid rgba(0, 0, 0, .25);
	display:block;
	height:1px;
	background:rgba(255, 255, 255, .25);
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align:middle;
}

fieldset {
	margin:0;
	padding:0;
	border:0;
}

textarea {
	resize:vertical;
}

/* ========================================================================== *
 * layout.
 * ========================================================================== */
/* layout: 基本レイアウト.
 * -------------------------------------------------------------------------- */
.wrapper {
	position:relative;
	overflow-x:hidden;
	min-width:320px;
}

.container {
	margin-right:auto;
	margin-left:auto;
	position:relative;
	display:block;
	width:88.75%;
}

/* layout: 共通ヘッダー
-------------------------------------------------------------------------------- */
.site-header {
	height:50px;
}

.site-header:after {
	display:block;
	clear:both;
	content:"";
}

.site-header .header-btn-gnav {
	display:block;
	float:left;
	width:50px;
}

.site-header .header-btn-gnav img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.site-header .header-logo {
	margin:0 8px;
	float:left;
	width:50px;
}

.site-header .header-logo img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.site-header .header-btn-inquiry {
	display:block;
	float:right;
	width:100px;
}

.site-header .header-btn-inquiry img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.gnav {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	overflow:hidden;
	z-index:10001;
	background:#1b0d00;
}

.gnav.is-active {
	height:auto;
}

.gnav .gnav-btn-close {
	display:block;
	float:left;
	width:50px;
}

.gnav .gnav-btn-close img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.gnav .gnav-copy {
	margin-top:0;
	margin-bottom:0;
	margin-right:5.625%;
	float:right;
	width:147px;
	line-height:50px;
}

.gnav .gnav-copy img {
	width:100%;
	height:auto;
	vertical-align:middle;
}

.gnav > .container {
	clear:both;
}

.gnav .gnav-list {
	margin:0;
	padding:30px 15px;
	clear:both;
}

.gnav .gnav-list > li {
	line-height:40px;
}

.gnav .gnav-list > li img {
	width:auto;
	height:13px;
}

.gnav .gnav-panels {
	margin:0;
	padding-left:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	-ms-flex-line-pack:justify;
	align-content:space-between;
	list-style-type:none;
	background:#fff;
	text-align:center;
}

.gnav .gnav-panels > li {
	box-sizing:border-box;
}

.gnav .gnav-panels > li a {
	display:block;
}

.gnav .gnav-panels > li img {
	width:auto;
	height:95px;
}

.gnav .gnav-panels .panel-brizz {
	border-bottom:1px solid #000;
	width:100%;
}

.gnav .gnav-panels .panel-bellgrade {
	border-right:1px solid #000;
	width:50%;
}

.gnav .gnav-panels .panel-fusionar {
	width:50%;
}

/* layout: common footer.
 * -------------------------------------------------------------------------- */
.site-footer {
	padding-bottom:1px;
}

.site-footer .footer-nav {
	position:relative;
}

.site-footer .footer-nav .nav-head {
	margin:15.46875% 0 0 -10.46875%;
	position:absolute;
	top:0;
	left:50%;
	width:20.9375%;
}

.site-footer .footer-nav .nav-head img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.site-footer .footer-nav .nav-list {
	margin:0;
	padding-left:0;
	display:table;
	width:100%;
	list-style-type:none;
}

.site-footer .footer-nav .nav-list > li {
	display:table-cell;
	width:50%;
}

.site-footer .footer-nav .nav-list img {
	width:100%;
	height:auto;
	vertical-align:top;
}

/* ========================================================================== *
 * module.
 * ========================================================================== */
/* module: ボックスフィット画像.
 *--------------------------------------------------------------------------- */
.fitimg,
.fitimg-w {
	width:100%;
	height:auto;
}

.fitimg-h {
	width:auto;
	height:100%;
}

/* module: CSSゴーストボタン.
 * -------------------------------------------------------------------------- */
.button {
	margin:0;
	padding:.5em 1.5em;
	border:1px solid #000;
	border-radius:2px;
	display:inline-block;
	position:relative;
	line-height:1.5;
	vertical-align:middle;
	color:#000;
	background:transparent;
	font-family:Oswald, sans-serif;
	font-size:16px;
	font-size:1.6rem;
	font-weight:500;
	letter-spacing:2px;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
}

.button:hover {
	color:#000;
}

.button.button_block {
	padding-right:0;
	padding-left:0;
	display:block;
	text-align:center;
	width:100%;
}

.button.button_icon::after {
	margin-top:-.5em;
	position:absolute;
	top:50%;
	right:1em;
	content:attr(data-button-icon);
	height:1em;
	width:1em;
	line-height:1;
	text-align:center;
	font-family:sans-serif;
	font-size:12px;
	font-size:1.2rem;
}

.button.button_border {
	border:3px solid #f00;
}

.button.button_sizeS {
	font-size:75%;
}

.button.button_sizeM {
	font-size:125%;
}

.button.button_sizeL {
	font-size:150%;
}

.button [type="checkbox"],
.button [type="radio"] {
	cursor:pointer;
}

.button .button-subtxt {
	display:block;
	font-size:75%;
}

/* module: bxSlider v4.2.12.
 *--------------------------------------------------------------------------- */
/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position:relative;
	padding:0;
	*zoom:1;
	-ms-touch-action:pan-y;
	    touch-action:pan-y;
}

.bx-wrapper img {
	max-width:100%;
	display:block;
}

.bxslider {
	margin:0;
	padding:0;
	list-style:none;
}

.bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform:translatez(0);
}

/** THEME
===================================*/
.bx-wrapper img {
	max-width:100%;
	display:inline-block;
}

.bx-viewport li {
	min-height:1px;
	min-width:1px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	padding-right:13px;
	padding-left:13px;
	position:absolute;
	bottom:0;
	right:0;
	background:#191919;
}

/* LOADER */
.bx-wrapper .bx-loading {
	min-height:50px;
	background:url("./img/bx_loader.gif") center center no-repeat #fff;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align:center;
	font-size:.85em;
	font-family:Arial;
	font-weight:bold;
	color:#666;
	padding-top:8px;
	padding-bottom:8px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background:url(./img/bxdot.png) center center no-repeat;
	background-size:100% 100%;
	text-indent:-9999px;
	display:block;
	width:8px;
	height:8px;
	margin:0 5px;
	outline:0;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-image:url(./img/bxdot_on.png);
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display:inline-block;
	vertical-align:bottom;
	*zoom:1;
	*display:inline;
}

.bx-wrapper .bx-pager-item {
	font-size:0;
	line-height:0;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left:0;
	background:url("./img/bxprev.png") no-repeat;
	background-size:100% auto;
}

.bx-wrapper .bx-next {
	right:0;
	background:url("img/bxnext.png") no-repeat;
	background-size:100% auto;
}

.bx-wrapper .bx-controls-direction a {
	position:absolute;
	top:50%;
	margin-top:-25px;
	outline:0;
	width:25px;
	height:50px;
	text-indent:-9999px;
	z-index:99;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display:none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align:center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display:block;
	text-indent:-9999px;
	width:10px;
	height:11px;
	outline:0;
	background:url("./img/controls.png") -86px -11px no-repeat;
	margin:0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
	background-position:-86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display:block;
	text-indent:-9999px;
	width:9px;
	height:11px;
	outline:0;
	background:url("./img/controls.png") -86px -44px no-repeat;
	margin:0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
	background-position:-86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align:left;
	width:80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right:0;
	width:35px;
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position:absolute;
	bottom:0;
	left:0;
	background:#666;
	background:rgba(80, 80, 80, .75);
	width:100%;
}

.bx-wrapper .bx-caption span {
	color:#fff;
	font-family:Arial;
	display:block;
	font-size:.85em;
	padding:10px;
}

/* module: 基本ヘッダ.
 * -------------------------------------------------------------------------- */
.cmn-head {
	margin-bottom:45px;
	text-align:center;
}

.cmn-head h2 {
	margin-top:12px;
	margin-bottom:12px;
	font-family:Oswald, sans-serif;
	font-size:34px;
	font-size:3.4rem;
	font-weight:600;
	letter-spacing:2px;
	-webkit-transform:scaleY(1.2);
	        transform:scaleY(1.2);
}

.cmn-head .head-logo {
	margin-right:12px;
	display:inline-block;
	height:18px;
}

.cmn-head .head-logo img {
	width:auto;
	height:18px;
	vertical-align:middle;
}

.cmn-head .head-ja {
	padding-right:1em;
	padding-left:1em;
	display:inline-block;
	line-height:18px;
	vertical-align:middle;
	font-size:11px;
	font-size:1.1rem;
	color:#fff;
	background:#000;
	font-weight:700;
}

.cmn-head .head-ja_reverse {
	padding-right:1em;
	padding-left:1em;
	display:inline-block;
	line-height:18px;
	vertical-align:middle;
	font-size:11px;
	font-size:1.1rem;
	color:#000;
	background:#fff;
	font-weight:700;
}

/* module: 折り返し禁止.
 * -------------------------------------------------------------------------- */
.nowrap {
	white-space:nowrap;
}

.ellipsis {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

/* ========================================================================== *
 * component.
.* ========================================================================== */
/* component: ページ上部見出し.
 * -------------------------------------------------------------------------- */
.pagehead .container {
	padding-top:40px;
	padding-bottom:40px;
}

.pagehead .pagehead-nw {
	margin-top:0;
	margin-bottom:0;
	padding-right:4px;
	padding-left:4px;
	display:inline-block;
	color:#fff;
	background:#191919;
	font-family:Oswald, sans-serif;
	font-size:11px;
	font-size:1.1rem;
	font-weight:500;
	letter-spacing:2px;
	-webkit-transform:scaleY(1.2);
	        transform:scaleY(1.2);
}

.pagehead .pagehead-catch {
	margin-top:10px;
	margin-bottom:25px;
	line-height:1;
	font-family:Oswald, sans-serif;
	font-size:20px;
	font-size:2rem;
	font-weight:500;
	letter-spacing:2px;
	-webkit-transform:scaleY(1.2);
	        transform:scaleY(1.2);
}

.pagehead .pagehead-catch span {
	letter-spacing:-2px;
}

.pagehead .pagehead-nav {
	margin:0;
	padding-left:0;
	width:100%;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	list-style-type:none;
}

.pagehead .pagehead-nav > li {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
}

.pagehead .pagehead-nav > li:not(:first-child) {
	border-left:1px solid #fff;
}

.pagehead .pagehead-nav > li img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.pagehead .pagehead-keyvisual h2 {
	margin:0;
}

.pagehead .pagehead-keyvisual img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.pagehead .pagehead-keyvisual-voice {
	padding-top:16%;
	padding-bottom:16%;
	color:#fff;
	background:#000;
	text-align:center;
}

.pagehead .pagehead-keyvisual-voice h2 {
	margin-top:0;
	margin-bottom:0;
	padding-left:2px;
	font-family:Oswald;
	font-weight:400;
	font-size:26px;
	letter-spacing:2px;
}

.pagehead .pagehead-keyvisual-voice p {
	margin-top:.5em;
	margin-bottom:0;
	padding:0 .75em;
	display:inline-block;
	color:#000;
	background:#fff;
	font-size:16px;
	font-family:Oswald;
	font-weight:500;
	letter-spacing:1px;
}

/* component: CONCEPT.
 * -------------------------------------------------------------------------- */
.concept {
	padding-top:60px;
	padding-bottom:60px;
	text-align:center;
}

.concept .concept-head {
	margin-bottom:60px;
}

.concept .concept-lead {
	line-height:2;
	font-size:14px;
	font-size:1.4rem;
	font-weight:700;
}

.concept .concept-lead img {
	width:auto;
	height:17px;
	vertical-align:middle;
}

.concept .concept-lead .small {
	font-size:12px;
	font-size:1.2rem;
}

.concept .concept-txt {
	line-height:2;
	font-size:12px;
	font-size:1.2rem;
}

/* component: PROPERTY ON SALE.
 * -------------------------------------------------------------------------- */
.p-onsale {
	padding-top:60px;
	padding-bottom:60px;
	color:#fff;
	background:#1b0d00;
	text-align:center;
}

.p-onsale .ponsale-gallery img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.p-onsale .ponsale-info {
	margin-top:15px;
	margin-bottom:10px;
	display:table;
	width:100%;
}

.p-onsale .ponsale-title {
	padding-right:.5em;
	display:table-cell;
	vertical-align:middle;
	font-size:13px;
	font-size:1.3rem;
	font-weight:700;
	text-align:left;
}

.p-onsale .ponsale-toggle {
	width:73px;
	display:table-cell;
	vertical-align:bottom;
}

.p-onsale .ponsale-toggle img {
	width:auto;
	height:29px;
	vertical-align:middle;
}

.p-onsale .ponsale-detail-inner {
	padding:35px 1em;
	position:relative;
	background:#303030;
}

.p-onsale .ponsale-detail-inner::after {
	position:absolute;
	top:-6px;
	right:8px;
	display:block;
	border-right:6px solid rgba(48, 48, 48, 0);
	border-bottom:6px solid #303030;
	border-left:6px solid rgba(48, 48, 48, 0);
	width:0;
	height:0;
	content:"";
}

.p-onsale .ponsale-access {
	font-size:12px;
	font-size:1.2rem;
}

.p-onsale .ponsale-access > dt {
	padding-bottom:15px;
	position:relative;
	font-weight:700;
}

.p-onsale .ponsale-access > dt::after {
	margin-left:-10px;
	position:absolute;
	top:100%;
	left:50%;
	height:1px;
	width:10px;
	background:#6f6f6f;
	content:"";
}

.p-onsale .ponsale-access > dd {
	margin:15px 0;
	line-height:2.5;
}

.p-onsale .ponsale-access > dd .access-option {
	font-size:10px;
	font-size:1rem;
}

.p-onsale .ponsale-close {
	margin-top:0;
	margin-bottom:0;
	text-align:center;
}

.p-onsale .ponsale-close a {
	padding-left:2px;
	border-bottom:1px solid #fff;
	display:inline-block;
	line-height:2.5;
	color:inherit;
	font-family:Oswald, sans-serif;
	font-size:13px;
	font-size:1.3rem;
	letter-spacing:2px;
	z-index:1;
	text-decoration:none;
}

/* component: PROPERTY LIST.
 * -------------------------------------------------------------------------- */
.p-list {
	padding-top:60px;
	padding-bottom:60px;
	text-align:center;
}

.p-list .plist-list {
	margin:0;
	padding-left:0;
	list-style-type:none;
}

.p-list .plist-list:after {
	display:block;
	clear:both;
	content:"";
}

.p-list .plist-list img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.p-list .plist-item {
	margin-top:3.52113%;
	width:48.23944%;
	color:#fff;
	background:#191919;
	transition:opacity .4s linear 0s;
}

.p-list .plist-item:nth-child(odd) {
	float:left;
	clear:both;
}

.p-list .plist-item:nth-child(even) {
	float:right;
}

.p-list .plist-item:nth-child(1),
.p-list .plist-item:nth-child(2) {
	margin-top:0;
}

.p-list .plist-item.is-trans {
	opacity:0;
}

.p-list .plist-listname {
	padding:8px .5em;
	display:block;
	font-size:11px;
	font-size:1.1rem;
	font-weight:700;
	text-align:center;
}

.p-list .plist-modal {
	display:none;
}

.p-list .plist-footer {
	padding-top:35px;
}

/* component: modal.
 * -------------------------------------------------------------------------- */
.modal {
	display:none;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:10001;
	background:rgba(0, 0, 0, .85);
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
}

.modal.is-active {
	display:block;
}

.modal .modal-head {
	margin-bottom:20px;
	color:#fff;
	text-align:right;
}

.modal .modal-close {
	display:inline-block;
	color:inherit;
	text-decoration:none;
}

.modal .modal-close .close-txt {
	padding-left:2px;
	border-bottom:1px solid #fff;
	display:inline-block;
	line-height:2;
	color:inherit;
	font-family:Oswald, sans-serif;
	font-size:13px;
	font-size:1.3rem;
	letter-spacing:1px;
	z-index:1;
	text-decoration:none;
}

.modal .modal-close .close-icon {
	padding-left:8px;
}

.modal .modal-close .close-icon img {
	width:14px;
	height:14px;
}

.modal .modal-inner {
	padding:20px 13.28125% 40px;
	position:relative;
	z-index:0;
}

.modal .modal-gallery ul {
	margin:0;
	padding:0;
	position:relative;
	list-style-type:none;
}

.modal .modal-gallery ul img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.modal .bx-wrapper {
	border:2px solid #fff;
}

.modal .bx-wrapper .bx-prev {
	left:-25px;
	background:url("./img/modalprev.png") no-repeat;
	background-size:100% auto;
}

.modal .bx-wrapper .bx-next {
	right:-25px;
	background:url("./img/modalnext.png") no-repeat;
	background-size:100% auto;
}

.modal .modal-txt {
	margin-top:15px;
	margin-bottom:0;
	color:#fff;
	font-size:13px;
	font-size:1.3rem;
	font-weight:700;
	text-align:center;
}

/* component: voice.
 * -------------------------------------------------------------------------- */
.voice {
	padding-bottom:100px;
}

.voice .voice-list {
	margin:0;
	padding:0;
	list-style-type:none;
}

.voice .voice-list-head {
	margin-top:17.3913%;
	margin-bottom:17.3913%;
	padding-left:2px;
	font-family:Oswald;
	font-size:36px;
	font-weight:400;
	letter-spacing:2px;
	text-align:center;
}

.voice .voice-panellink {
	display:block;
	color:inherit;
	text-decoration:none;
}

.voice .voice-item-inner {
	position:relative;
}

.voice .voice-item-inner > img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.voice .voice-num {
	margin:0;
	padding:1px 1em 2px;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	color:#fff;
	background:#000;
	font-family:Oswald;
	font-size:13px;
	letter-spacing:1px;
}

.voice .voice-name-wrap {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	background:rgba(0, 0, 0, .6);
}

.voice .voice-name {
	margin:0;
	display:table;
	width:100%;
	height:100%;
}

.voice .voice-name > span {
	padding-left:2px;
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	font-family:Oswald;
	font-size:22px;
	text-align:center;
	letter-spacing:2px;
}

.voice .voice-item-title {
	line-height:1.75;
	font-size:12px;
	font-weight:700;
	letter-spacing:2px;
	background:url(./img/voice-next.png) right center no-repeat;
	background-size:34px auto;
}

.voice .voice-item {
	margin-top:13.04348%;
}

.voice .voice-detail {
	margin-top:6.52174%;
	padding-bottom:7.24638%;
	border-bottom:1px dotted #ccc;
}

.voice .voice-detail .voice-detail-media > img {
	width:100%;
	height:auto;
	vertical-align:top;
}

.voice .voice-detail .voice-detail-lead {
	margin-top:1.5em;
	font-size:16px;
	font-weight:700;
	letter-spacing:2px;
}

.voice .voice-detail .voice-detail-txt {
	line-height:2;
	font-size:11px;
	letter-spacing:1px;
}

.voice .voice-detail .voice-detail-profile {
	line-height:2;
	font-size:10px;
}

.voice .voice-detail .voice-detail-sec {
	margin-top:10.14493%;
	padding-top:10.14493%;
	border-top:1px dotted #ccc;
}

.voice .voice-detail .voice-detail-head {
	margin-top:0;
	font-size:16px;
	font-weight:700;
	letter-spacing:2px;
}

.voice .voice-detail .voice-interview {
	margin:0;
	display:table;
	width:100%;
	line-height:2;
	font-size:11px;
	letter-spacing:1px;
}

.voice .voice-detail .voice-interview dl {
	display:table-row;
}

.voice .voice-detail .voice-interview dt {
	padding-top:.5em;
	padding-bottom:.5em;
	padding-right:.5em;
	display:table-cell;
	font-weight:700;
	white-space:nowrap;
}

.voice .voice-detail .voice-interview dd {
	padding-top:.5em;
	padding-bottom:.5em;
	display:table-cell;
}

/* component: 問い合わせ.
 * -------------------------------------------------------------------------- */
.inquiry {
	padding-top:45px;
	padding-bottom:100px;
}

.inquiry .inquiry-lead {
	padding-bottom:45px;
	line-height:2;
	font-size:12px;
	font-size:1.2rem;
	text-align:center;
	letter-spacing:.5px;
}

.inquiry .inquiry-lead a {
	color:inherit;
	font-weight:700;
}

.inquiry .inquiry-form .form-list {
	margin:0 0 40px;
	padding-left:0;
	padding-bottom:20px;
	border-bottom:1px dotted #d4d4d4;
	list-style-type:none;
	font-size:12px;
	font-size:1.2rem;
}

.inquiry .inquiry-form .form-list > li {
	border-top:1px dotted #d4d4d4;
}

.inquiry .inquiry-form .form-item {
	margin:0;
	padding-bottom:20px;
}

.inquiry .inquiry-form .form-item > dt {
	padding-top:17px;
	padding-bottom:17px;
	line-height:18px;
	font-weight:700;
	letter-spacing:3px;
	background:right center no-repeat;
	background-size:32px auto;
}

.inquiry .inquiry-form .form-item > dd {
	margin-left:0;
}

.inquiry .inquiry-form .form-item.required > dt {
	background-image:url(./img/form-required.png);
}

.inquiry .inquiry-form .form-item.optional > dt {
	background-image:url(./img/form-optional.png);
}

.inquiry .inquiry-form .form-item input,
.inquiry .inquiry-form .form-item select,
.inquiry .inquiry-form .form-item textarea {
	width:100%;
	box-sizing:border-box;
}

.inquiry .inquiry-form .form-item input[type=text],
.inquiry .inquiry-form .form-item select,
.inquiry .inquiry-form .form-item textarea {
	padding:8px;
	border:1px solid #d4d4d4;
	background:#fff;
	transition:border-color .2s linear 0s;
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
}

.inquiry .inquiry-form .form-item input[type=text]:focus,
.inquiry .inquiry-form .form-item select:focus,
.inquiry .inquiry-form .form-item textarea:focus {
	border-color:#ccc;
}

.inquiry .inquiry-form .form-item input.input-half {
	width:50%;
}

.inquiry .inquiry-form .form-item .form-select-wrapper {
	position:relative;
}

.inquiry .inquiry-form .form-item .form-select-wrapper::after {
	margin-top:-.5em;
	position:absolute;
	top:50%;
	right:1em;
	width:1em;
	height:1em;
	line-height:1;
	content:"▼";
	font-size:10px;
}

.inquiry .inquiry-form .form-item select {
	-webkit-appearance:none;
	   -moz-appearance:none;
	        appearance:none;
}

.inquiry .inquiry-form .form-item select ::-moz-focus-inner {
	border:none;
}

.inquiry .inquiry-form .form-item input[type=checkbox] {
	margin:0 .25em 2px;
	padding:0;
	position:relative;
	vertical-align:middle;
	width:auto;
}

.inquiry .inquiry-form .form-item input[type=radio] {
	margin:0 .25em 2px;
	position:relative;
	vertical-align:middle;
	width:auto;
}

.inquiry .inquiry-form .form-item input[type=submit] {
	padding:5px 10px;
}

.inquiry .inquiry-form .form-item textarea {
	vertical-align:top;
}

.inquiry .inquiry-form .form-item option {
	padding-right:1em;
}

.inquiry .inquiry-form .form-item .form-txt {
	margin-bottom:.25em;
}

.inquiry .inquiry-form .form-item .ymd {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
}

.inquiry .inquiry-form .form-item .ymd .ymd-cell.ymd-y {
	-webkit-box-flex:4;
	-ms-flex-positive:4;
	flex-grow:4;
	width:30%;
}

.inquiry .inquiry-form .form-item .ymd .ymd-cell.ymd-md {
	-webkit-box-flex:2;
	-ms-flex-positive:2;
	flex-grow:2;
	width:20%;
}

.inquiry .inquiry-form .form-item .ymd .ymd-cell.ymd-txt {
	-webkit-box-flex:1;
	-ms-flex-positive:1;
	flex-grow:1;
	width:5%;
	padding-right:.5em;
	padding-left:.5em;
	text-align:center;
}

.inquiry .inquiry-form .form-privacy {
	margin-bottom:40px;
	padding:2.50836% 2.50836% 2.50836% 6.52174%;
	border:1px solid #d4d4d4;
	background-size:100% auto;
	line-height:1.75;
	font-size:12px;
	font-size:1.2rem;
}

.inquiry .inquiry-form .form-privacy .privacy-inner {
	padding-right:8.82353%;
	height:235px;
	overflow-y:scroll;
}

.inquiry .inquiry-form .form-privacy .privacy-head {
	margin-top:0;
	border-bottom:1px solid #d4d4d4;
	font-size:13px;
	font-size:1.3rem;
	font-weight:700;
}

.inquiry .inquiry-form .form-privacy .privacy-head span {
	margin-bottom:-1px;
	padding-top:12px;
	padding-bottom:16px;
	border-bottom:1px solid #000;
	display:inline-block;
}

.inquiry .inquiry-form .form-privacy .privacy-subhead {
	font-size:12px;
	font-size:1.2rem;
	font-weight:700;
}

.inquiry .inquiry-form .form-confirm {
	margin-bottom:40px;
	padding-left:47px;
	background:url(./img/form-required.png) left center no-repeat;
	background-size:32px auto;
	font-size:12px;
	font-size:1.2rem;
	font-weight:700;
}

.inquiry .inquiry-form .form-confirm label {
	display:table;
	position:relative;
	width:100%;
	cursor:pointer;
}

.inquiry .inquiry-form .form-confirm label input[type="checkbox"] {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}

.inquiry .inquiry-form .form-confirm label input[type="checkbox"]:checked + .confirm-txt::before {
	background:url(./img/check.png) center center no-repeat;
	background-size:17px auto;
}

.inquiry .inquiry-form .form-confirm .confirm-txt {
	display:table-cell;
	padding-left:48px;
	vertical-align:middle;
}

.inquiry .inquiry-form .form-confirm .confirm-txt::before {
	margin-top:-17px;
	position:absolute;
	left:0;
	top:50%;
	display:block;
	border:1px solid #d4d4d4;
	width:32px;
	height:32px;
	content:"";
}
