@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size:14px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
}

header {
	width:100%;
	height:791px;
}
@media screen and (max-width: 600px) {
	header {
		height:640px;
	}
}

#contents {
	/*width:980px;*/
	margin:0 auto;
}

a {
	color:#043771;
}
a:hover {
	color:#144d8d;
}

h1 {
	font-size:28px;
}

h2 {
	margin-top:50px;
	margin-bottom:0.5em;
	font-size:28px;
	color:#333;
	text-align:center;
	font-weight:500;
}

h3 {
	margin-bottom:0.55em;
	font-size:18px;
}

h4 {
	margin-bottom:0.25em;
	font-size:16px;
}

h5 {
	margin-bottom:0.25em;
	padding-left:25px;
	font-size:16px;
	background:url('../images/bg_arrow_black.png') 0 50% no-repeat;
}

h6 {
	margin-bottom:0.25em;
	padding-left:5px;
	font-size:16px;
	font-weight:bold;
}

p {
	margin:0 0 1em 0;
}

img {
	vertical-align:bottom;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
	color:#ff0000;
}

pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}

ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}

dt {
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
}
dd {
	margin-bottom:1em;
}

table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
}
th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#f1f1f1;
}
td {
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
}

/*================================================
 *  汎用クラス
 ================================================*/
/* 写真中央寄せ */
.imgC {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
	text-align:center;
}
.imgC img {
	border-radius:5px;
	margin-bottom:0.5em;
}

/* 写真左寄せ */
.imgL {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgL img {
	float:left;
	margin:0 1em 0.5em 0;
	border-radius:5px;
}

/* 写真右寄せ */
.imgR {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgR img {
	float:right;
	margin:0 0 1em 0.5em;
	border-radius:5px;
}

/* 2カラム（スマートフォンでは1カラム) */
.twoCol {
	overflow:hidden;
	margin-bottom:50px;
}
.twoColInner {
	overflow:hidden;
	margin-right:-2%;
}
.twoColInner div {
	width:48%;
	float:left;
	margin-right:2%;
}
.twoColInner div:nth-child(2n+1) {
	clear:both;
}
.twoColInner img {
	width:100%;
	margin-bottom:0.5em;
	border-radius:5px;
}

/* 3カラム（スマートフォンでは1カラム) */
.threeCol {
	overflow:hidden;
	margin-bottom:50px;
}
.threeColInner {
	overflow:hidden;
	margin-right:-3%;
}
.threeColInner div {
	width:31%;
	float:left;
	margin-right:2%;
}
.threeColInner div:nth-child(3n+1) {
	clear:both;
}
.threeColInner img {
	width:100%;
	margin-bottom:0.5em;
	border-radius:5px;
}

/* ボタン（タイプ1） */
.btn01 a {
	display:block;
	padding:2% 2% 2% 50px;
	color:#fff;
	text-decoration:none;
	border-radius:5px;
	background:#1b1b1b url('../images/bg_arrow_white.png') 20px 50% no-repeat;
	transition:all 0.2s ease 0s;
}
.btn01 a:hover {
	background:#2e2e2e url('../images/bg_arrow_white.png') 20px 50% no-repeat;
	transition:all 0.2s ease 0s;
}

/* ボタン（タイプ2） */
.btn02 a {
	display:block;
	padding:2%;
	color:#1b1b1b;
	text-decoration:none;
	border-radius:5px;
	border:1px solid #1b1b1b;
	background:#fff;
	transition:all 0.2s ease 0s;
}
.btn02 a:hover {
	color:#fff;
	background:#1b1b1b;
	transition:all 0.2s ease 0s;
}

/*================================================
 *  ヘッダー
 ================================================*/
header {
	position:relative;
}
header h1 {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:300px;
	height:10px;
	z-index:10;
}

header h1 img {
	max-width: 300px;
	}
@media screen and (max-width: 600px) {
	header h1 {
	height:200px;
	}
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav {
	width:100%;
	position:fixed;
	top:0;
	left:0;
	padding:10px 0;
	opacity:0.8;
	background:#1a72b3!important;
	z-index:10;
}
nav ul {
	position:relative;
	float:left;
	left:50%;
	margin:0;
}
nav li {
	position:relative;
	left:-50%;
	/*float:left;*/
	list-style:none;
	margin:0;
	padding:0 30px;
}
@media (max-width: 840px) {
	nav li {
	padding:0 10px;
	}
}
@media (max-width: 600px) {
	nav li {
		left:0!important;
	}
}

nav li a {
	color:#fff;
	text-decoration:none;
}
nav li a:hover {
	color:#dfdfdf;
	text-decoration:underline;;
}

/*ナビ================================================*/
 /* #g_navigation  SP
-------------------------------------*/
#g_navigation {
	margin						: 0;
	width						: 100%;
	/*height						: auto;
	text-align					: left;
	background					: #1a72b3;
	padding-bottom: 6px;*/
}

/*  global_img
-----------------------------------*/
img#global_img {
	display						: block;
	margin-top						: 10px;
	max-width: 100px;
}

/*  global_nav
-----------------------------------*/
nav#global_nav {
	display						: none;
}

/*  madal_open
-----------------------------------*/
nav#madal_open {
	position					: absolute;
	top							: 60px;
	right						: 15px;
}
nav#madal_open a {
	display						: block;
	padding						: 12px 7px 12px 7px;
	width						: 30px;
	height						: 12px;
	cursor						: pointer;
	text-indent					: -9999px;
	border-radius				: 3px;
	-webkit-border-radius		: 3px;
	-moz-border-radius			: 3px;
	border						: #eaeaea solid 1px;
	background-color			: #fcfcfc;
	background-image			: url(../img/common/madal_open_bgi.png);
	background-size				: 20px 12px;
	-webkit-background-size		: 20px 12px;
    -o-background-size			: 20px 12px;
	background-position			: center;
	background-repeat			: no-repeat;
}

/*  modal_head
-----------------------------------*/
div#modal_head {
	padding						: 12px 10px 12px 10px;
}
.reveal-modal .close-reveal-modal {
	z-index						: 2000;
	position					: absolute;
	font-size					: 22px;
	line-height					: .5;
	top							: 8px;
	right						: 11px;
	color						: #aaa;
	font-weight					: bold;
	cursor						: pointer;
} 

/*  madal_menu
-----------------------------------*/
div#madal_menu{}
div.reveal-modal-bg { 
	z-index						: 1000;
	display						: none;
	position					: fixed; 
	top							: 0;
	left						: 0; 
	height						: 100%;
	width						: 100%;
	background					: #000000;
	background					: rgba(0,0,0,.75);
}
div.reveal-modal {
	z-index						: 1001;
	position					: absolute;
	visibility					: hidden;
	top							: 0;
	left						: 0; 
	width						: 100%;
	background					: #1a72b3;
}
nav#madal_nav {
	z-index: 999;
}
nav#madal_nav ul {
	font-size					: 16px;
	margin-top:50px;
	/*border-top					: #12408a solid 1px;*/
}
nav#madal_nav li {
	/*border-bottom				: #FFF solid 1px;*/
}
nav#madal_nav li:last-child {
	border-bottom				: none;
}
nav#madal_nav li a {
	display						: block;
	padding						: 12px 10px 12px 10px;
	font-size					: 16px;
	color						: #ffffff;
	background-image			: url(../img/common/madal_nav_bgi.png);
	background-size				: 16px 12px;
	-webkit-background-size		: 16px 12px;
  -o-background-size			: 16px 12px;
	/*
	background-position			: -webkit-calc(100% - 15px) 50%, 0 0;
	background-position			: -moz-calc(100% - 15px) 50%, 0 0;
	background-position			: calc(100% - 15px) 50%, 0 0;
	background-position			: right 15px top 50%, 0 0;
	*/
	background-position			: center right;
	background-repeat			: no-repeat;
}
nav#madal_nav li a:hover {
	background-color			: rgba(255,255,255,0.1);
}
nav#madal_nav li a span {
	margin						: 0 0 0 10px;
	font-size					: 12px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    background-color: #FFF!important;
}

/* 画面サイズ992px以上はこのファイルはスタイルが適用される */
@media screen and (min-width: 992px) {

/*ナビ================================================*/
/* #g_navigation PC
----------------------------------------*/
	#g_navigation  {
		/*margin						: 0 0 20px 0;*/
		width						: 100%;
		/*height						: 89px;
		text-align					: left;
		background					: #1a72b3;*/
	}


/*  global_img
-----------------------------------*/
	img#global_img {

	}

/*  global_nav
-----------------------------------*/
	nav#global_nav {
		display: inherit;
		width: 100%;
		margin: auto;
	}

	nav#global_nav > ul:after {
	  clear									: both;
	  content								: "";
	  display								: table;
	}
	nav#global_nav * {
	  box-sizing							: border-box;
	  -webkit-box-sizing					: border-box;
	  -moz-box-sizing						: border-box;
	}
	nav#global_nav ul {
	  list-style							: none;
	}
	nav#global_nav li {
		z-index								: 999;
	  position								: relative;
	}
	nav#global_nav li:hover > ul {
	  opacity								: 1;
	  visibility							: visible;
	  margin								: 0;
	}
	nav#global_nav li > a {
		color								: #fff;
	}
	nav#global_nav > ul > li {
	  float									: left;
	  border-right							: #eaeaea solid 1px;*/
	}
	nav#global_nav > ul > li:first-child {
	  border-left							: #eaeaea solid 1px;*/
	}
	nav#global_nav > ul > li > a {
		display								: block;
		float								: left;
		width								: auto;
		height								: 30px;
		padding-top:5px;
	}
	nav#global_nav > ul a {
		text-decoration						: none;
	}
	nav#global_nav > ul a:hover {
		color					: #999;
	}
	nav#global_nav > ul ul {
		z-index								: 100;
		position							: absolute;
		top									: 100%;
		left								: -1px;
		margin								: 60px 0 0 0;
		padding								: 9px 9px 9px 9px;
		opacity								: 0;
		visibility							: hidden;
		-webkit-transition-property			: margin, opacity;
		-moz-transition-property			: margin, opacity;
		-o-transition-property				: margin, opacity;
		transition-property					: margin, opacity;
		-webkit-transition-duration			: .15s;
		-moz-transition-duration			: .15s;
		-o-transition-duration				: .15s;
		transition-duration					: .15s;
		-webkit-transition-timing-function	: ease-in-out;
		-moz-transition-timing-function		: ease-in-out;
		-o-transition-timing-function		: ease-in-out;
		transition-timing-function			: ease-in-out;
		border								: #eaeaea solid 1px;
		background-color					: #ffffff;
	}
	nav#global_nav > ul ul li {
		display								: block;
		border-bottom						: #eaeaea solid 1px;
	}
	nav#global_nav > ul ul a {
		padding								: 10px 10px 10px 10px;
		width								: 205px;
		display								: block;
		background-image					: url(../img/common/arrow_bgi.png);
		background-size						: 4px 5px;
		-webkit-background-size				: 4px 5px;
		-moz-background-size				: 4px 5px;
		background-position					: -webkit-calc(100% - 10px) 50%, 0 0;
	    background-position					: -moz-calc(100% - 10px) 50%, 0 0;
	    background-position					: calc(100% - 10px) 50%, 0 0;
	    background-position					: right 10px top 50%, 0 0;	
		background-repeat					: no-repeat;
	}
	nav#global_nav > ul ul a:hover {
		background-color					: #f4f4f4;
	}
	nav#global_nav > ul a#gnav_home,
	nav#global_nav > ul a#gnav_products,
	nav#global_nav > ul a#gnav_about,
	nav#global_nav > ul a#gnav_inquiry,
	nav#global_nav > ul a#gnav_privacy {
		cursor								: pointer;
		/*text-indent							: -9999px;
	    background-position					: center center;*/
		background-repeat					: no-repeat;
	}
	/*nav#global_nav > ul a#gnav_home		{ background-image: url(../img/common/nav/home_nav.png);}
	nav#global_nav > ul a#gnav_products	{ background-image: url(../img/common/nav/products_nav.png);}
	nav#global_nav > ul a#gnav_about	{ background-image: url(../img/common/nav/about_nav.png);}
	nav#global_nav > ul a#gnav_inquiry	{ background-image: url(../img/common/nav/inquiry_nav.png);}
	nav#global_nav > ul a#gnav_privacy	{ background-image: url(../img/common/nav/privacy_nav.png);}*/

	/*  madal_open
	-----------------------------------*/
	nav#madal_open {
		display						: none;
	}

/*  
-----------------------------------*/
	div#madal_menu{
		display						: none;
	}
}

}



/*================================================
 *  メイン
 ================================================*/
main {
	width:100%;
}

section {
	/*margin-bottom:10%;*/
}

/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
	padding:2% 0;
	font-size:11px;
	text-align:center;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#1a72b3;
}
.totop img:hover {
	background:#333;
}

/*================================================
 *  スライドショー
 ================================================*/
.slide {
	overflow:hidden;
	position:relative;
}

.slide2 {
	/*overflow:hidden;*/
	position:relative;
}

.slideInner,
.slideInner2 {
	list-style:none;
	margin:0;
	padding:0;
}
.slideInner li {
	position:absolute;
	width:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	background-position:50% 0;
	background-repeat:no-repeat;

}

.slideInner2 li {
	position:absolute;
	width:100%;
	margin:0;
	padding:0;
	background-image:;

	background-color:#fff;
	background-position:50% 0;
	background-repeat:no-repeat;
}


@media screen and (max-width:600px) {
	.slideInner li {
		background-image:url(../images/photo01_sp.jpg)!important;
		height:100vh!important;
	}
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	#contents {
		box-sizing:border-box;
		width:100%;
		padding:0 10px;
	}
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

	#contents {
		padding:0;
	}

	h2 {
		margin-top:30px;
	}

	.imgC {
		margin-bottom:30px;
	}
	.imgC img {
		max-width:100%;
	}

	.imgL {
		margin-bottom:30px;
	}
	.imgL img {
		float:none;
		max-width:100%;
		margin-right:0;
	}

	.imgR {
		margin-bottom:30px;
	}
	.imgR img {
		float:none;
		max-width:100%;
		margin-left:0;
	}

	.twoCol {
		margin-right:0;
		margin-bottom:30px;
	}
	.twoColInner {
		margin-right:0;
	}
	.twoColInner div {
		float:none;
		width:100%;
	}

	.threeCol {
		margin-bottom:30px;
	}

	.threeColInner {
		margin-right:0;
	}
	.threeColInner div {
		float:none;
		width:100%;
	}





}

/*-------------------------------------
 20180517
 --------------------------------------*/

/* Spotlight */

	.spotlight,.spotlight2 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		border-bottom: solid 2px;
		/* margin-bottom: 3em; */
	}
	.spotlight {
		margin-bottom: 0;
	}

		.spotlight2 {
		flex-flow: row-reverse;
		}

		.spotlight .image,.spotlight2 .image {
			width: 50%;
		}

			.spotlight .image img,.spotlight2 .image img {
				width: 100%;
			}

		.spotlight .content,.spotlight2 .content {
			padding: 2em 3em 0.1em 3em;
			width: 50%;
		}

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

			.spotlight .image,.spotlight2 .image {
				width: 55%;
			}

			.spotlight .content,.spotlight2 .content {
				padding: 1.5em 2em 0.1em 2em;
				width: 45%;
			}

		}

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

			.spotlight,.spotlight2 {
				display: block;
				margin-bottom: 2em;
			}

				.spotlight .image,.spotlight2 .image {
					width: 100%;
				}

				.spotlight .content,.spotlight2 .content {
					padding: 1em 2em 0.1em 2em;
					width: 100%;
				}

		}

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

			.spotlight .content,.spotlight2 .content {
				padding: 1em 1.5em 0.1em 1.5em;
				box-sizing: border-box;
			}

		}

	.spotlight,.spotlight2 {
		background-color: white;
		border-bottom-color: rgba(144, 144, 144, 0.25);
	}

.image img {
    border-radius: 0;
    display: block;
}

/* Wrapper */

	.wrapper {
		padding: 5em 0 3em 0;
		position: relative;
		color: #777;
	}

		.wrapper > .inner {
			margin-left: auto;
			margin-right: auto;
			width: 85em;
			max-width: 100%;
		}

		.wrapper.alt {
			border-top: solid 2px;
			border-top-color: rgba(144, 144, 144, 0.25);
		}

		.wrapper.style1 {
			background-color: #00BC8A;
			color: #bfeee1;
		}

			.wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea {
				color: #ffffff;
			}

			.wrapper.style1 a {
				color: #ffffff;
			}

			.wrapper.style1 strong, .wrapper.style1 b {
				color: #ffffff;
			}

			.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
				color: #ffffff;
			}

			.wrapper.style1 blockquote {
				border-left-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 code {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 hr {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 .box {
				border-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 input[type="submit"],
			.wrapper.style1 input[type="reset"],
			.wrapper.style1 input[type="button"],
			.wrapper.style1 button,
			.wrapper.style1 .button {
				background-color: #fafafa;
				color: #666 !important;
			}

				.wrapper.style1 input[type="submit"]:hover,
				.wrapper.style1 input[type="reset"]:hover,
				.wrapper.style1 input[type="button"]:hover,
				.wrapper.style1 button:hover,
				.wrapper.style1 .button:hover {
					background-color: white;
				}

				.wrapper.style1 input[type="submit"]:active,
				.wrapper.style1 input[type="reset"]:active,
				.wrapper.style1 input[type="button"]:active,
				.wrapper.style1 button:active,
				.wrapper.style1 .button:active {
					background-color: #ededed;
				}

				.wrapper.style1 input[type="submit"].alt,
				.wrapper.style1 input[type="reset"].alt,
				.wrapper.style1 input[type="button"].alt,
				.wrapper.style1 button.alt,
				.wrapper.style1 .button.alt {
					background-color: transparent;
					box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
					color: #ffffff !important;
				}

					.wrapper.style1 input[type="submit"].alt:hover,
					.wrapper.style1 input[type="reset"].alt:hover,
					.wrapper.style1 input[type="button"].alt:hover,
					.wrapper.style1 button.alt:hover,
					.wrapper.style1 .button.alt:hover {
						background-color: rgba(255, 255, 255, 0.075);
					}

					.wrapper.style1 input[type="submit"].alt:active,
					.wrapper.style1 input[type="reset"].alt:active,
					.wrapper.style1 input[type="button"].alt:active,
					.wrapper.style1 button.alt:active,
					.wrapper.style1 .button.alt:active {
						background-color: rgba(255, 255, 255, 0.2);
					}

					.wrapper.style1 input[type="submit"].alt.icon:before,
					.wrapper.style1 input[type="reset"].alt.icon:before,
					.wrapper.style1 input[type="button"].alt.icon:before,
					.wrapper.style1 button.alt.icon:before,
					.wrapper.style1 .button.alt.icon:before {
						color: #99e4d0;
					}

				.wrapper.style1 input[type="submit"].special,
				.wrapper.style1 input[type="reset"].special,
				.wrapper.style1 input[type="button"].special,
				.wrapper.style1 button.special,
				.wrapper.style1 .button.special {
					background-color: #ffffff;
					color: #00BC8A !important;
				}

			.wrapper.style1 label {
				color: #ffffff;
			}

			.wrapper.style1 input[type="text"],
			.wrapper.style1 input[type="password"],
			.wrapper.style1 input[type="email"],
			.wrapper.style1 select,
			.wrapper.style1 textarea {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.25);
			}

				.wrapper.style1 input[type="text"]:focus,
				.wrapper.style1 input[type="password"]:focus,
				.wrapper.style1 input[type="email"]:focus,
				.wrapper.style1 select:focus,
				.wrapper.style1 textarea:focus {
					border-color: #ffffff;
					box-shadow: 0 0 0 1px #ffffff;
				}

			.wrapper.style1 .select-wrapper:before {
				color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 input[type="checkbox"] + label,
			.wrapper.style1 input[type="radio"] + label {
				color: #bfeee1;
			}

				.wrapper.style1 input[type="checkbox"] + label:before,
				.wrapper.style1 input[type="radio"] + label:before {
					background: rgba(255, 255, 255, 0.075);
					border-color: rgba(255, 255, 255, 0.25);
				}

			.wrapper.style1 input[type="checkbox"]:checked + label:before,
			.wrapper.style1 input[type="radio"]:checked + label:before {
				background-color: #ffffff;
				border-color: #ffffff;
				color: #00BC8A;
			}

			.wrapper.style1 input[type="checkbox"]:focus + label:before,
			.wrapper.style1 input[type="radio"]:focus + label:before {
				border-color: #ffffff;
				box-shadow: 0 0 0 1px #ffffff;
			}

			.wrapper.style1 ::-webkit-input-placeholder {
				color: #99e4d0 !important;
			}

			.wrapper.style1 :-moz-placeholder {
				color: #99e4d0 !important;
			}

			.wrapper.style1 ::-moz-placeholder {
				color: #99e4d0 !important;
			}

			.wrapper.style1 :-ms-input-placeholder {
				color: #99e4d0 !important;
			}

			.wrapper.style1 .formerize-placeholder {
				color: #99e4d0 !important;
			}

			.wrapper.style1 form.alt input[type="text"],
			.wrapper.style1 form.alt input[type="password"],
			.wrapper.style1 form.alt input[type="email"],
			.wrapper.style1 form.alt select,
			.wrapper.style1 form.alt textarea {
				background-color: transparent;
			}

			.wrapper.style1 ul.alt li {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 ul.checklist li:before {
				color: #00BC8A;
			}

			.wrapper.style1 ul.contact li:before {
				color: #00BC8A;
			}

			.wrapper.style1 header p {
				color: #99e4d0;
			}

			.wrapper.style1 table tbody tr {
				border-color: rgba(255, 255, 255, 0.25);
			}

				.wrapper.style1 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(255, 255, 255, 0.075);
				}

			.wrapper.style1 table th {
				color: #ffffff;
			}

			.wrapper.style1 table thead {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 table tfoot {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 table.alt tbody tr td {
				border-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 .split > :nth-child(even) {
				border-left-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 .spotlight,.wrapper.style1 .spotlight2 {
				background-color: #0affbe;
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1.alt {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

		.wrapper.style2 {
			background-color: #fafafa;
			color: #777;
		}

			.wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea {
				color: #666;
			}

			.wrapper.style2 a {
				color: #1a72b3;
			}

			.wrapper.style2 strong, .wrapper.style2 b {
				color: #666;
			}

			.wrapper.style2 h1, .wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
				color: #666;
			}
			.wrapper.style3 h1, .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {
				color: #666;
			}

			.wrapper.style2 blockquote {
				border-left-color: rgba(144, 144, 144, 0.25);
			}

			.wrapper.style2 code {
				background: rgba(144, 144, 144, 0.075);
				border-color: rgba(144, 144, 144, 0.25);
			}

			.wrapper.style2 hr {
				border-bottom-color: rgba(144, 144, 144, 0.25);
			}

			.wrapper.style2 .box {
				border-color: rgba(144, 144, 144, 0.25);
			}

			.wrapper.style2 input[type="submit"],
			.wrapper.style2 input[type="reset"],
			.wrapper.style2 input[type="button"],
			.wrapper.style2 button,
			.wrapper.style2 .button {
				background-color: #666;
				color: #fafafa !important;
			}

				.wrapper.style2 input[type="submit"].alt,
				.wrapper.style2 input[type="reset"].alt,
				.wrapper.style2 input[type="button"].alt,
				.wrapper.style2 button.alt,
				.wrapper.style2 .button.alt {
					background-color: transparent;
					box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
					color: #666 !important;
				}

					.wrapper.style2 input[type="submit"].alt:hover,
					.wrapper.style2 input[type="reset"].alt:hover,
					.wrapper.style2 input[type="button"].alt:hover,
					.wrapper.style2 button.alt:hover,
					.wrapper.style2 .button.alt:hover {
						background-color: rgba(144, 144, 144, 0.075);
					}

					.wrapper.style2 input[type="submit"].alt:active,
					.wrapper.style2 input[type="reset"].alt:active,
					.wrapper.style2 input[type="button"].alt:active,
					.wrapper.style2 button.alt:active,
					.wrapper.style2 .button.alt:active {
						background-color: rgba(144, 144, 144, 0.2);
					}

					.wrapper.style2 input[type="submit"].alt.icon:before,
					.wrapper.style2 input[type="reset"].alt.icon:before,
					.wrapper.style2 input[type="button"].alt.icon:before,
					.wrapper.style2 button.alt.icon:before,
					.wrapper.style2 .button.alt.icon:before {
						color: #bbb;
					}

				.wrapper.style2 input[type="submit"].special,
				.wrapper.style2 input[type="reset"].special,
				.wrapper.style2 input[type="button"].special,
				.wrapper.style2 button.special,
				.wrapper.style2 .button.special {
					background-color: #00BC8A;
					color: #ffffff !important;
				}

					.wrapper.style2 input[type="submit"].special:hover,
					.wrapper.style2 input[type="reset"].special:hover,
					.wrapper.style2 input[type="button"].special:hover,
					.wrapper.style2 button.special:hover,
					.wrapper.style2 .button.special:hover {
						background-color: #00d69d;
					}

					.wrapper.style2 input[type="submit"].special:active,
					.wrapper.style2 input[type="reset"].special:active,
					.wrapper.style2 input[type="button"].special:active,
					.wrapper.style2 button.special:active,
					.wrapper.style2 .button.special:active {
						background-color: #00a377;
					}

			.wrapper.style2 label {
				color: #666;
			}

			.wrapper.style2 input[type="text"],
			.wrapper.style2 input[type="password"],
			.wrapper.style2 input[type="email"],
			.wrapper.style2 select,
			.wrapper.style2 textarea {
				background: rgba(144, 144, 144, 0.075);
				border-color: rgba(144, 144, 144, 0.25);
			}

				.wrapper.style2 input[type="text"]:focus,
				.wrapper.style2 input[type="password"]:focus,
				.wrapper.style2 input[type="email"]:focus,
				.wrapper.style2 select:focus,
				.wrapper.style2 textarea:focus {
					border-color: #00BC8A;
					box-shadow: 0 0 0 1px #00BC8A;
				}

			.wrapper.style2 .select-wrapper:before {
				color: rgba(144, 144, 144, 0.25);
			}

			.wrapper.style2 input[type="checkbox"] + label,
			.wrapper.style2 input[type="radio"] + label {
				color: #777;
			}

				.wrapper.style2 input[type="checkbox"] + label:before,
				.wrapper.style2 input[type="radio"] + label:before {
					background: rgba(144, 144, 144, 0.075);
					border-color: rgba(144, 144, 144, 0.25);
				}

			.wrapper.style2 input[type="checkbox"]:checked + label:before,
			.wrapper.style2 input[type="radio"]:checked + label:before {
				background-color: #00BC8A;
				border-color: #00BC8A;
				color: #ffffff;
			}

			.wrapper.style2 input[type="checkbox"]:focus + label:before,
			.wrapper.style2 input[type="radio"]:focus + label:before {
				border-color: #00BC8A;
				box-shadow: 0 0 0 1px #00BC8A;
			}

			.wrapper.style2 ::-webkit-input-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 :-moz-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 ::-moz-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 :-ms-input-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 .formerize-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 form.alt input[type="text"],
			.wrapper.style2 form.alt input[type="password"],
			.wrapper.style2 form.alt input[type="email"],
			.wrapper.style2 form.alt select,
			.wrapper.style2 form.alt textarea {
				background-color: transparent;
			}

			.wrapper.style2 ul.alt li {
				border-top-color: rgba(144, 144, 144, 0.25);
			}

			.wrapper.style2 ul.checklist li:before {
				color: #00BC8A;
			}

			.wrapper.style2 ul.contact li:before {
				color: #00BC8A;
			}

			.wrapper.style2 header p {
				color: #bbb;
			}

			/*.wrapper.style2 table tbody tr {
				border-color: rgba(144, 144, 144, 0.25);
			}

			.wrapper.style2 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(144, 144, 144, 0.075);
				}

			.wrapper.style2 table th {
				color: #666;
			}

			.wrapper.style2 table thead {
				border-bottom-color: rgba(144, 144, 144, 0.25);
			}

			.wrapper.style2 table tfoot {
				border-top-color: rgba(144, 144, 144, 0.25);
			}

			.wrapper.style2 table.alt tbody tr td {
				border-color: rgba(144, 144, 144, 0.25);
			}

			.wrapper.style2 .split > :nth-child(even) {
				border-left-color: rgba(144, 144, 144, 0.25);
			}

			.wrapper.style2 .spotlight,.wrapper.style2 .spotlight2 {
				background-color: white;
				border-bottom-color: rgba(144, 144, 144, 0.25);
			}*/

			.wrapper.style2.alt {
				border-top-color: rgba(144, 144, 144, 0.25);
			}

			.wrapper.style4.alt {
				border-top-color: rgba(256, 256, 256, 0);
			}

			.lead {
				margin: 20px 10% 10%;
				font-size:1.2em;
				text-align:center;
				line-height:2.3em;

			}

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

			.wrapper {
				padding: 4em 2.5em 2em 2.5em;
			}


		}

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

			.wrapper {
				padding: 4em 2em 2em 2em;
			}
			.lead {
				    margin: 20px 6% 10%;
				}

		}

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

			.wrapper {
				padding: 3em 2em 1em 2em;
			}

		}

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

			.wrapper {
				padding: 3em 2em 1em 2em;
			}
			.lead {
				margin: 0 0 10%;
				font-size:16px;
				text-align:left;
			}

		}

/* Split */

	.split {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-bottom: 2em;
	}

		.split > * {
			width: 46%;
		}

			.split > *:nth-child(odd) {
				padding-right: 2%;
			}

			.split > *:nth-child(even) {
				padding-left: 2%;
			}

			.split > * > :last-child,
			.split > * > :last-child > :last-child,
			.split > * > :last-child > :last-child > :last-child {
				margin-bottom: 0;
			}

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

			.split > :nth-child(odd) {
				padding-right: 2em;
			}

			.split > :nth-child(even) {
				padding-left: 2em;
			}

		}

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

			.split {
				padding-bottom: 0;
			}

				.split > * {
					width: 100%;
					margin-bottom: 2em;
				}

					.split > *:nth-child(odd) {
						padding-right: 0;
					}

					.split > *:nth-child(even) {
						border-left: none;
						padding-left: 0;
					}

		}

	.split > :nth-child(even) {
		border-left-color: rgba(144, 144, 144, 0.25);
	}



.biography dl, .office dl, .position dl, .book dl {
  width:100%;
  overflow: hidden;
}

.biography dt, .office dt, .book dt {
  float:left;
  clear:left;
  display:block;
}

.biography dd, .office dd, .book dd {
  float:left;
  width:auto;
  display:block;
}

.biography dt {
  width:25%;
  margin-bottom: 0.5em;
  border-bottom: 0px dotted #ddd;
}
.biography dd {
  width:75%;
}

.office dl {
	font-size:1.1em;
	margin-bottom: 0;
	padding-bottom: .7em;
	margin-bottom: .7em;
    border-bottom: 1px dotted #ddd;
}
.office dt {
  width:24%;
  border-bottom: 0px dotted #ddd;
  font-weight:600;
  margin-bottom: 0;
}

.office dd {
  width:76%;
  margin-bottom: 0;
}

@media screen and (max-width: 900px) {
	.office dt, .office dd {
		float:none;
	}
	.office dt {
  width:auto;
  margin-bottom: 5px;
	}
	.office dd {
  width:auto;
	}

}

.position dt {
  overflow: hidden;
  border-bottom: 0px dotted #ddd;
}

.position dd,.book dd {
  overflow: hidden;
  border-bottom: 1px dotted #ddd;
}
.book ul {
	margin:0;
}
.book li {
  overflow: hidden;
  border-bottom: 1px dotted #ddd;
  list-style:none;
  margin-left: 0;
  margin-bottom:10px;
  padding-left: 20px;
}
.book li:before {
	content:"●";
	font-weight:bold;
	font-size:1.2em;
	margin-left:-20px;
	color:#1a72b3;
}

#access ul {
}

#access li {
  overflow: hidden;
  border-bottom: 1px dotted #ddd;
  list-style:none;
  margin-left: 0;
  margin-bottom:20px;
  padding-left: 20px;
}
@media screen and (max-width: 600px) {
	#access li {
		padding-left: 0;

	}

}

#access .way {
	border-bottom: 0px dotted #ddd;
  margin-bottom:0;
}
#access .way:before {
	content:"●";
	font-weight:bold;
	font-size:1.2em;
	margin-left:-20px;
	color:#1a72b3;
}
@media screen and (max-width: 600px) {
	#access .way:before {
	margin-left:0;
	}
}


.biography table {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	
	border: 0px solid #ddd;
}
.biography th {
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:none;
}
.biography tbody tr {
	line-height: 2em;
}

.biography td {
	padding:10px 10px 0 10px;
	text-align:left;
	border:0px solid #ddd;
	border-bottom:1px dotted #ddd;
	
}
.biography td.number {
	white-space: nowrap;
}


@media screen and (max-width: 600px) {
	.biography td {
		
	}
	}
/*--------------
 Map
 ---------------*/
 .ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 600px) {
	#gnavi .navbar-nav {
		float: none;
		left: 0;
	}
	#gnavi .navbar-nav li a {
		text-align: center;
	}
}

.spotlight-ttlarea {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 30px;
}
.spotlight-ttl {
	display: inline-block;
	font-size:24px;
	color:#1a72b3;
	font-weight:500;
	padding: 10px 20px;
	border-top: 2px solid #1a72b3;
	border-bottom: 2px solid #1a72b3;
}
.spotlight-ttl span {
	font-size: 18px;
}
/*アクセスコメント調整*/
.cont-padng {
	padding:0 3px;
}
.cont-padng p {
	padding-left: 1em;
	text-indent: -1rem;
}
@media screen and (max-width: 600px) {
	.cont-padng {
		padding:0;
	}
}