@charset "UTF-8";
/*-----------------------------------------------------------
===  [ base CSS ]  ====================================
------------------------------------------------------------*/

/** -------------------------------------------------------
 ** 01. PC base layout
 ** ------------------------------------------------------- */
/*@media print, screen and (min-width: 769px) {*/
 /*   @media print, screen and (min-width: 1067px) {*/
@media print, screen and (min-width: 1200px) {
	/* ***************************************************************** */
	/* html
	----------------------------------------------------*/
	html {
	/* root 10px 以下rem指定 */
		font-size: 10px;
	}

	/* body
	----------------------------------------------------*/
	body,
	input,
	textarea,
	select,
	button {
		font-family: 'Noto Sans JP', sans-serif;
	}

	.ie body,
	.ie input,
	.ie textarea,
	.ie select,
	.ie button {
		font-family: 'Noto Sans JP', sans-serif;
	}

	body {
		color: #231815;
		text-align: center;
		background-color: #ffffff;
		font-size: 1.6rem;
		min-width: 1024px;
		overflow: hidden;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

	/* -- link -- */
	a:link {
		color: #009256;
		text-decoration: none;
	}
	a:visited {
		color: #009256;
		text-decoration: none;
	}
	a:hover {
		color: #009256;
		text-decoration: none;
	}
	a:active {
		color: #009256;
		text-decoration: none;
	}

	/* -- font -- */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	li,
	dt,
	dd,
	th,
	td,
	caption,
	address,
	figcaption,
	small,
	label,
	time,
	input,
	button,
	select {
		font-size: 1.6rem;
		line-height: 2.5;
		letter-spacing: 0.1em;
	}

	/* -- img -- */
	img {
		/*    max-width: 100%;*/
		height: auto;
	}

	/* container
	----------------------------------------------------*/
	#container {
		text-align: left;
	}

	/* header
	----------------------------------------------------*/
	/*#header {
		width: 100%;
		max-width: 1200px;
		height:125px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding:0;
		margin:0 auto 0 auto;
		background-color: #ffffff;
		z-index: 100;}

	.hdLogo {
		width:243px;
		height:82px;
		margin:0 0 0 100px;}*/

	/* gNav
	----------------------------------------------------*/
	/*.globalnav-wrap {
		display: flex;
		align-items: center;
		width:100%;
		max-width: 800px;
		height:125px;
		margin:0 0 0 auto;
		padding:0;
		font-family: 'Noto Sans JP', sans-serif;
		font-size:20px;
        font-weight:500;
		color: #009256;
	}
	.globalnav{
		display: flex;
		margin:0 0 0 auto;}

        .globalnav li {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: left;
		height: 125px;
		padding: 0 20px;
        line-height: 1.8em;
    }
	.globalnav li.gNavBtnSP {
		display: none;}
	.globalnav li.search {
		padding:0 40px;
		color:#ffffff !important;
		background-color:#009256;}
	.globalnav li span.search {
		padding:0;}
	.globalnav li span.search a {
		color:#ffffff !important;}
	.globalnav li span.search a span img {
		display:block;
		width:35px;
		height:24px;
		margin:10px auto 0 auto;}

	.globalnav .dropdown-btn {
		position: relative;
		cursor: pointer;}

	.globalnav .dropdown {
		z-index: 1000;
		background:rgba(255,255,255,0.9);
		position: absolute;
		left: -90px;
		top: 125px;
		width: 390px;
		padding: 10px;
		display: none;}

	.globalnav .dropdown li {
		display: table;
		width:370px;
		margin: 0;
		height:30px;
		padding: 10px 0;
		text-align:left;
		font-weight:normal;
		border-bottom: 1px solid #009256;}

	.globalnav .dropdown li:last-child {
		border:none;}

	.globalnav .nav-button-wrap,
	.globalnav .open,
	.globalnav .close {
		display: block;
	}*/

	.cmn-sp{
		display:none;
	}

  /* main
  ----------------------------------------------------*/
	#main {
		width:100%;
		max-width:1200px;
		margin:0 auto 0 auto;
	}

	.main a {
		transition: opacity 0.3s;
	}
	.main a:hover {
		opacity: 0.7;
	}

  /* footer
  ----------------------------------------------------*/
	/*#footer {
		width:100%;
		max-width: 1200px;
		margin:0 auto 0 auto;
		padding:50px 0;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight: 500;
		color: #009256;
		background: #fff;
		border-top:5px solid #009256;
	}

	.footer {
		margin:0 auto 0 auto;
		width:100%;
		max-width:1000px;
		padding-bottom:20px;
	}

	.footer nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.footer nav ul li{
		padding: 0;
	}

	.footer nav ul li:last-child{
		flex-basis: 300px;
		order: -1;
	}

	#footer p{
		width:100%;
		max-width:1000px;
		margin:0 auto 0 auto;
		text-align:right;
		font-size:14px;
		font-weight:300;
		clear:both;
	}
*/
/* ***************************************************************** */
}
/* ***************************************************************************** */
/** -------------------------------------------------------
 ** 02. SP base layout
 ** ------------------------------------------------------- */
/*@media screen and (max-width: 768px) {*/
/*@media screen and (max-width: 1066px) {*/
@media screen and (max-width: 1199px) {
	/* ***************************************************************** */
	/* html
	----------------------------------------------------*/
	html {
		/* root 10px 以下rem指定 */
		font-size: 10px;
	}

	/* body
	----------------------------------------------------*/
	body,
	input,
	textarea,
	select,
	button {
		font-family: 'Noto Sans JP', sans-serif;
	}

	.ie body,
	.ie input,
	.ie textarea,
	.ie select,
	.ie button {
		font-family: 'Noto Sans JP', sans-serif;
	}

	body {
		color: #231815;
		text-align: center;
		background: #ffffff;
		font-size: 1.6rem;
		min-width: 320px;
		overflow: hidden;
		overflow-wrap: break-word;
		word-wrap: break-word;
	}

	/* -- link -- */
	a:link {
		color: #009256;
		text-decoration: none;
	}
	a:visited {
		color: #009256;
		text-decoration: none;
	}
	a:hover {
		color: #009256;
		text-decoration: underline;
	}
	a:active {
		color: #009256;
		text-decoration: none;
	}
#home .nav-button span {
    background-color: #009256;
  }
	/* -- font -- */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	li,
	dt,
	dd,
	th,
	td,
	caption,
	address,
	figcaption,
	small,
	label,
	time,
	input,
	button,
	select {
		font-size: 1.3rem;
		line-height: 1.92;
		letter-spacing: 0.1em;
	}

	/* -- img -- */
	img {
		max-width: 100%;
		height: auto;
	}

	/* container
	----------------------------------------------------*/
	#container {
		text-align: left;
        padding-top: 100px;
	}

	/* header
	----------------------------------------------------*/
/*	#header {
		z-index:100;
		display:block;
		height: 65px;
		background-color: #ffffff;
		position:relative;
		font-family: 'Noto Sans JP', sans-serif;
	}

	.hdLogo {
		display: table;
		width: 180px;
	}
	.hdLogo a {
		display: table-cell;
		padding: 10px 25px;
		vertical-align: middle;
	}
	.hdLogo a img {
		vertical-align: middle;
	}

	.nav-button-wrap {
		display: block;
		position: absolute;
		right: 0px;
		top: 5px;
		z-index: 1000;
		cursor: pointer;
		padding: 15px;
		height: 50px;
	}

	.gNavBtnSP{
		font-weight:bold;
	}

	.globalnav {
		display: none;
	}
	.globalnav .close {
		display: none;
	}

	.globalnav-wrap.open .globalnav {
		display: block;
		padding: 40px 20px 0;
		position: fixed;
		left: 0;
		top: 0;
		background-color: rgba(255, 255, 255, 0.9);
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;
	}
  .globalnav-wrap.open .globalnav li {
		display: block;
		padding-top:10px;
		border-bottom:1px solid #009256;
		font-weight:700;
	}
	.globalnav-wrap.open .globalnav li:hover {
		background: transparent;
	}
	.globalnav li span.search a span img {
		display:none;
	}

	.globalnav-wrap.open .globalnav .dropdown {
		z-index: 1000;
		display: block;
		position: static;
		background: transparent;
		margin-left:20px;
	}

	.globalnav-wrap.open .globalnav .dropdown li:last-child {
		border:none;
	}
	.nav-button,.nav-button span {
		display: inline-block;
		transition: all 0.3s;
	}

	.nav-button {
		z-index: 20;
		width: 25px;
		height: 19px;
		position: relative;
	}

	.nav-button span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #009256;
		border-radius: 4px;
	}

	.nav-button span:nth-of-type(1) {
		top: 0;
	}

	.nav-button span:nth-of-type(2) {
		top: 8px;
	}

	.nav-button span:nth-of-type(3) {
		bottom: 0;
	}

	.active .nav-button span:nth-of-type(1) {
		transform: translateY(10px) rotate(-45deg);
	}

	.active .nav-button span:nth-of-type(2) {
		opacity: 0;
	}

	.active .nav-button span:nth-of-type(3) {
		transform: translateY(-6px) rotate(45deg);
	}
*/
	.cmn-pc{
		display:none;
	}

	/* main
	----------------------------------------------------*/
	#main {
		padding: 0 15px;
	}
	#main:after {
		content: "";
		clear: both;
		display: block;
	}

	/* footer
	----------------------------------------------------*/
/*	#footer {
		clear: both;
		background: #ffffff;
		position:relative;
		border-top: 5px solid #009256;
		padding:30px 0;
		text-align:center;
		color: #009256;
		font-weight:700;
	}

	#footer p{
		font-size:0.6rem;
		font-weight:700;
	}

	.footer li{
		margin:40px auto;
	}
	.footer li:last-child{
		margin:60px auto 40px auto;
	}*/

  /* ***************************************************************** */
}
/* ***************************************************************************** */