@charset "utf-8";
@import "common.less";

/* 上書き
========================== */
#contentsArea .reply .card-title.width {
	height:auto;
	padding:0.5rem 4rem 0.5rem 1.6rem;
	min-height:5rem;
	line-height:1.4;
}
@media print, screen and (min-width: 768px) {
	#contentsArea .reply {
		min-width:720px;
	}
	#contentsArea .reply .card-title.width {
		padding:0 1.6rem;
		line-height:5rem;
	}
	#contentsArea .reply .formGroup .items input[name^="name_"] {
			width:200px;
		}
}
#contentsArea select {
	font-size:@font16;
	border:@border;
	padding: 0.4em;
	margin:0.5rem 0;
	background:rgba(255,255,255,1);
	max-width:100%;
}
#contentsArea .items label {
//	font-size:@font18;
//	font-weight: bold;
}
/* Other
========================== */
#contentsArea .listtype1 li {
	display:block;
}
#contentsArea .listtype1 li.mgnSp {
	margin-top:2rem;
}
@media print, screen and (min-width: 768px) {

	#contentsArea .listtype1 li {
		display:inline-block;
		width: auto;
		padding:0;
		margin:0 2rem 0 0;
		line-height: 1.6;
		vertical-align: middle;
		&.block {
			display:block;
			margin:0 0 1rem;
		}
		&:last-child {margin:0}
		label {
			display:inline-block;
			position: relative;
			margin:0 1.6rem 0 2rem;
			line-height:1.6;
		}
	}
	#contentsArea .listtype1 li.mgnSp {margin-top:0;}

	#contentsArea .listtype2 {
		width:100%;
		padding:0;
		line-height: 1.6;
		vertical-align: middle;
		li {
			display:block;
			margin:0.3rem 0 0.4rem;
				label {
				display:inline-block;
				position: relative;
				margin:0 1.6rem 0 2rem;
				line-height:1.6;
			}
		}
	}
}
/* ヘッダ
============================ */
header nav {
	background:transparent;
	padding:0;
}

header nav .nav-wrapper {
	overflow:hidden;
//	height:5.6rem;
}
header nav ul.dropMenu {
	display:flex;
	justify-content: flex-end;
	margin: 0 4.5rem 0 0;
	li {
		position: relative;
		a {display:block;}
		span {
			display:block;
			width:6rem;
			height:5.6rem;
			color:#fff; 
			position: relative;
			cursor: pointer;
			.transition;
		&.lang {
			font-size:1.2rem;
			position: absolute;
			left:50%;
			transform: translate(-50%, 0);
			top:3.5rem;
			width: auto;
			height: auto;
		}
		&.active {
			border-bottom:2px solid @color-Complementary;
		}
				i {
					font-size:2.4rem !important;
					position: absolute;
					top:50%;
					margin:-2rem 0 0;
					left:50%;
					transform: translate(-50%, 0);
			}
		}
	}
}
@media print, screen and (min-width: 1024px) {
	header.fixed + nav {
		padding:7rem 0 0;
	}
	header nav ul.dropMenu li span {
		height:7rem;
	}
	header nav ul.dropMenu li span i {
		font-size:3rem !important;
	}
	header nav ul.dropMenu li span.lang {
		top: 4.6rem;
	}

}
/* コンテンツエリア
============================ */
#contentsArea.other {
	padding:0;
}
#contentsArea h2 {
	font-size:@font20;
	text-align:left;
	margin:1.5rem 0;
	line-height: 1.4;
}
#contentsArea h3 {
	font-size:@font18;
	text-align:left;
	margin:3.2rem 0 1.6rem;
	border-bottom:solid 2px @color-key;
}
#contentsArea h3:first-of-type {
	margin:0 0 1.6rem;
}
@media print, screen and (min-width: 768px) {
/*Tablet*/
	#contentsArea.other {
		padding:0 0 4rem 0;
	}
	#contentsArea h2 {
		font-size:@font30;
		margin:2rem 0;
	}
	#contentsArea h3 {
		font-size:@font20;
		margin:4rem 0 3.2rem;
		padding-bottom: 0.5rem;
	}
	#contentsArea h3:first-of-type {
		margin:0 0 3.2rem;
	}

}

/* msgBox
============================ */
.msgBox {
	.z-depth-1;
	box-sizing: border-box;
	padding: 2rem;
	text-align: left;
}
@media print, screen and (min-width: 768px) {
	.msgBox {
	padding: 2rem 4rem;
	}
}
/* list type 
=========================== */
.other ol {
	padding:0 0 0 2rem;
	li {
	list-style: decimal;
	padding: 0;
	margin: 0 0 1rem;
		ul {
			padding:0 0 0 2rem;
			li {list-style:none;}
		}
		.disc {
			 li {list-style:disc;}
		}
	}
	li:last-child {margin:0;}

}