@charset "UTF-8";


body	{margin: 0;
	     font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}

/* 戻るボタン */
html {
    scroll-behavior: smooth;
}
.pagetop {
    box-shadow: 0 4px 6px rgb(0 0 0 / 30%);
	height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}

/* サイト名　*/

.site h1 a {color: #000000;
            text-decoration: none}

.site h1   {margin: 0;
            font-size: 30px}
			
.site img  {border: none}


			 
/* ヘッダー画像　*/

.topimg     {max-width: 100%;
             height:auto;
			 vertical-align: bottom}

.mainVisual ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mainVisual ul li {
	position: relative;
}
			 
/* キャッチコピー　*/

.catch      {margin: 0;
             padding: 15px;
			 background-color: rgba(255,255,255,0.7);
             font-size: 28px}
			 
/* ヘッダー画像にキャッチコピーを重ねる　*/

.top        {position: relative}

.catch      {position: absolute;
             bottom: 7%;
			 left: 3%}
			 
			 
/* 概要 */

.gaiyou a	{display: block;
	background-color: #222222;
	color: #ffffff;
	text-align: center;
	text-decoration: none}

.gaiyou a:hover	{opacity: 0.8}

.gaiyou i	{display: block;
   	padding-top: 40px;
	padding-bottom: 40px;
	font-size: 38px;
	font-weight:bold}

.gaiyou .fa-door-open	{background-color: #bfbd13}

.gaiyou .fa-chalkboard-teacher	{background-color: #c58839}

.gaiyou .fa-luggage-cart	{background-color: #859f46}

.gaiyou h1	{margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: normal}

.gaiyou p	{margin-top: 0;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #524e3c;
	font-size: 12px}

/* お知らせ　*/

.news       {padding: 20px;
             border: solid 5px #dddddd}
			 
.news h1    {margin-top: 0;
             margin-bottom: 5px;
			 font-size: 18px;
			 color: #666666}
			 
.news ul    {margin:0;
             padding:0;
			 list-style: none}

.news li a {display: block;
            padding: 5px;
			border-bottom: dotted 2px #dddddd;
			color: #000000;
			font-size: 14px;
			text-decoration: none}
		
.news li a:hover {background-color: #eeeeee}

.news time  {color: #888888;
			 font-weight: bold}

.news a:after {content: "";
               display:block;
			   clear: both}

.news time    {float: left;
               width: 60px}

.news .text   {float: none;
               width: auto;
			   margin-left: 60px}
			   
/* SNS メニュー　*/

.follow ul   {margin: 0;
              padding: 0;
			  list-style: none}
			  
.follow li a {display: block;
              margin-bottom: 10px;
              padding: 10px;
			  border-radius: 4px;
			  color: #ffffff;
			  font-size: 14px;
			  text-decoration: none}
			  
.follow li a:hover {opacity: 0.8}

.follow-tw {background-color: #63bafb}

.follow-fb {background-color: #5288f7}

.follow-gp {background-color: #f65d4a}

.follow i  {margin-right: 10px;
            font-size: 24px;
			vertical-align: middle}
			  

/* 補足説明 */

.follow-info	{margin-top: 0;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #dddddd;
	font-size: 14px;
	text-align: center}

.follow-info {
	position: relative;
	background: #dddddd;
}
.follow-info:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(221, 221, 221, 0);
	border-top-color: #dddddd;
	border-width: 15px;
	margin-left: -15px;
}

/*　記事　*/

.kiji h1     {margin-top:0;
              margin-bottom:20px;
			  padding-left: 20px;
			  border-left: solid 20px #1E721C;
			  font-size: 36px;
			  font-weight: normal}

.kiji h2     {margin-top: 50px;
              margin-bottom: 20px;
			  border-bottom: solid 1px #dddddd;
			  font-size: 28px;
			  font-weight: normal}
			  
.kiji h2 i   {margin-right: 7px;
              color: #888888}
			  
.kiji p      {margin-top:0;
              margin-bottom: 20px}
			  
.kiji .lead  {max-width: 100%;
              font-size: 20px;
			  color: #666666}

.kijiimg    {max-width: 100%;
              height: auto;
			  margin-bottom: 20px}

.busi       {text-align:right}	

.yokonarabi  {display:flex;}

.yokonarabi img {
    max-width: 50%;
    height: auto;
}
			  
/*　会社概要　*/

table {
	width: 100%;
	border-collapse: collapse;
	margin-top:20px}
	
th.t_top {
    border-top: #b3b3b3 4px solid}
	
th {
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal}
	
td.t_top {
	border-top: #be1309 4px solid}
	
td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px}



			  
/*　サイドメニュー　*/

.sidemenu     {border: solid 6px #dddddd}

.sidemenu h1  {margin: 0;
               padding: 10px;
               font-size: 16px;
			   font-weight: normal}
			   
.sidemenu h1 i{margin-right: 5px;
               color: #8abc60;
			   font-size: larger}
			   

.sidemenu ul  {margin: 0;
               padding:0;
			   list-style: none}
			   
.sidemenu li a {display: block;
                padding: 10px;
				border-top: solid 1px #dddddd;
				color: #000000;
				font-size: 14px;
				text-decoration: none}
				
.sidemenu li a:hover {background-color: #eeeeee}

			 
/* コピーライト　*/

.copyright p {margin: 0;
              color:#666666;
			  font-size: 14px;
			  text-align: center}
			  
/*　headerの下に罫線を挿入（コンテンツページのみ）　*/

.contents .header{border-bottom: solid 1px #dddddd}

/* footerをバーの形にする　*/

.footer        {padding-top: 15px;
              padding-bottom: 15px;
			  background-color: #dddddd}
			  

/* ボックスの左右　*/

.header, .info, .footer, .pickup, .box7, .box8
              {padding-left: 15px;
               padding-right: 15px}	
	
/* ボックスの上下　*/

.header        {padding-top: 20px;
              padding-bottom: 10px}

.info        {padding-top: 20px;
              padding-bottom: 20px}
			  
.info-main      {padding-bottom: 20px}

.pickup	{padding-top: 20px}

.pickup-1, .pickup-2, .pickup-3
	{padding-bottom: 10px}	

.box7  {padding-top: 25px;
               padding-bottom: 25px}



/* ########### 359px以下 ########### */	
@media (max-width: 359px){
	
/* サイト名 */

.site img    {width: 350px;
              height: auto}
			  
}
			 
/* ########### 599px以下 ########### */
@media (max-width: 599px){

/*　ナビゲーション　*/

.menu li a   {padding: 10px 7px;
              font-size: 11px}
			  
/* キャッチコピー　*/

.catch       {padding: 5px 10px;
              font-size: 12px}
			  
/*　記事　*/

.kiji h1     {font-size: 26px}

.kiji h2     {font-size: 20px}

.kiji .lead  {font-size: 16px}

}
				 			
/* ########### 767px以下 ########### */
@media (max-width: 767px){
	
/* トグルボタン */

#menubtn      {padding: 6px 12px;
               border: solid 1px #aaaaaa;
			   border-radius: 5px;
			   background-color: #ffffff;
			   position: absolute;
			   top: 20px;
			   right: 15px;
			   cursor: pointer}
			   
#menubtn:hover {background-color: #dddddd}

#menubtn:focus {outline: none}
			   
#menubtn i    {color: #888888;
               font-size: 18px}

#menubtn span {display: inline-block;
               text-indent: -9999px}
			   

/* ナビゲーションメニュー（縦並び） */

#menu      {display: none}

.menu ul   {margin: 0;
            padding: 0;
			list-style: none}

.menu li a {display: block;
            padding: 5px;
			color: #000000;
			font-size: 14px;
			text-decoration: none}
		
.menu li a:hover {background-color: #eeeeee}

}

/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* トグルボタン */

#menubtn   {display: none}

/* ナビゲーション　*/

#menu      {display: block !important}

.menu ul   {margin: 0;
            padding: 0;
			list-style: none}

.menu li a {display: block;
            padding: 10px 15px;
			color: #000000;
			font-size: 14px;
			text-decoration: none}
		
.menu li a:hover {background-color: #eeeeee}

.menu ul:after {content: "";
                display:block;
				clear: both}

.menu li    {float:left;
             width: auto}

/* header-siteとheader-navを横に並べる設定 */
.header:after	{content: "";
	display: block;
	clear: both}

.header-site	{float: left;
	width: auto}

.header-nav	{float: right;
	width: auto}

/* info-mainとinfo-subを横に並べる設定　*/

.info:after {content: "";
             display: block;
			 clear: both}
			 
.info-main     {float: left;
             width: 70%;
			 padding-right: 35px;
			 -moz-box-sizing: border-box;
			 -webkit-box-sizing: border-box;
			 box-sizing: border-box}
			 
.info-sub     {float: left;
             width: 30%}
			 
/* pickup-1、pickup-2、pickup-3を横に並べる設定 */

.pickup:after	{content: "";
	display: block;
	clear: both}

.pickup-1	{float: left;
	width: 32%;
	margin-right: 2%}

.pickup-2	{float: left;
	width: 32%;
	margin-right: 2%}

.pickup-3	{float: left;
	width: 32%}

/* box7-1とbox7-2を横に並べる設定 */

.box7:after	{content: "";
	display: block;
	clear: both}

.box7-1	{float: right;
	     width: 80%;
		 padding-left: 50px;
		-moz-box-sizing: border-box;
			 -webkit-box-sizing: border-box;
			 box-sizing: border-box}

.box7-2	{float: left;
	width: 20%}
			 

	
}

/* ########### 1190px以上 ########### */
@media (min-width: 1140px) {

/* 全体の横幅を固定　*/

.photo, .info, .header-inner, .footer-inner, .pickup, .box7
              {width: 1140px;
               margin-left: auto;
			   margin-right: auto}
			   
/* header の下に罫線を挿入　*/

.header         {margin-bottom: 20px;
               border-bottom: solid 1px #dddddd}
			   
}