@charset "utf-8";


/*--------------------------------------------
　■［フォント］
--------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');


/*--------------------------------------------
■［html5］
--------------------------------------------*/

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

/*--------------------------------------------
　■［ボディ］
--------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

html {
	font-size: 18px;
	line-height: 1.8;
}

body {
	font-family: "Roboto", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	transition: all .3s ease-out;
	background-color: #333;
}

body.open {
	padding-right: 250px;
}

::-moz-selection {
	background: #FDF0F4; /* Safari */
	color: #333;
}

::selection {
	background: #FDF0F4; /* Safari */
	color: #333;
}

::-moz-selection {
	background: #FDF0F4; /* Firefox */
	color: #333;
}


/*--------------------------------------------
　■［リンク］
--------------------------------------------*/

a:link {
	color: #333;
	text-decoration: underline;
}

a:visited {
	color: #333;
	text-decoration: underline;
}

a:hover {
	color: #333;
	text-decoration: none;
}

a:active {
	color: #333;
	text-decoration: none;
}

a img {
	border: none;
}

.touch {
	-webkit-tap-highlight-color: transparent;
}

button:hover,
.accordion:hover,
.slick-arrow:hover,
.hoverfade:hover,
.btn:hover,
a:hover {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

button,
.accordion,
.slick-arrow,
.hoverfade,
.btn,
a {
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

.nohoverfade:hover {
	opacity: 1;
	pointer-events: none;
	cursor: default;
}

.tel {
	pointer-events: none;
	text-decoration: none !important;
	cursor: default;
}

.disabled {
	pointer-events: none;
	color: #212529 !important;
	text-decoration: none !important;
	opacity: 0.5;
}



/*--------------------------------------------
　■［フォント］
--------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-weight: normal;
	padding: 0;
	margin: 0;
	line-height: 1.5;
}

.f1,
.s {
	font-size: 0.8em;
}

.f2,
.m {
	font-size: 16px;
	font-size: 1rem;
}

.f3,
.l {
	font-size: 1.2em;
}

.ss {
	font-size: 0.7em;
}

.s {
	font-size: 0.88em;
}

.m {
	font-size: 16px;
	font-size: 1rem;
}

.l {
	font-size: 1.2em;
}

.ll {
	font-size: 1.4em;
}

.notes {
	color: #e61620 !important;
}

.accent {
	color: #683406 !important;
}

.fc-accent {
	color: #683406 !important;
}

.fc-white {
	color: #fff !important;
}

.df {
	color: #212529;
}
.red {
	color: #D90000;
}

.fw-bold {
	font-weight: bold;
}

.fw-normal {
	font-weight: normal;
}

sup {
	line-height: 1;
	vertical-align: text-top;
	font-size: 0.7em;
}


/*--------------------------------------------
■［背景色］
--------------------------------------------*/
.bgc-red {
	background-color: #D90000 !important;
}
.bgc-def {
	background-color: #212529 !important;
}
.bgc-blue {
	background-color: #0039a4 !important;
}
.bgc-orange {
	background-color: #EE8831 !important;
}


/*--------------------------------------------
　■［回り込み］
--------------------------------------------*/

.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

.f-left {
	float: left;
}

p.f-left {
	margin-right: 1.5em;
}

.f-right {
	float: right;
}

p.f-right {
	margin-left: 1.5em;
}

.f-clear {
	clear: both;
}

.a-left {
	text-align: left;
}


.a-right {
	text-align: right;
}

.a-center {
	text-align: center;
}


/*--------------------------------------------
　■［画像］
--------------------------------------------*/

img {
	-ms-interpolation-mode: bicubic;
	vertical-align: bottom;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	border-style: none;
}

img[usemap] {
	max-width: 70%;
	height: auto;
}

.ofi {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.ofi.contain {
	object-fit: contain;
}

span.imagelink,
span.zoom {
	width: auto;
	height: auto;
	display: inline-block;
}


/*--------------------------------------------
　■［改行禁止］
--------------------------------------------*/

.nobr {
	white-space: nowrap;
}


/*--------------------------------------------
■［非表示］
--------------------------------------------*/

.sp-view {
	display: none !important;
}

.pc-view {
	display: inherit!important;
}



/*--------------------------------------------
　■［フォーム］
--------------------------------------------*/

form {
	margin: 0;
	padding: 0;
}

select,
textarea,
input {
	font-size: 100%;
	font-weight: normal;
}

input[type="button"], input[type="submit"] {
	-webkit-appearance: none;
}

.noborder {
	border: none !important;
}

input {
	vertical-align: middle;
}

select {
	margin: 0px 0.25em 0.25em 0px;
	color: #333;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	display: inline-block;
	padding: 0.6em;
}
span.selectbox {
	display: inline-block;
	position: relative;
}
span.selectbox button + ul {
	display: none;
}
span.selectbox button.active + ul {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 2.6em;
	min-width: 10em;
	border: 1px solid #ddd;
	border-radius: 0 0 0.2em 0.2em;
	background-color: #fff;
	overflow: hidden;
	z-index: 1;
}
span.selectbox button.active + ul > li + li {
	border-top: 1px solid #ddd;
}
span.selectbox button.active + ul > li label {
	display: block;
	margin: 0;
}
span.selectbox button.active + ul > li label span {
	display: block;
	padding: 0.25em;
	padding-left: 1em;
}

input[type="date"],
input[type="number"],
input[type="email"],
input[type="text"],
input[type="password"],
textarea {
	padding: 0.6em;
	border-radius: 0.2em;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	margin: 0px 0.25em 0.25em 0px;
	color: #333;
	width: 100%;
	display: inline-block;
	line-height: 1;
}	

label {
	margin: 0 0 0.25em 0;
	display: inline-block;
	cursor: pointer;
}
label {
	margin-right: 1em;
}
label:last-child {
	margin-right: 0;
}

label input {
	margin-right: 0.5em;
	vertical-align: middle;
}

.wa {
	min-width: inherit;
	max-width: 100%;
	width: auto !important;
}

button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


label input[type=checkbox],
label input[type=radio] {
	display: none;
}


label input[type="checkbox"] + span:before,
label input[type="radio"] + span:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	content:"\f111";
	display: inline-block;
	margin-right: 0.3em;
	vertical-align: middle;
	line-height: 1;
	margin-top: -0.2em;
	opacity: 0.5;
}

label input[type="checkbox"] + span:before {
	content:"\f0c8";
}

label input[type="radio"]:checked + span:before {
	font-weight: 900;
	content:"\f192";
	color: #D90000;
	opacity: 1;
}

label input[type="checkbox"]:checked + span:before {
	font-weight: 900;
	content:"\f14a";
	color: #D90000;
	opacity: 1;
}

/*--------------------------------------------
■［ボタン］
--------------------------------------------*/

.btn {
	font-size: 1rem;
	display: inline-block;
	color: #fff !important;
	background-color: #D90000;
	padding: 0.8em 1.5em;
	line-height: 1;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	min-width: 10em;
	border-radius: 0.2em;
	font-size: 1em;
	margin: 0.25em 0.25em 0.25em 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn.black {
	background-color: #333;
}
.btn2 {
	font-size: inherit;
	padding: 0.3em 0.5em;
	min-width: inherit;
	margin: 0.3em;
}

.btn2:before,
.btn2:after,
.btn:before,
.btn:after {
	color: #fff !important;
}

.btn2.gray,
.btn.gray {
	background-color: #999;
}

.btn2.ss,
.btn.ss {
	font-size: 0.6em;
}

.btn2.s,
.btn.s {
	font-size: 0.8em;
}

.btn2.l,
.btn.l {
	font-size: 1.2em;
}

p.a-center .btn + .btn {
	margin-left: 1em;
}

:disabled {
	opacity: 0.5;
	cursor: default !important;
	pointer-events: none;
}

div.btnarea {
	text-align: center;
	margin-top: 4em;
}

div.btnarea p {
	display: inline-block;
	margin: 0 0.5em;
}

.mandatory:after {
	content: "必須";
	color: #fff;
	background-color: #f63543;
	line-height: 1;
	padding: 0.3em 0.5em;
	border-radius: 0.2em;
	font-size: 0.7em;
	margin-left: 0.5em;
	display: inline-block;
}


/*--------------------------------------------
　■［隠す］
--------------------------------------------*/

.hide {
	display: none;
}




/*--------------------------------------------
　■［リスト］
--------------------------------------------*/

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul li ,
ol li {
	margin: 0;
	padding: 0;
	page-break-inside: avoid;
}

ul.disc {
	margin-bottom: 2em;
}

ul.disc li {
	margin: 0 0 0.3em 2em;
	position: relative;
	line-height: 1.5;
}

ul.disc.clearfix li {
	margin-left: 0;
	padding-left: 2em;
	padding-right: 0;
}

ul.disc > li:before {
	content: "●";
	color: #D90000;
	font-size: 0.6em;
	position: absolute;
	left: -2em;
	margin-top: 0.4em;
}

ul.disc.gray > li:before {
	color: #898d8f !important;
}

ul.disc.clearfix > li:before {
	left: 1em;
}

ol.decimal {
	margin: 0 0px 2em 2em;
	padding: 0;
	list-style-type: decimal;
}

ol.decimal > li {
	margin: 0 0 0.5em 0;
}

ul.disc > li > ul, ul.disc > li > ol {
	margin-top: 0.5em !important;
	margin-bottom: 1em !important;
}

ul.icon-kome {
	margin: 0 0 2em 2em;
	padding: 0;
	position: relative;
}

p + ul.icon-kome {
	margin-top: -1em;
}

dd p + ul.icon-kome {
	margin-top: 0;
}

ul.icon-kome > li {
	margin: 0 0 0.25em 0;
	position: relative;
}

dd p + ul.icon-kome > li {
	margin: 0 0 0.25em 0;
}

ul.icon-kome > li:before {
	content: "＊";
	color: #e61620;
	position: absolute;
	left: -1.5em;
	top: 0;
	display: block;
}

ul.icon-kome.dc > li:before {
	color: #212529;
}

p.icon-kome {
	position: relative;
	padding-left: 1.5em;
}

ul + p.icon-kome,
ol + p.icon-kome,
p + p.icon-kome {
	margin-top: -1em;
}

p.icon-kome:before {
	content: "＊";
	color: #e61620;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

p.icon-kome.dc:before {
	color: #212529;
}

.c5, .c4, .c3, .c2 {
	margin-bottom: 2em;
}
.c5 > li, .c4 > li, .c3 > li, .c2 > li {
	margin: 0;
}

.c2 > li {
	width: 50%;
	float: left;
	padding-right: 1em;
}

.c3 > li {
	width: 33.333%;
	float: left;
	padding-right: 1em;
}

.c4 > li {
	width: 25%;
	float: left;
	padding-right: 2em;
}

.c5 > li {
	width: 20%;
	float: left;
	padding-right: 1em;
}

.c5 > li:nth-child(5n+1),
.c4 > li:nth-child(4n+1),
.c3 > li:nth-child(3n+1),
.c2 > li:nth-child(2n+1) {
	clear: both;
}

ul.imagelist {
	margin: 0 0 2em 0;
}

ul.imagelist.clearfix {
	margin: 0 -10px 2em -10px;
}

ul.imagelist > li {
	margin: 0 0 1em 0 !important;
	padding: 0 10px;
	display: inline-block;
}

ul.imagelist.clearfix > li {
	display: block;
}

ul.imagelist li p.image {
	margin: 0 0 0.5em 0 !important;
}

ul.imagelist.objectfit li p.image {
	position: relative;
}

ul.imagelist li p.image img {
	width: 100%;
	height: auto;
}

ul.imagelist.objectfit li p.image img {
	height: 100%;
	width: 100%;
}

ul.imagelist li p.caption {
	margin: 0 !important;
	line-height: 1.3
}

ul.imagelist li div.accordion-cnt {
	background-color: #f2f2f2;
	padding: 0.5em;
	display: none;
}

ul.imagelist li h5.accordion {
	position: relative;
	cursor: pointer;
	padding-right: 1em;
}

ul.imagelist li h5.accordion.active {
	color: #999;
}

ul.imagelist li h5.accordion.active + div.accordion-cnt {
	display: block;
}
ul.imagelist li h5.accordion img {
	max-height: 2em;
	margin-left: 0.3em;
	display: inline-block;
	vertical-align: middle;
}
ul.imagelist li h5.accordion:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f055";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	line-height: 1;
	width: 1em;
	height: 1em;
}

ul.imagelist li h5.accordion.active:before {
	content: "\f056";
}

div#main ul.imagelist li p.thumb {
	margin-bottom: 0.5em;
	position: relative;
}
div#main ul.imagelist li p.thumb a {
	display: block;
}
div#main ul.imagelist li p.thumb a:after {
	content: attr(title);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 0.5em;
	font-size: 0.8em;
	line-height: 1;
}
div#main ul.imagelist li p.thumb a[title=""]:after {
	display: none;
}

dl.dllist-001 {
	margin: 0 0 2em 0;
	clear: both;
	background-color: #f8f7f1;;
	border-right: 1px solid #a6a8a9;
	border-left: 1px solid #a6a8a9;
	border-bottom: 1px solid #a6a8a9;
}

dl.dllist-001 dt {
	width: 24%;
	float: left;
	clear: both;
	padding: 1em;
	border-top: 1px solid #a6a8a9;
	line-height: 1.5;
	color: #683406;
}

dl.dllist-001 dd {
	width: 76%;
	float: left;
	padding: 1em;
	border-top: 1px solid #a6a8a9;
	background-color: #fff;
	line-height: 1.5;
}
dl.dllist-002 {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1.5em;
	align-items: stretch;
}
dl.dllist-002 > dt {
	background-color: #333;
	width: 20%;
	padding: 0.6em 1em;
	color: #fff;
	border: 1px solid #333;
	font-weight: bold;
}
dl.dllist-002 > dd {
	padding: 0.6em 1em;
	width: 80%;
	background-color: #fff;
	border: 1px solid #333;
}


/*--------------------------------------------
■［汎用ボックス］
--------------------------------------------*/

.box {
	padding: 1.5em;
	border-radius: 0.3em;
	margin-bottom: 2em;
	border-style: solid;
}

.bdc-f8f7f1 {
	border-color: #f8f7f1;
}

.bdc-e78b77 {
	border-color: #e78b77;
}

.bdw-1 {
	border-width: 1px;
}

.bdw-2 {
	border-width: 2px;
}

.bdw-3 {
	border-width: 3px;
}

.bdw-4 {
	border-width: 4px;
}

.bdw-5 {
	border-width: 5px;
}

.d-flex {
	display: flex;
}
.d-block {
	display: block;
}
.d-iblock {
	display: inline-block;
}
.d-inline {
	display: inline;
}
.fd-column {
	flex-direction: column;
}
.fd-row {
	flex-direction: row;
}
.ai-center {
	align-items: center;
}
.jc-center {
	justify-content: center;
}
.fw-wrap {
	flex-wrap: wrap;
}
.fw-nowrap {
	flex-wrap: nowrap;
}
.gap-10 {
	gap: 1em;
}
.gap-5px {
	gap: 5px;
}
.gap-10px {
	gap: 10px;
}
.gap-20px {
	gap: 20px;
}
.gap-30px {
	gap: 30px;
}
.gap-40px {
	gap: 40px;
}
.gap-20px5px {
	gap: 0 20px;
}

/*--------------------------------------------
■［リンクボタン］
--------------------------------------------*/

a.link-001 {
	border: 1px solid #28167f;
	color: #28167f;
	line-height: 1;
	padding: 0.5em 1em;
	border-radius: 1em;
	text-decoration: none;
	background-color: #fff;
	display: inline-block;
}


/*--------------------------------------------
■［タブメニュー］
--------------------------------------------*/




/*--------------------------------------------
■［アコーディオン］
--------------------------------------------*/






/*--------------------------------------------
■［アイコン］
--------------------------------------------*/

svg.icon {
	color: inherit;
}

svg.icon.sup {
	font-size: 0.6em;
	display: inline-block;
	margin-left: 0.3em;
	margin-right: 0.3em;
	vertical-align: super;
}

i.material-icons {
	font-size: 1.4em;
	vertical-align: middle;
}

.icon.white {
	color: #fff;
}

.icon.brown {
	color: #683406;
}

.icon.gray {
	color: #999;
}

.icon.yellow {
	color: #E1C400;
}

.fa-file-pdf {
	color: #A50000;
}

.fa-file-word {
	color: #285290;
}

.fa-file-excel {
	color: #1E6E42;
}

.fa-file-powerpoint {
	color: #CB4424;
}

.fa-file-image {
	color: #39B7A1;
}

.icon.left:before, .icon.right:after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	width: 1em;
	height: 1em;
	line-height: 1;
	display: inline-block;
	content: "";
	text-align: center;
	vertical-align: middle;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.icon.left:before {
	margin-right: 0.3em;
}

.icon.right:before {
	margin-left: 0.3em;
}

.icon.left.sex:before, .icon.right.sex:after {
	background-image: url(../img/icon_sex.svg);
}

.icon.left.country:before, .icon.right.country:after {
	background-image: url(../img/icon_country.svg);
}

.icon.left.age:before, .icon.right.age:after {
	background-image: url(../img/icon_age.svg);
}

.icon.left.income:before, .icon.right.income:after {
	background-image: url(../img/icon_income.svg);
}

.icon.left.marriage:before, .icon.right.marriage:after {
	background-image: url(../img/icon_marriage.svg);
}

.icon.left.family:before, .icon.right.family:after {
	background-image: url(../img/icon_family.svg);
}

.icon.left.child:before, .icon.right.child:after {
	background-image: url(../img/icon_child.svg);
}

.icon.left.home:before, .icon.right.home:after {
	content: "\f015";
}

.icon.left.apps:before, .icon.right.apps:after {
	content: "\f3cd";
}

.icon.left.car:before, .icon.right.car:after {
	content: "\f1b9";
}

.icon.left.mobility:before, .icon.right.mobility:after {
	content: "\f554";
}

.icon.left.laundry:before, .icon.right.laundry:after {
	background-image: url(../img/icon_laundry.svg);
}

.icon.left.shopping:before, .icon.right.shopping:after {
	content: "\f07a";
}

.icon.left.mail:before, .icon.right.mail:after {
	content: "\f2b6";
}

.icon.left.driving:before, .icon.right.driving:after {
	background-image: url(../img/icon_handle.svg);
}

.icon.left.profession:before, .icon.right.profession:after {
	background-image: url(../img/icon_profession.svg);
}

.icon.left.acinstallation:before, .icon.right.acinstallation:after {
	background-image: url(../img/icon_acinstallation.svg);
}

.icon.left.microphone:before, .icon.right.microphone:after {
	content: "\f3c9";
}

.icon.left.interior:before, .icon.right.interior:after {
	content: "\f4b8";
}

.icon.left.airconditioner:before, .icon.right.airconditioner:after {
	background-image: url(../img/icon_airconditioner2.svg);
}

.icon.left.cooking:before, .icon.right.cooking:after {
	background-image: url(../img/icon_cooking.svg);
}

.icon.left.cleaning:before, .icon.right.cleaning:after {
	content: "\f51a";
}

.icon.left.personalcare:before, .icon.right.personalcare:after {
	content: "\f21e";
}

.icon.left.beauty:before, .icon.right.beauty:after {
	background-image: url(../img/icon_beauty.svg);
}

.icon.left.entertainment:before, .icon.right.entertainment:after {
	content: "\f008";
}

.icon.left.baby:before, .icon.right.baby:after {
	content: "\f77c";
}

.icon.left.habit:before, .icon.right.habit:after {
	content: "\f03d";
}
.icon.left.day:before, .icon.right.day:after {
	background-image: url(../img/icon_day.svg);
}
.icon.left.opinion:before, .icon.right.opinion:after {
	content: "\f681";
}
.icon.left.dollarstreet:before, .icon.right.dollarstreet:after {
	background-image: url(../img/dollarstreet.svg);
}

img.icon-country {
	width: auto;
	height: 1em;
	display: inline-block;
	vertical-align: middle;
}



/*--------------------------------------------
■［table］
--------------------------------------------*/

table {
	margin-bottom: 2em;
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	line-height: 1.4;
	table-layout: fixed;
	position: relative;
}

table.nofix {
	table-layout: inherit;
}

table thead th {
	text-align: center;
	padding: 0.5em;
	background-color: #333;
	border: 1px solid #ccc;
	color: #fff;
	font-weight: normal;
}
table tbody th {
	padding: 0.5em;
	background-color: #f2f2f2;
	font-weight: normal;
	border: 1px solid #ccc;
	text-align: left;
}

table tbody th img {
	width: 1.6em;
	height: 1.6em;
	display: inline-block;
	margin-right: 0.5em;
	vertical-align: middle;
}

table tbody td {
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #ccc;
}

table tfoot th {
	padding: 0.5em;
	background-color: #666;
	font-weight: normal;
	border: 1px solid #ccc;
	text-align: center;
	color: #fff;
}

table tfoot td {
	text-align: right;
	padding: 0.5em;
	background-color: #999;
	border: 1px solid #ccc;
	color: #fff;
}

table button.btn {
	min-width: inherit;
}

.a-center td,
td.a-center {
	text-align: center;
}
tr.city {
	font-size: 0.8em;
	display: none;
}
tr.city.active {
	display: table-row;
}
tr.city th:first-child {
	padding-left: 2.6rem;
}
tr.city th,
tr.city td {
	border-top-style: dashed;
	border-bottom-style: dashed;
	background-color: #FCFCFC;
}
tr.city th {
	background-color: #EBEBEB;
}




/*--------------------------------------------
■［iframe］
--------------------------------------------*/

iframe {
	margin: 0;
	padding: 0;
	border: none;
}




/*--------------------------------------------
■［横幅］
--------------------------------------------*/

.w100 {
	width: 100%;
}

.w90 {
	width: 90%;
}

.w88 {
	width: 88%;
}

.w80 {
	width: 80%;
}

.w78 {
	width: 78%;
}

.w70 {
	width: 70%;
}

.w68 {
	width: 68%;
}

.w60 {
	width: 60%;
}

.w58 {
	width: 58%;
}

.w50 {
	width: 50%;
}

.w48 {
	width: 48%;
}

.w40 {
	width: 40%;
}

.w38 {
	width: 38%;
}

.w30 {
	width: 30%;
}

.w28 {
	width: 28%;
}

.w20 {
	width: 20%;
}

.w18 {
	width: 18%;
}
.w8 {
	width: 8%;
}

.w-3em {
	width: 3em;
}
.w-5em {
	width: 5em;
}

.minw-3em {
	min-width: 3em;
}
.minw-5em {
	min-width: 5em;
}
.minw-8em {
	min-width: 8em;
}
.minw-10em {
	min-width: 10em;
}

.maxw-3em {
	max-width: 3em;
}
.maxw-5em {
	max-width: 5em;
}
.maxw-8em {
	max-width: 8em;
}
.maxw-10em {
	max-width: 10em;
}

.minw-wa {
	width: auto;
}
.minw-wa {
	min-width: inherit;
}
.maxw-wa {
	max-width: inherit;
}

/*--------------------------------------------
■［マージン］
--------------------------------------------*/
.mg-0,
.mg0 {
	margin: 0 !important;
}

.mgr-0 {
	margin-right: 0 !important;
}

.mgl-0 {
	margin-left: 0 !important;
}

.mgt-0 {
	margin-top: 0 !important;
}

.mgt-05 {
	margin-top: 0.5em !important;
}

.mgt-10 {
	margin-top: 1em !important;
}

.mgt-15 {
	margin-top: 1.5em !important;
}

.mgt-20 {
	margin-top: 2em !important;
}

.mgt-30 {
	margin-top: 3em !important;
}

.mgt-40 {
	margin-top: 4em !important;
}

.mgb-0 {
	margin-bottom: 0 !important;
}

.mgb-05 {
	margin-bottom: 0.5em !important;
}

.mgb-10 {
	margin-bottom: 1em !important;
}

.mgb-15 {
	margin-bottom: 1.5em !important;
}

.mgb-20 {
	margin-bottom: 2em !important;
}

.mgb-30 {
	margin-bottom: 3em !important;
}

.mgb-40 {
	margin-bottom: 4em !important;
}

.mgt-20 {
	margin-top: 2em !important;
}

.mgl-auto{
	margin-left: auto !important;
}
.mgr-auto{
	margin-right: auto !important;
}




/*--------------------------------------------
■［レスポンシブ］
--------------------------------------------*/

@media screen and (max-width: 736px) {

	body.open {
		padding-right: 0;
	}


	body.sidenavi {
		padding-right: 0;
	}

	.tel {
		pointer-events: auto !important;
		text-decoration: underline !important;
	}


	/*--------------------------------------------
	■［非表示］
	--------------------------------------------*/

	.sp-view {
		display: inherit !important;
	}

	.pc-view {
		display: none !important;
	}



	/*--------------------------------------------
	■［画像］
	--------------------------------------------*/

	span.imagelink,
	span.zoom {
		width: auto;
		height: inherit;
		display: inline;
	}

	/*--------------------------------------------
	■［回り込み］
	--------------------------------------------*/

	p.f-right,
	p.f-left {
		margin-left: 0 !important;
		margin-right: 0 !important;
		float: none;
		text-align: center;
	}



	/*--------------------------------------------
	■［汎用ボックス］
	--------------------------------------------*/

	.sp-d-flex {
		display: flex;
	}
	.sp-d-block {
		display: block;
	}
	.sp-d-iblock {
		display: inline-block;
	}
	.sp-d-inline {
		display: inline;
	}
	.sp-fd-column {
		flex-direction: column;
	}
	.sp-fd-row {
		flex-direction: row;
	}
	.sp-ai-center {
		align-items: center;
	}
	.sp-jc-center {
		justify-content: center;
	}
	.sp-fw-wrap {
		flex-wrap: wrap;
	}
	.sp-fw-nowrap {
		flex-wrap: nowrap;
	}
	.sp-gap-10 {
		gap: 1em;
	}
	.sp-gap-5px {
		gap: 5px;
	}
	.sp-gap-10px {
		gap: 10px;
	}
	.sp-gap-20px {
		gap: 20px;
	}
	.sp-gap-30px {
		gap: 30px;
	}
	.sp-gap-40px {
		gap: 40px;
	}

	/*--------------------------------------------
	■［リスト］
	--------------------------------------------*/

	.c5 li, .c4 li, .c3 li, .c2 li {
		width: auto;
		float: none;
		padding: 0;
		margin-bottom: 0.5em;
	}

	ul.imagelist.clearfix,
	ul.imagelist {
		margin: 0 0 2em 0;
	}

	ul.imagelist li {
		padding: 0 0 1em 0;
	}

	ul.imagelist li p.image {
		padding: 0;
		background-color: transparent;
	}

	ul.imagelist li p.image img {
		width: auto;
	}


	dl.dllist-001 dt {
		width: auto;
		float: none;
		padding: 0.5em;
	}

	dl.dllist-001 dd {
		width: auto;
		float: none;
		padding: 1em;
		border-top: none;
	}


	/*--------------------------------------------
	■［ボタン］
	--------------------------------------------*/

	.btn {
		min-width: inherit;
	}

	/*--------------------------------------------
	■［テーブル］
	--------------------------------------------*/

	div#main div.table-wrapper {
		width: 100%;
		overflow-x: auto;
	}

	div#main div.table-wrapper table {
		width: 736px;
	}

	
	/*--------------------------------------------
	■［横幅］
	--------------------------------------------*/

	.w100,
	.w90,
	.w90,
	.w80,
	.w70,
	.w60,
	.w50,
	.w48,
	.w40,
	.w30,
	.w20 {
		width: auto;
	}

}

/*--------------------------------------------
■［印刷］
--------------------------------------------*/
@page {
	margin: 10mm;
}
@media print {
	* {
		-webkit-print-color-adjust: exact;
	}
	body {
		background-color: #fff;
		zoom: 0.7;
	}
	div#header {
		display: none !important;
	}
	div#footer {
		display: none;
	}
	P#topofpage {
		display: none;
	}
}