@charset "utf-8";

/*反転の色*/
::selection {color:#000;background-color:#ffea00;}
::-moz-selection {color:#000;background-color:#ffea00;}

/* normalize.cssを補うCSS */
a {
	outline:none;
}
h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li {
	margin:0;
	padding:0;
}



img {
	overflow:visible;
}
/* 全体 PC */
@media print, screen and (min-width:641px) {
	html {font-size:62.5%;}
	[data-screen-smart] {
		display:none!important;
	}
	body {
		font-size:12px;
		font-size:1.2rem;
		letter-spacing:0.0px;
		letter-spacing:0.0rem;
		line-height:1.85;
	}
	a {
		text-decoration:none;
	}
	li {
		list-style:none;
	}
	
	/* buttonのCSSを削除する */
	[buttonDefaultCSSDelete] {
		border:none;
		cursor:pointer;
		background: none;
		padding: 0;
		outline: none;
	}
}

/* 全体 smart */
@media screen and (max-width:640px) {
	[data-screen-pc] {
		display:none!important;
	}
	body {
		letter-spacing:0.0rem;
		line-height:1.85;
		font-size:1.2rem;
	}
	img {
		height:auto;
		display:block;
	}
	a {
		-webkit-tap-highlight-color:rgba(70,70,70,0.6);
		text-decoration:none;
	}
	li {
		list-style:none;
	}
	
	/* buttonのCSSを削除する */
	[buttonDefaultCSSDelete] {
		border:none;
		cursor:pointer;
		background: none;
		padding:0;
		outline:none;
	}
}

/* 共通部分 pc*/
@media print, screen and (min-width:641px) {
	/* .headerArea */
	/*header*/
	.headerArea{
		position:relative;
		z-index:10000;
		
		max-width: 1205px;
		width: 100%;
		margin: 0px auto;
	}
	.grovalColorBlack{
		height:165px;
	}
	footer + .grovalColorBlack{
		margin-top:50px;
	}
	.headerArea > a{
		width:282px;
		height:80px;
		position:relative;
		top:35px;
		left:25px;
	}
	.headerArea > a > img{
		position:absolute;
		top:26px;
		left:-6px;
	}
	.headerArea > nav{
		position:absolute;
		top:56px;
		right:14px;
		font-size:0;
		visibility:visible!important;
		opacity:1!important;
	}
	.headerArea > nav > a{
		padding:11px 7px;
		font-size:17px;
		font-size:1.7rem;
		font-weight:400;
		color:#FFF;
		line-height:0;
		margin-left:15px;
		display:inline-block;
		background-color:rgba(255,234,0,0);
	}
	.headerArea > nav > .active{
		background-color:rgba(255,255,255,1);
		color:#000;
	}
	.grovalColorBlack > nav > a{
		color:#000;
		background-color:rgba(255,234,0,0);
	}
	.grovalColorBlack > nav > .active{
		color:#FFF;
		background-color:rgba(0,0,0,1);
	}
	
	/* footerArea */
	.footerArea{
		background-color:#FFF;
		position:relative;
		padding:90px 0 0 0;
		
		max-width: 1205px;
		width: 100%;
		margin: 0px auto;
	}
	.footerArea .nav{
		list-style:none;
		position:absolute;
		top:40px;
		left:0;
		font-size:0;
	}
	.footerArea .nav a{
		padding:11px 7px;
		font-size:14px;
		font-size:1.4rem;
		font-weight:400;
		color:#000;
		line-height:0;
		margin-left:15px;
		display:inline-block;
		background-color:rgba(255,234,0,0);
		letter-spacing:1px;
	}
	.footerArea .nav .active{
		color:#FFF;
		background-color:rgba(0,0,0,1);
	}
	.footerArea .companyname{
		font-size:10px;
		font-size:1.0rem;
		margin:0 0 0 22px;
		font-weight: 200;
	}
	.footerArea .copyright{
		padding-bottom:50px;
		margin-left:22px;
		font-weight: 300;
		letter-spacing: 1px;
	}
	.footerArea .copyright small{
		font-size:11px;
		font-size:1.1rem;
	}
	.footerArea .logo{
		position:absolute;
		right:20px;
		bottom:50px;
		font-size:0;
	}
	
	/* 共通 */
	.commonLink0{
		display:block;
		width:153px;
		height:40px;
		background-color:#E6E6E6;
		font-size:13px;
		font-size:1.3rem;
		color:#000;
		position:absolute;
		bottom:0;
		font-weight:600;
		line-height: 3.0;
		text-indent: 20px;
	}
	.commonLink0:before{
		content:'';
		height:100%;
		vertical-align:middle;
		display:inline-block;
		width:0;
	}
	.commonLink0:after{
		content:'→';
		position:absolute;
		right:15px;
	}
	
	/* .pageHeader */
	.pageHeader{
		height:380px;
		background-color:#141414;
		font-size:0;
		text-align:center;
	}
	.pageHeader > p{
		margin-right:auto;
		margin-left:auto;
		margin-bottom:4px;
		display:inline-block;
	}
	.pageHeader > p > img{
		position:relative;
	}
	.pageHeader > .title{
		padding:7px 6px;
		overflow:hidden;
		background-color:#FFF;
		margin-top: 110px;
		margin-bottom:4px;
	}
	.pageHeader > div:nth-child(2){
	}
	.pageHeader > .caption{
		padding:21px 29px;
		overflow:hidden;
		border:6px solid #FFF;
		margin-bottom: 26px;
	}
	.pageHeader > .text{
		font-size: 23px;
		color: #FFF;
		display: block;
		line-height: 1.7;
		font-weight: 600;
	}
	.pageHeader > .addtext{
		margin-top: 78px;
	}
}

/* 印刷CSS pc */
@media print {
}

/* 共通部分 tablet */
@media screen and (max-width:1000px) and (min-width:641px) {
	/* .xxxxxxxxxx */
	.xxxxxxxxxx {
	}
}

/* 共通部分 smart */
@media screen and (max-width:640px) {
	/* .headerArea */
	.headerArea {
		border-top:1px solid #b2b2b2;
		padding:4% 0;
		overflow:hidden;
		font-size:0;
		height:auto;
	}
	.headerArea > a {
		display:inline-block;
		vertical-align:middle;
		width:53%;	
		box-sizing:border-box;
		margin:0 25% 0 0;
		text-align:center;
	}
	.headerArea > a img {
		width:85%;
		height:auto;
		display:inline-block;
	}
	.headerArea button {
		display:inline-block;
		margin:2.5px 2% 0 0;
		text-align:center;
		vertical-align:middle;
		position:relative;
		width:20%;
	}
	.headerArea button > img{
		width:45%;
		height:auto;
		display:inline-block;
	}
	.headerArea button > #on {
		position:absolute;
		opacity:0;
	}
	.headerArea button > #off {
		opacity:1;
	}
	.headerArea nav {
		display:block;
		width:100%;
		background-color:rgba(255,255,255,0.95);
		position:absolute;
		border-top:2px solid #d2d2d2;
		margin-top:4%;
	}
	.headerArea nav a {
		display:block;
		width:50%;
		font-size:2.5rem;
		letter-spacing:0.1em;
		color:#595959 !important;
		text-align:center;
		box-sizing:border-box;
		float:left;
		border-bottom:2px solid #d2d2d2;
		padding:10px 0;
	}
	.headerArea nav a:nth-child(2n+2) {
		border-left:2px solid #d2d2d2;
	}
	.headerArea nav a:nth-child(2n+3) {
		clear:both;
	}
	
	/* 共通 */
	.commonLink0{
		display:block;
		margin-left:-100px;
		height:48px;
		background-color:#E6E6E6;
		font-size:16px;
		color:#000;
		position:absolute;
		left:50%;
		bottom:35px;
		font-weight:600;
		line-height: 3.0;
		text-indent: 20px;
		width: 200px;
	}
	.commonLink0:before{
		content:'';
		height:100%;
		vertical-align:middle;
		display:inline-block;
		width:0;
	}
	.commonLink0:after{
		content:'→';
		position:absolute;
		vertical-align: middle;
		right:15px;
	}
	
	/* .footerArea */
	.footerArea {
		position:relative;
	}
	.footerArea > div {
		margin-bottom:55px;
		border-bottom:2px solid #000;
		overflow:hidden;
		font-size:0;
		text-align:center;
	}
	.footerArea > div a {
		font-family:'Lato', 'NotoSansJP', 'Hiragino Kaku Gothic ProN', Verdana, Meiryo, sans-serif !important;
		font-size:2.2rem;
		color:#595959;
		width:22%;
		display:inline-block;
		padding:15px 0;
	}
	.footerArea > div a:last-child {
		width:34%;
	}
	.footerArea > .companyname {
		padding-top:10px;
	}
	.footerArea > .copyright {
		padding-bottom:30px;
		font-size:9px;
		text-align: center;
		display:block;
	}
	.footerArea > .copyright > span{
		font-size:18px;
		vertical-align:middle;
		display:inline-block;
		position:relative;
		top:-1px;
	}
	.footerArea > p {
		font-size:13px;
		text-align: center;
	}
	.footerArea > .logo {
		margin-left:-100px;
		width:200px;
		display:block;
		position:absolute;
		bottom:95px;
		left:50%;
	}
	.footerArea > .logo > img {
		width:100%;
		height:auto;
	}
	
	/* 共通部分 */
	.pageHeader{
		background-color:#141414;
		font-size:0;
		text-align:center;
		padding:90px 0px;
		overflow:hidden;
	}
	.pageHeader > p{
		margin-right:auto;
		margin-left:auto;
		margin-bottom:4px;
		display:inline-block;
	}
	.pageHeader > p > img{
	}
	.pageHeader > .title{
		padding:7px 6px;
		overflow:hidden;
		background-color:#FFF;
		margin-bottom:4px;
	}
	.pageHeader > .title > img{
	}
	.pageHeader > .kara{
	}
	.pageHeader > .caption{
		padding:21px 29px;
		overflow:hidden;
		border:6px solid #FFF;
		-moz-transform:scale(0.8);
		-webkit-transform:scale(0.8);
		transform:scale(0.8);
	}
	.pageHeader > .caption > img{
	}
	.pageHeader > .text{
		margin-top:10px;
		font-size: 23px;
		color: #FFF;
		display: block;
		line-height: 1.7;
		font-weight: 600;
	}
}