@charset "utf-8";

/* init ===================================*/

html,
body {
	width: 100%;
	height: 100%;
}

body {
	background-color: #f5f5f0;
	font-family: Arial, "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
	/*font-family: Garamond, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;*/
	color: #555;
	font-weight: 500;
	line-height: 1.6;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 1em 0;
	font-family: Garamond, "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight: 900;
	line-height: 1;
}


@media all and (-ms-high-contrast: none){
	*::-ms-backdrop, body { font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif; }
	*::-ms-backdrop, h1, h2, h3, h4, h5, h6 { font-family: Garamond, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif; }
}/* IE11のみ */


h1 {
	margin: 0;
}

h2 {
	font-size: 3rem;
}

h3 {
	font-size: 2rem;
}

h4 {
	font-size: 1.4rem;
}

h5 {
	font-size: 1.2rem;
}

h6 {
	font-size: 1rem;
}

a, a img {
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	color: #555;
	cursor: pointer;
}

a:link {
	color: #555;
	text-decoration: none;
}

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

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

a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

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

a[href^="tel:"] {
	color: #555;
	text-decoration: none!important;
}

a:hover[href^="tel:"] {
	text-decoration: none!important;
}

a[href=""] {
	pointer-events: none;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

div,
p {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

img { vertical-align: bottom; }


/* video download disable ================================================================*/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}


input[type='text'] {
	border: 1px solid #ccc;
}

select {}

textarea {
	border: 1px solid #ccc;
}

input[type='button'],
input[type='submit'],
input[type='reset'],
input[name='return'] {
	padding: 0.5em 1em;
	background-color: #666;
	border-radius: 5px;
	border-color: #444;
	outline: 0;
	box-shadow: 0px 4px 4px rgba(0,0,0,.2);
	cursor: pointer;
	font-size: 1em;
	color: #fff;
}

input[type='submit'],
input[name='confirm'],
input[name='sendmail'] {
	background-color: #c00;
}

input[type='button']:hover,
input[type='submit']:hover,
input[type='reset']:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}
input[type='button']:active,
input[type='submit']:active,
input[type='reset']:active {
	filter: alpha(opacity=100);
	opacity: 1;
}


/* display ===================================*/

.hide {/* 非表示 */
	display: none !important;
}


/* column ===================================*/

.cols {
	display: table;
}

.cols .col {
	display: table-cell;
	padding: 1em;
	vertical-align: middle;
}

.box {/* 角丸コラム */
	padding: 1em;
	background-color: #fff;
	border-radius: 1em;
}


/* list set ===================================*/

ul.list,
ol.list {
	counter-reset: number;
	list-style: none;
	margin: 0;
	padding: 0;
}

.list li {
	margin: 0.2em 0;
}

ul.list li {
	margin-left: 1.5em!important;
}

ul.list li:before {
	content: "";
	width: 1em!important;
	height: 1em!important;
	margin: 0.2em 0 0 -1.5em!important;
}

ol.list li:before {
	counter-increment: number;
	content: counter(number);
}

.list.circle li {/* ●リストスタイル */
	margin-left: 2em;
}

.list.circle li:before {/* ●リストスタイル */
	float: left;
	width: 1.5em;
	height: 1.5em;
	margin-left: -2em;
	background: #000;
	border-radius: 50%;
	color: #fff;
	text-align: center;
}

.list.square li {/* ■リストスタイル */
	margin-left: 2em;
}

.list.square li:before {/* ■リストスタイル */
	float: left;
	width: 1.5em;
	height: 1.5em;
	margin-left: -2em;
	background: #000;
	border-radius: 3px;
	color: #fff;
	text-align: center;
}


/* shadow set ===================================*/

.bxShadow {/* ボックスシャドウ */
	box-shadow: 0 0 4px rgba(0,0,0,.5);
}

.txShadow {/* テキストシャドウ */
	text-shadow: 0 0 6px rgba(0,0,0,1);
}

.dropShadow {/* ドロップシャドウ */
	-webkit-filter: drop-shadow(0 0 4px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0 0 4px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0 0 4px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0 0 4px rgba(0,0,0,.5));
	filter: drop-shadow(0 0 4px rgba(0,0,0,.5));
}

/* float set ===================================*/

.floatL {/* 左回り込み */
	float: left;
}

.floatR {/* 右回り込み */
	float: right;
}

.clear {/* 回り込み解除 */
	float: none;
	clear: both;
}

.clearfix:after,
.wrap:after {/* clearfix */
	content: " ";
	display: block;
	clear: both;
}


/* inline set ===================================*/

.alignL {/* 左揃え */
	text-align: left!important;
}

.alignR {/* 右揃え */
	text-align: right!important;
}

.alignC {/* 中揃え */
	text-align: center!important;
}

.justify {
	text-align: justify;
	text-justify: inter-ideograph;/*IE*/
}

.note {/* 脚注 */
	font-size: 0.85em!important;
}

.button {/* リンクボタン */
	display: inline-block;
	padding: 0 1em;
	background-color: #444;
	border-radius: 3px;
	vertical-align: middle;
	white-space: nowrap;
	cursor: pointer;
	font-size: 1.4rem;
	line-height: 1.6;
}

.button:hover {
	text-decoration: none;
	opacity: 0.7;
}


/* width set ===================================*/

.wA {
	width: auto!important;
}
.w10p {
	width: 10%!important;
}
.w20p {
	width: 20%!important;
}
.w30p {
	width: 30%!important;
}
.w40p {
	width: 40%!important;
}
.w50p {
	width: 50%!important;
}
.w60p {
	width: 60%!important;
}
.w70p {
	width: 70%!important;
}
.w100p {
	width: 100%!important;
}

/* height set ===================================*/

.hA {/* 高自動 */
	height: auto!important;
}
.mh0 {/* 最小高0 */
	min-height: 0!important;
}
.h100p {/* 高100% */
	height: 100%!important;
}


/* text color ===================================*/

.red {
	color: #f00!important;
}

.white {
	color: #fff!important;
}

.black {
	color: #000!important;
}


/* margin set ===================================*/

.mtb0 {
	margin-top: 0!important;
	margin-bottom: 0!important;
}
.mtb1e {
	margin-top: 1em!important;
	margin-bottom: 1em!important;
}
.mtb2e {
	margin-top: 2em!important;
	margin-bottom: 2em!important;
}
.mtb3e {
	margin-top: 3em!important;
	margin-bottom: 3em!important;
}
.mtb4e {
	margin-top: 4em!important;
	margin-bottom: 4em!important;
}
.mtb5e {
	margin-top: 5em!important;
	margin-bottom: 5em!important;
}

/* padding set ===================================*/

.ptb0 {
	padding-top: 0!important;
	padding-bottom: 0!important;
}
.ptb1e {
	padding-top: 1em!important;
	padding-bottom: 1em!important;
}
.ptb2e {
	padding-top: 2em!important;
	padding-bottom: 2em!important;
}
.ptb3e {
	padding-top: 3em!important;
	padding-bottom: 3em!important;
}
.ptb4e {
	padding-top: 4em!important;
	padding-bottom: 4em!important;
}
.pb150 {
	padding-bottom: 150px!important;
}
.p1e {
	padding: 1em!important;
}