@charset "utf-8";

@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&display=swap');
/* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.3.0 build: 3167 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Etc
------------------------*/
img { border: 0; }
hr { display: none; }
.clear { clear: both; }
.bold { font-weight: bold; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
	.clearfix {
	min-height: 1px;
	}
	* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
.pc-none { display: none; }
.mt50 { margin-top: 50px; }
.imglink a {
	transition: .3s all;
}
.imglink a:hover,
.imglink a:focus {
	opacity: .6;
}

/* Link
------------------------*/
a { text-decoration: underline; }
a:link    { color: #9FAE5B; }
a:visited { color: #9FAE5B; }
a:hover   { color: #BCC67F; }
a:focus   { color: #BCC67F; }
a:active  { color: #9FAE5B; }

/*==========================================
 Basic
==========================================*/
body {
  color: #444;
  font-size: 13px;
  font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "BIZ UDPGothic", Meiryo, "MS PGothic", sans-serif;
  line-height: 1.5;
	text-align: center;
	margin: 0 auto;
}
	.box {
		clear: both;
		font-size: 100%;
		margin: 0 auto;
		text-align: justify;
		text-justify: distribute;
		width: 950px;
		position: relative;
		overflow: hidden;
	}
/*==========================================
 # Header
==========================================*/
#header {
	position: relative;
	text-align: justify;
	text-justify: distribute;
	padding-top: 50px;
	margin: 0 auto 45px;
	overflow: visible;
}
  .Logo {
    margin-left: 1px;
  }
  .headerNavi {
    position: absolute;
    top: 16px;
    right: 0px;
  }
    .headerNavi li {
      display: inline-block;
      margin-left: 11px;
    }
    .headerNavi li a {
      font-family: "Noto Sans JP", sans-serif;
      font-size: 93%;
      color: #444;
      text-decoration: none;
    }
    .headerNavi li a:hover,
    .headerNavi li a:focus {
      text-decoration: underline;
    }
  .webyoyakuBun {
    position: absolute;
    top: 46px;
    right: -1px;
  }
    .webyoyakuBun a {
      transition: .3s all;
    }
    .webyoyakuBun a:hover,
    .webyoyakuBun a:focus {
      opacity: .6;
    }

/*==========================================
 # Menu
==========================================*/
#menu {
	margin-bottom: 70px;
}
	#menu ul {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	#menu li {
		width: 140px;
	}
		#menu a::before {
			position: absolute;
			content: '';
			bottom: 0;
			left: 0;
			width: 100%;
			height: 1px;
			background: #ccc;
			transition: width .3s;
		}
		#menu a::after,
		#menu li.active a::after {
			position: absolute;
			content: '';
			bottom: 0;
			left: 0;
			width: 0;
			height: 2px;
			transition: width .3s;
			background: #9fae5b;
		}
		#menu a:hover::after,
		#menu li.active a::after {
			width: 100%;
		}
	#menu a {
		position: relative;
		display: block;
		font-family: "Noto Sans JP", sans-serif;
		font-weight: 500;
		font-size: 116%;
		letter-spacing: 1px;
		text-decoration: none;
		color: #444;
		font-feature-settings: "palt" 1;
		padding-bottom: 9px;
	}

/*==========================================
 # Contents
==========================================*/
#content {
	position: relative;
	margin-top: 10px;
	text-align: justify;
	text-justify: distribute;
}

/*==========================================
 # Footer
==========================================*/
#footer {
  position: relative;
  margin: 35px auto 0;
  padding-bottom: 50px;
}
  #footerMenu {
    position: relative;
    background: #eee;
    width: 950px;
    margin-bottom: 30px;
    padding-bottom: 15px;
  }
    .fMTitle {
      text-align: center;
      margin: 0 auto 10px;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 500;
      font-size: 93%;
      color: #000;
      letter-spacing: 1px;
    }
    #footerMenu a, #footerMenu a:link,
    #footerMenu a:visited, #footerMenu a:active {
      text-decoration: none;
      color: #000;
    }
    #footerMenu a:hover, #footerMenu a:focus {
      text-decoration: underline;
      color: #000;
    }
    #fMBlock01 {
      float: left;
      width: 345px;
      margin-top: 18px;
      margin-right: 17px;
      margin-left: 22px;
      _margin-left: 11px;
    }
      #fMBlock01 div,
      #fMBlock02 div,
      #fMBlock03 div,
      #fMBlock04 div {
        border-top: 1px solid #000;
      }
      #fMBlock01 ul {
        float: left;
        width: 125px;
        padding-top: 7px;
      }
        #fMBlock01 .fMBlock01-1 {
          width: 210px;
        }
      #fMBlock02 ul,
      #fMBlock03 ul,
      #fMBlock04 ul {
        padding-top: 7px;
      }
      #fMBlock01 ul li,
      #fMBlock02 ul li,
      #fMBlock03 ul li,
      #fMBlock04 ul li {
        line-height: 1.4;
        font-size: 85%;
        background:url(../img/commons/arrowBlack.gif) no-repeat 0px 3px;
        padding-left: 12px;
        padding-bottom: 5px;
      }
    #fMBlock02,
    #fMBlock03 {
      float: left;
      width: 170px;
      margin-top: 18px;
      margin-right: 17px;
    }
    #fMBlock04 {
      width: 170px;
      float: left;
      margin-top: 18px;
    }
  .footerCopy {
    font-size: 85%;
    margin-top: 11px;
  }
  .footerLink {
    position: absolute;
    bottom: 45px;
    right: 0;
  }
    .footerLink li {
      float: left;
      padding-left: 8px;
    }
    .privacypolicy a {
      font-family: "Noto Sans JP", sans-serif;
      font-size: 80%;
      color: #444;
      text-decoration: none;
    }
    .privacypolicy a:hover,
    .privacypolicy a:focus {
      text-decoration: underline;
    }