@charset "utf-8";
/*
Theme Name: Light 2
Theme URI: http://light-jp.com/
Description: 専用のベーステーマ
Version: 2.0
*/

::-moz-selection { background: #DBDBDB; color: #000000; }
::selection { background: #DBDBDB; color: #000000; }
.clearfix { display: block; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ''; clear: both; height: 0;}

body#pc .sp_view { display: none !important; }
body#sp .pc_view { display: none !important; }

/*  
---------------------------------------------------------------------------*/
body {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	font-family:  "Helvetica Neue" , Helvetica, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	line-height: 1;
	font-feature-settings: 'palt' 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

p { font-size: 13px; text-align: justify; line-height: 1.9; letter-spacing: 0.08em; }
.txt-sans p,p.txt-sans { font-size: 12px; text-align: left; line-height: 1.75; letter-spacing: 0.04em; }
address,i { font-style: normal; }
img { max-width: none; }

/* txt
-----------------------------------*/
.txt-sans { font-family: "Helvetica Neue" , Helvetica, 'Roboto', sans-serif; color: #333333; }
.txt-mix { font-family:  "Helvetica Neue" , Helvetica, 'Roboto', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif; }

.copyright {
	display: block;
	margin-left: -1px;
	font-size: 10px;
	line-height: 1;
	letter-spacing: 0.07em;
  white-space: nowrap;
}

/* link
------------------------------------*/
a { color: #343434; text-decoration: none; transition: .2s linear; -webkit-transform: translateZ(0); }

/* #loading
------------------------------------*/
#loading {
	display: inline-block;
	position: fixed;
	top: 50%;
	left: 50%;
	border: 1px solid #9B9B9B;
	border-top-color: transparent;
	border-radius: 50%;
	width: 28px;
	height: 28px;
	margin: -14px 0 0 -14px;
	z-index: 9999;
	animation: spin 0.4s infinite linear;
}

@-webkit-keyframes spin {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@-ms-keyframes spin {
  from { -ms-transform: rotate(0deg); }
  to { -ms-transform: rotate(360deg); }
}
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* header
---------------------------------------------------------------------------*/
header {
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	padding: 8% 6% 60px;
	opacity: 0;
}

header .txt-head {
	display: none;
	opacity: 0;
}

header .logo-top {
	display: none;
}

header .logo {
	width: 40px;
	margin-top: 3px;
	font-size: 0;
}

header .logo img {
	width: 100%;
	height: auto;
}

header .copyright {
	display: none;
}

/* footer
---------------------------------------------------------------------------*/
footer {
	box-sizing: border-box;
	width: 100%;
	padding: 120px 6% 25px;
	opacity: 0;
}

/* .wp-pagenavi
------------------------------------*/
.wp-pagenavi {
	margin: 140px 0 0;
	font-size: 13px;
	letter-spacing: 0.05em;
}

.wp-pagenavi a,
.wp-pagenavi .extend {
	padding: 5px 5px;
}

.wp-pagenavi .pages { display: none; }

.wp-pagenavi .current {
	display: inline-block;
	padding: 5px 5px;
	color: #9B9B9B;
}

.wp-pagenavi .first,
.wp-pagenavi .last {
	display: none;
}

.wp-pagenavi .previouspostslink {
	padding-left: 0;
}

.wp-pagenavi .nextpostslink {
	padding-right: 0;
}

/* contents
---------------------------------------------------------------------------*/
#mainContents {
	box-sizing: border-box;
	width: 100%;
	padding: 0 6%;
	text-align: left;
	opacity: 0;
}

.sec-wrap {
	overflow: hidden;
	margin-bottom: 100px;
}

.sec-wrap:last-of-type { margin-bottom: 0; }

.sec-title {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.08em;
}


/* .grecaptcha-badge
---------------------------------------------------------------------------*/
.grecaptcha-badge {
	pointer-events: none;
	z-index: -999;
	opacity: 0;
}

body.contact .grecaptcha-badge {
	pointer-events: auto;
	z-index: 0;
	opacity: 1;
}