@charset "utf-8";
/* CSS Document */

.header-outer {background-color: #ffffff;
              }

h1,h2,h3,h4,h5,h6,p,li {
	font-family: "メイリオ", "ＭＳＰ ゴシック", "ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	
}

figure {margin:0; }

.clear {
	clear: both;
}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
header {
	background-color: #FFF;
	padding-bottom:5px;
}

/* End hide from IE-mac */
/*#contents h3 {
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}*/




figure {
	margin: 0px;
	padding: 0px;
}

img {
	vertical-align: bottom;
	border:none;
}


table {
border-collapse: collapse;
}







.align-01 {text-align: right;}


.align-02 {}

.logo h1 {margin:0px;
          padding: 0px;}






.logoAria {
    width: 20%;
    
}




.naviArea {padding-top:30px;
          }













/*PC & pad横　グランドナビ*/


.menu {
    position: relative;
    width: 100%;
  /*  height: 50px;*/
    height: 30px;
    max-width: 1000px;
    margin: 0 auto;
}

.menu > li {
    float: left;
   /* width: 25%;*/ /* グローバルナビ4つの場合 */
  /* height: 50px;
    line-height: 50px;*/
    height: 30px;
    line-height: 30px;
    /*background: rgb(29, 33, 19);*/
	list-style: none;
	/*padding-left:10px;
	padding-right: 10px;*/
	text-align: center;
	
}

.menu > li a {
    display: block;
    color: #333333;
}

.menu > li a:hover {
    color: #333333;
    text-decoration: none;
	
}

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


ul.menu li {
	list-style: none;
}








ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
	
}


.menu > li:hover {
   /* background: #dbffff;*/
	 background-image: url(../image/navihover.png);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px dotted #cccccc;
    border-top-style: dotted;
  
}



.menu__second-level li a:hover {
    background-image: url(../image/navihover.png);
    /*background: #dbffff;*/
    background-repeat: repeat;
	
}




/* 下矢印 */
.init-bottom:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 2px solid #333333;
    border-bottom: 2px solid #333333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}





/*各ナビ*/


.menu > li.menu__01 {
    position: relative;
	width:110px;
}



li.menu__01 ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    /*background: #dbffff;*/
	 background-image: url(../image/navihover.png);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	
}


li.menu__01:hover ul.menu__second-level {
   /* top: 50px;*/
	 top: 30px;
    visibility: visible;
    opacity: 1;
}










.menu > li.menu__02 {
    position: relative;
	width:200px;

}

li.menu__02 ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    /*background: #dbffff;*/
	 background-image: url(../image/navihover.png);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	
}

li.menu__02:hover ul.menu__second-level {
   /* top: 50px;*/
	 top: 30px;
    visibility: visible;
    opacity: 1;
}




.menu > li.menu__03 {
    position: relative;
	width:110px;
	
}






.menu > li.menu__04 {
    position: relative;
	width:130px;
}

li.menu__04 ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 160%;
   /* background: #dbffff;*/
	 background-image: url(../image/navihover.png);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__04:hover ul.menu__second-level {
   /* top: 50px;*/
	 top: 30px;
    visibility: visible;
    opacity: 1;
}





.menu > li.menu__05 {
    position: relative;
	width:90px;
}



.menu > li.menu__06 {
    position: relative;
	width:120px;
}



.menu > li.menu__07 {
    position: relative;
	width:120px;
}


/*******************************************/

/*タブレット横*/
@media screen and (min-width:960px) and (max-width: 1024px){
	
	
	.logoAria {/*width:30%;*/
	           width:25%;}
	
	
	
	
	.menu {padding:0px;
	      margin: 0px;
	      margin-top:-30px;}
	
.menu > li.menu__01 {
    position: relative;
	width:70px;
}




.menu > li.menu__02 {
    position: relative;
	width:180px;

}





.menu > li.menu__03 {
    position: relative;
	width:110px;
	
}






.menu > li.menu__04 {
    position: relative;
	width:110px;
}




.menu > li.menu__05 {
    position: relative;
	width:70px;
}



.menu > li.menu__06 {
    position: relative;
	width:100px;
}



.menu > li.menu__07 {
    position: relative;
	width:100px;
}	
	
	
	
	
	
	
	
	
	
	
	
	
	
}






















































/********************スマホ用のバーガーメニューと階層化のため。
ここからは参照コピペのままなので使用していない物もある  *************************************/


/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office
Customized by minimalgreen

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.drawer_menu a {
	color: inherit;
	text-decoration: none;
}

.drawer_menu a:visited {
	color: inherit;
}


/* PC用ナビゲーション */

.fa-angle-down {color:#333333;}


.drawer_menu .drawer_nav_wrapper {
	transform: translate(0);
	width: 100%;
	height: 20px;
	/* PC用メニュー高さ */
	position: relative;
	top: auto;
	right: auto;
	z-index: 100;
	background-color: #ffffff;
	/* PC用メニュー背景色 */
}

.drawer_menu .drawer_nav {
	max-width: 100%;
	/* コンテンツ幅に合わせる */
	padding: 0;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	list-style-type: none;
}

.drawer_menu .drawer_nav li {
	font-size: 16px;
	margin: 0;
	padding: 0;
	/*width: 100%;*/
	width:200px;
	height: 50px;
	/* PC用メニュー高さ */
	line-height: 50px;
	/* PC用メニュー高さ */
	/*background-color: #555;*/
	/* PC用メニューボタン背景色 */
	text-align: center;
	list-style-type: none;
}

.drawer_menu .drawer_nav li:hover {
	background-color: #dbffff;
	/* PC用メニューボタンマウスオーバー背景色 */
}

.drawer_menu .drawer_nav li a {
	color: #333333;
	/* PC用メニューボタン文字色 */
}









/* PC非表示 */

@media screen and (min-width:1001px) {
	.pc-hidden {
		display: none;
		text-align: center;
	}
}

@media screen and (min-width: 1001px) {

	/* ドロップダウンメニュー2階層目 */
	.drawer_menu .drawer_nav li ul.second-level {
		visibility: hidden;
		list-style-type: none;
		position: absolute;
		z-index: -1;
		top: 0;
		margin: 0;
		padding-left: 0;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level {
		visibility: visible;
		z-index: 1;
		top: 50px;
		/* PC用メニューの高さに合わせる */
		transition: all .3s;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level li {
		width: 200px;
		/* ドロップダウンメニューボタン横幅 */
		height: 50px;
		/* Pドロップダウンメニューボタン高さ */
		text-align: center;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level li a {
		display: block;
		background-color: #dbffff;
		/* ドロップダウンメニューの文字の背景色 */
		color: #333333;
		/* ドロップダウンメニューの文字色 */
		font-size: 100%;
		text-decoration: none;
		line-height: 50px;
		/* Pドロップダウンメニューボタン高さ */
		text-align: center;
	}

	.drawer_menu .drawer_nav li:hover ul.second-level li a:hover {
		background-color: #f0f0f0;
		/* ドロップダウンメニューマウスホバー背景色 */
	}

	.touch-btn {
		color: #fff;
		margin-left: 5px;
	}
}

/*+++ Default Button Color +++*/

.drawer_menu .drawer_button {
	color: #fff;
	/* ハンバーガーメニュー文字色 */
	display: none;
	z-index:auto;
	
	
}

.drawer_menu .drawer_button .drawer_bar {
	background-color: #fff;
	/* ハンバーガーメニュー三本線の色 */
}


/* 1000px以下 */

@media screen and (max-width: 1000px) {
	.drawer_menu .drawer_bg {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 999;
		background-color: rgba(51, 51, 51, 0.5);
		display: none;
		top: 0;
		left: 0;
	}

	.drawer_menu .drawer_button {
		display: block;
		background-color: #555;
		color: #fff;
		border: none;
		padding: 5px;
		width: 50px;
		letter-spacing: 0.1em;
		cursor: pointer;
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 1001;
		text-align: center;
		outline: none;
	}

	.drawer_menu .drawer_button.active .drawer_bar {
		width: 40px;
	}

	.drawer_menu .drawer_button.active .drawer_bar1 {
		transform: rotate(30deg);
	}

	.drawer_menu .drawer_button.active .drawer_bar2 {
		opacity: 0;
	}

	.drawer_menu .drawer_button.active .drawer_bar3 {
		transform: rotate(-30deg);
	}

	.drawer_menu .drawer_button.active .drawer_menu_text {
		display: none;
	}

	.drawer_menu .drawer_button.active .drawer_close {
		display: block;
	}

	.drawer_menu .drawer_bar {
		display: block;
		height: 2px;
		margin: 8px 2px;
		transition: all 0.2s;
		transform-origin: 0 0;
	}

	.drawer_menu .drawer_text {
		text-align: center;
		font-size: 10px;
	}

	.drawer_menu .drawer_close {
		letter-spacing: 0.08em;
		display: none;
	}

	.drawer_menu .drawer_menu_text {
		display: block;
	}

	.drawer_menu .drawer_nav_wrapper {
		width: 250px;
		height: 100%;
		transition: all 0.2s;
		transform: translate(250px);
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
		background-color: #FFF;
		/* ドロワーメニュー内背景色 */
		overflow-x: hidden;
		overflow-y: auto;
	}

	.drawer_menu .drawer_nav {
		display: block;
		position: relative;
		margin-top: 40px;
	}

	.drawer_menu .drawer_nav li {
		background-color: #fff;
		height: auto;
		line-height: 50px;
		/*  ドロワーメニューリスト項目高さ */
		position: relative;
		border-bottom: 1px solid #eee;
	}

	.drawer_menu .drawer_nav li a {
		background-color: #fff;
		/* ドロワーメニューリスト背景色 */
		color: #555;
		/* ドロワーメニューリスト文字色 */
		display: block;
		text-align: left;
		padding-left: 20px;
	}

	/* スマートフォン2階層目 */
	.drawer_menu .drawer_nav li:hover ul.second-level {
		display: block;
	}

	.drawer_menu .drawer_nav li ul.second-level {
		display: none;
		position: relative;
		padding: 0;
		z-index: 1001;
	}

	.drawer_menu .drawer_nav li ul.second-level li a {
		padding-left: 40px;
	}

	.drawer_menu .drawer_nav_wrapper.open {
		transform: translate(0);
	}

	.drawer_menu.left .drawer_button {
		right: auto;
		left: 32px;
	}

	.drawer_menu.left .drawer_nav_wrapper {
		transform: translate(-250px);
		right: auto;
		left: 0;
	}

	.drawer_menu.left .drawer_nav_wrapper.open {
		transform: translate(0);
	}

	.pc-hidden {
		text-align: center;
	}

	.touch-btn {
		color: #555;
		position: absolute;
		top: .25rem;
		right: 2%;
		display: block;
		z-index: 10;
		width: 50px;
		height: 50px;
		text-align: center;
		vertical-align: middle;
	}
}

/*  ウィジェットタイトル */
.drawer-title {
	text-align: center;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #555;
	/* ドロワーメニュー内タイトルライン背景色 */
	color: #fff;
}

/* フォローボタン */

.follow-buttons {
	text-align: center;
	margin-top: 0;
	width: 100%;
}

.follow-buttons a {
	display: inline-block;
	width: 60px;
	text-align: center;
	text-decoration: none;
	margin: 5px;
}

.follow-buttons .inner-text {
	font-size: 10px;
	display: block;
}

.follow-buttons .lg,
.content-inner-follow-buttons .fa {
	padding: 15px;
	border-radius: 5px;
	margin: 2px auto;
}

.follow-buttons .hatena {
	color: #38393C;
	background-color: transparent;
}

.follow-buttons .blogicon-hatenablog {
	background: #38393C;
	color: #ffffff;
}

.follow-buttons .blogicon-hatenablog:hover {
	background: #5F6063;
}

.follow-buttons .facebook {
	color: #305097;
	background-color: transparent;
}

.follow-buttons .blogicon-facebook {
	background: #305097;
	color: #ffffff;
}

.follow-buttons .blogicon-facebook:hover {
	background: #5A77B7;
}

.follow-buttons .twitter {
	color: #55acee;
	background-color: transparent;
}

.follow-buttons .blogicon-twitter {
	background: #55acee;
	color: #ffffff;
}

.follow-buttons .blogicon-twitter:hover {
	background: #89C7F7;
}

.follow-buttons .instagram {
	color: #D93177;
	background-color: transparent;
}

.follow-buttons .blogicon-instagram {
	background: #D93177;
	color: #ffffff;
}

.follow-buttons .blogicon-instagram:hover {
	background: #df528d;
}

.follow-buttons .feedly {
	color: #6cc655;
	background-color: transparent;
}

.follow-buttons .blogicon-rss {
	background: #6cc655;
	color: #ffffff;
}

.pc-hidden .profile-icon {
	float: none;
}





/*************************************************************************/

/*************************************************************************/















.space10 {
	height: 10px;
}


.space20 {
	height: 20px;
}



.space40 {
	height: 40px;
}
.space60{height:60px;}

.space120 {height:120px;}


.padding01 {padding-bottom: 70px;}


.padding02 {padding-top:60px;}


.padding03 {padding-bottom:120px;}






.mainImg  {width:100%;
height: auto;}


.mainImg img{width:100%;
height: auto;}







.outer {
	 display: table;
     width: 100%;
	 height: 100%;}

.outer .inner-text {
	
	 display: table-cell;
     vertical-align: middle;
	text-align: center;
}






.outer .inner-text h1{
    color: #ffffff;
    font-weight: lighter;
    font-size: 300%;
    margin: 0px;
    padding: 0px;
    font-family: "Sawarabi Mincho";
    filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
}





.title01 {
    color: #333333;
    font-size: 200%;
    margin-top: 30px;
    margin-bottom: 80px;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    
}





.title02 {color:#333333;
          font-size:180%;
          margin-top:30px;
          margin-bottom:30px;
        font-weight: lighter;
         font-family:"Noto Sans JP";}







.contentsArea {}






.line1 {
    border-bottom: 1px solid #CCCCCC;
}



.seo1 {font-size: 80%;}



.footNaviContainer {
	background-color: #f8f8f8;
	padding-top: 30px;
	padding-bottom: 30px;
	
	width: 100%;
}


  
 .footNavi {position: relative;
overflow: hidden;}
 
 
 .footNavi ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	 float:left;
left:50%;
position:relative;
}
 
 
 .footNavi ul li {
	float: left;
	margin-right: 20px;
	 left:-50%;
position:relative;
}


 .footNavi ul li a {font-size: 70%;
	color: #333;}



 .footNavi ul li a:hover {color: #4DA941;} 





.footerContainer {background-color: #DBEDC9;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 100%;}





.footLogo {
	float: left;
	margin-bottom: 20px;
	text-align: left;
	
}


.footLogo img {}


.addressContainer {
	height: auto;
	text-align: left;
	margin-bottom: 10px;
				  }

.addressContainer p{
	line-height: 180%;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
}


.addressContainer small{}















/****************************************
アニメーション　スクロール
/***************************************/



.animation001 {}

.animation002 {}

.animation003 {}


.animation-feadin1 {
-webkit-animation-name: animation1;
animation-name: animation1;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-delay: 0;
animation-delay: 0;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

@-webkit-keyframes animation1 {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 30px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
}
}


@keyframes animation1 {
0% {
opacity: 0;
transform: translate3d(0, 30px, 0);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}

 






/*******************************/































/*******************************************/

/*タブレット横*/
@media screen and (min-width:960px) and (max-width: 1024px){
	
	

	
	.drawer_menu .drawer_nav li {
	font-size: 16px;
	margin: 0;
	padding: 0;
	/*width: 100%;*/
	width:200px;
	height: 50px;
	/* PC用メニュー高さ */
	line-height: 50px;
	/* PC用メニュー高さ */
	/*background-color: #555;*/
	/* PC用メニューボタン背景色 */
	text-align: center;
	list-style-type: none;
}

	
}






/*******************************************/

/*タブレット縦*/

@media screen and (min-width:668px) and (max-width:959px){
	
	
	

}







/*******************************************/
/* 480px〜667px：SP横*/

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

	
	

 .mailBtn {
	 width:40%;
	
	margin-bottom: 40px;
	  margin-left: auto;
	 margin-right: auto;
	
  }


 .mailBtn img{width:100%;
	        height: auto;
	
  }

	
	
	
	
/*.footLogo img {width:50%;}	*/	
	
	
	
	
			
.inner-text h1{
    color: #FFFFFF;
    font-weight: bolder;
    font-size: 300%;
	margin: 0px;
	padding: 0px;
}
	
	
	
.title01 {color:#333333;
          font-size:200%;
          margin-top:30px;
          margin-bottom:30px;
        
         font-family:"Noto Sans JP";}	
	
	

}


	
	
	
	






/*******************************************/
/* ～479px：SP縦
------------------------------ */
@media (max-width: 479px){




 .mailBtn {
	 width:40%;
	
	margin-bottom: 40px;
	  margin-left: auto;
	 margin-right: auto;
	
  }


 .mailBtn img{width:100%;
	        height: auto;
	
  }
	
	
	

.outer .inner-text h1{
    color:#ffffff;
    font-weight: bolder;
    font-size: 180%;
	margin: 0px;
	padding: 0px;
	font-family: "Sawarabi Mincho";
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
}	
	
	
	
	
		
.title01 {color:#333333;
          font-size:200%;
          margin-top:30px;
          margin-bottom:30px;
         text-align:center;
	
         font-family:"Noto Sans JP";}	
	
	


	
	
	
	
	
	
	
.footLogo {text-align: center;}	
	
/*.footLogo img {width:50%;}	*/
	
	
	
.addressContainer {
	height: auto;
	text-align: center;
	margin-bottom: 10px;
				  }	
	
	
	 .footNavi ul li {
	float: left;
	margin-right: 7px;
	 left:-50%;
position:relative;
}
	

	
			
.inner-text h1{
    color: #FFFFFF;
    font-weight: bolder;
    font-size: 140%;
	margin: 0px;
	padding: 0px;
}



}













/******************************************
                TOP
/***************************************/


.bg-slider {
	/*width: 97.5vw;*/
	width: 99vw;
	height: 95vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items:center;
	justify-content: center;
	overflow-x: hidden;
}


.infoArea{background-color: #EEF2FF;
         margin-bottom: 50px;}



.rssicon{text-align:right;}

.rssicon a{text-decoration: none;
           color: #666666;}



.RssContainer {
    width: 100%;
    height: 200px;
   
    text-align: left;
    color: #333333;
   
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 20px;
}


.RssContaine ul,.RssContaine menu,.RssContaine dir {margin: 10px;
padding: 10px;}

.RssContaine li {padding-top:10px;}



 #rss {
    height: 180px;
    width: 100%;
    text-align: left;
   /* overflow-y:auto;  */
	 overflow: scroll;
	 overflow-x: hidden;
	 white-space: nowrap;
	margin-top:5px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
   
}




/* スクロールの幅の指定 */
 #rss::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}


/* スクロールの背景の設定 */
 #rss::-webkit-scrollbar-track {
  border-radius: 5px;
  box-shadow: 0 0 4px #aaa inset;
}



/* スクロールのつまみ部分の設定 */
 #rss::-webkit-scrollbar-thumb {
  border-radius: 5px;
	
  background: #cccccc;
}




























#rss ul,#rss menu,#rss dir {margin: 5px;
              padding: 10px;}

 #rss li {
    padding-top: 5px;
    color: #007979;
    border-bottom: 1px dotted #666666;
                 }

#rss li a {color:#007979 }

.rss-date {color:#666666;}

.informationTitle {font-family: 'Merriweather', serif;
font-family: 'Raleway', sans-serif;
font-size:200%;

}



.service {
    background-color: #F0F0F0;
}



.address01 {font-size: 120%;}

.iraiBox {}

.irai {background-color:#4b943b;
       font-size: 140%;
        letter-spacing: 2px;
       padding:10px;
       border-radius: 5px;}

.iraiBox a {color: #ffffff;
           text-decoration: none;}

.iraiBox a:hover {color: #ffffff;}







/*******************************************/

/*タブレット横*/
@media screen and (min-width:960px) and (max-width: 1024px){

	
	
	.bg-slider {
	/*width: 97.2vw;*/
	width: 100vw;
	height: 90vh;
	background-position:center center;
	background-size: cover;
	display: flex;

	justify-content: center;
}
	
	
	
}










/*******************************************/
/* 668px〜959px：タブレット縦
—————————— */


@media screen and (min-width:668px) and (max-width:959px) {
	
	
	.bg-slider {
	/*width: 96.0vw;*/
	width: 99.9vw;
	height: 50vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	
	justify-content: center;
}
	
	

}








	 
	


/*******************************************/

/* 480px〜667px：SP横
------------------------------ */
@media screen and (min-width:480px) and (max-width:667px) {
	

  .bg-slider {
	width: 100%;
	/*height: 100vh;*/
   height: 700px;
	
	background-position:center center;
background-size: cover;
	
	display: flex;
	
	justify-content: space-evenly;
	
}
	
	
	
	

	
.RssContainer {
    width: 100%;
    height: 150px;
 
    text-align: left;
    color: #333333;
          
    margin-top:10px;        
}
	
		
 #rss {
    height: 140px;
    width: 100%;
   
	
   
}
		
	
	
	
	
	
	
	
	
	

}






/*******************************************/
/* ～479px：SP縦
------------------------------ */

@media   (max-width: 479px){

	
	

	
  .bg-slider {
	width: 100%;
	height: 100vh;
	
	background-position:bottom center;
	background-size: cover;
	display: flex;
	
	justify-content: space-evenly;
	
}
	
	
	
	
	
	
	.RssContainer {  
	width:100%;	
	height: 185px;
   margin-top:10px;   
}
	
	
	
 #rss {
    height: 175px;
    width: 100%;
  
}
	

	.rssFont {font-size: 80%;}
  

	
	

/*スマホ縦だと横にいくらかのパッディングができてるのか左右に動くので
	強制的に全体を小さくして解消してみる*/
.topContainer {width:90%;}	
	
	
.address01 {font-size: 90%;}	
	
}


/* =========================================================
BLOG　information
========================================================= */




.blogIMG {
    /*width: 400%;*/
	width:100%;
    background-image: url(../image/blog/main.jpg);
    background-size: cover;
	background-position: center top 25%;
	height: 600px;
}










.ichiran {font-family: 'Merriweather', serif;
font-family: 'Raleway', sans-serif;
font-size:200%;
text-align: center;
margin-bottom: 20px;

}




/* =========================================================
あいさつ　会社概要
========================================================= */




.companyIMG {
    width: 100%;
    background-image: url(../image/company/main.jpg);
    background-size: cover;
	background-position:center center;
	
	height: 600px;
}





.company {}




.company .photo{}

.aisatsuContainer {}

.aisatsuContainer p {font-size: 100%;
                     line-height: 180%;
                     margin-bottom: 20px;}






.policy {
    background-color: #fcf5f7;
	padding-top:40px;
	padding-bottom: 40px;
}



.policy .title01 {
    color: #0099ff;
    font-size: 200%;
    margin-top: 30px;
    margin-bottom: 20px;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    
}


.policy h1 { font-size: 170%;}




.policy h2 {margin-bottom:40px;
           font-size: 140%;}


.policy .shishin p{font-size: 120%;
                   line-height: 100%;
                   padding-bottom: 10px;}










.gaiyou {
       background-color: #F4FCFD;
	/*padding-top:80px;*/
}



.company .table01 {font-size:120%;
                   line-height: 160%;
                   margin-bottom: 10px;}

.text-align01 {text-align: leftr;
               vertical-align: middle;}


.company .th1{background-color:#DFF0F9;
                       vertical-align: middle;
	                   font-size: 85%;
　　　　　　　　　　　　width:25%;}


.company .td1{vertical-align: left;
	                  font-size: 85%;
                       width:75%;}


.company .table02 table{
    width: 100%;
    font-size: 100%;
    line-height: 160%;
    margin-bottom: 10px;
    text-align: center;
}


.company .th2{vertical-align: middle;
	         padding-bottom: 20px;
　　　　　　　width:20%;
	          text-align: left;
 }


.company .td2{vertical-align: left;
	           padding-bottom: 20px;       
               width:80%;
	          text-align: left;
}            





/*******************************************/
/*タブレット横*/

@media screen and (min-width:960px) and (max-width: 1024px){




}




/*******************************************/
/* 668px〜959px：タブレット縦
—————————— */


@media screen and (min-width:668px) and (max-width:959px) {

.company .title02 {color:#333333;
          font-size:150%;
          margin-top:30px;
          margin-bottom:30px;
      
         font-family:"Noto Sans JP";}
	

	

}











/*******************************************/

/* 480px〜667px：SP横
------------------------------ */
@media screen and (min-width:480px) and (max-width:667px) {
	
.company .table01 {font-size:90%;
                   line-height: 160%;
                   margin-bottom: 10px;}
	
}








/*******************************************/
/* ～479px：SP縦
------------------------------ */

@media   (max-width: 479px){
	

	
.policy h1 { font-size: 140%;}




.policy h2 {margin-bottom:40px;
           font-size: 110%;}


.policy .shishin p{font-size: 100%;
                   line-height: 140%;
                   padding-bottom: 10px;}
	
	
	
	
	
	
	
	

.gaiyou {
       background-color: #F4FCFD;
	padding-top:40px;
}

	
	
	
	

.company .table01 {font-size:90%;
                   line-height: 160%;
                   margin-bottom: 10px;}

.company .th1{width:33%;}	　　　　　　　　　


.company .td1{width:67%;}	
	
.company .title02 {color:#333333;
          font-size:140%;
          margin-top:30px;
          margin-bottom:30px;
         text-align: center;
         font-family:"Noto Sans JP";}
	
	
.company .th2{vertical-align: middle;
	         padding-bottom: 20px;
　　　　　　　width:30%;
	          text-align: right;
 }


.company .td2{vertical-align: left;
	           padding-bottom: 20px;       
               width:70%;
	          text-align: center;
}  	
	
	
	

}




/* =========================================================
アクセス
========================================================= */


.accessIMG {
    width: 100%;
    background-image: url(../image/access/main.jpg);
    background-size: cover;
	background-position:center center;
	
	height: 600px;
}





.access {}


.okoshinokata {}

.okoshinokata a{color:#333333;
                text-decoration: none;}


.title-okoshinokata {
    color: #4c9337;
    font-size: 130%;
    margin-bottom: 10px;
    text-align: left;
    font-family: "Noto Sans JP";
    font-weight: lighter;
}




.gmap {
height: 0;
overflow: hidden;
padding-bottom: 400px;
position: relative;
}

.gmap iframe {
position: absolute;
left: 0;
top: 0;
height:400px;
width: 100%;
}











/*******************************************/
/* 668px〜959px：タブレット縦
—————————— */


@media screen and (min-width:668px) and (max-width:959px) {
	
	

	
	
	
	
	
	
	.gmap {
height: 0;
overflow: hidden;
padding-bottom: 70%;
position: relative;
}

.gmap iframe {
position: absolute;
left: 0;
top: 0;
height:100%;
width: 100%;
}
	
	
}











/*******************************************/

/* 480px〜667px：SP横
------------------------------ */
@media screen and (min-width:480px) and (max-width:667px) {
	

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 70%;
position: relative;
}

.gmap iframe {
position: absolute;
left: 0;
top: 0;
height:100%;
width: 100%;
}
	



}







/*******************************************/
/* ～479px：SP縦
------------------------------ */

@media   (max-width: 479px){
	
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 100%;
position: relative;
}

.gmap iframe {
position: absolute;
left: 0;
top: 0;
height:100%;
width: 100%;
}

.okoshinokata p{font-size: 92%;}	
	
	
	
}





/* =========================================================
できること
========================================================= */


.possibleIMG {
    width: 100%;
    background-image: url(../image/possible/main.jpg);
    background-size: cover;
	background-position:center center;
	
	height: 600px;
}





.possible {}




.possibleTitle {font-family: 'Merriweather', serif;
font-family: 'Raleway', sans-serif;
font-size:200%;
margin-top:30px;
margin-bottom: 80px;

}




.possible .itemBlock{background-color: #f4f8fb;}



/*.possible .padding02 {padding-top:140px;}	*/

.possible .padding02 {padding-top:100px;}	

/*.possible .padding03 {padding-bottom:140px;}*/

.possible .padding03 {padding-bottom:0px;}


.possible .photo01 { width: 100%;
    background-image: url("../image/possible/item3.jpg");
    background-size: cover;
	background-position:center center;
	height: 400px;}



.possible .photo02 { width: 100%;
    background-image: url("../image/possible/cap.jpg");
    background-size: cover;
	background-position:center center;
	height: 400px;}


.possible .photo03 { width: 100%;
    background-image: url("../image/possible/IMG_4850.jpg");
    background-size: cover;
	background-position:center center;
	height: 400px;}




.possible .photo04 { width: 100%;
    background-image: url("../image/possible/item1.jpg");
    background-size: cover;
	background-position:center center;
	height: 400px;}








.possible .textArea1 {
    background-color: #fcf5f7;
	                  }



.possible .textArea2 {
    background-color: lightgoldenrodyellow;
  
                    }



.possible .textArea3 {
  background-color: #f4f8fb;
                    }



.possible .textArea4 {
    background-color: #F1FFF0;
	
                    }
























.possible .outer {
	 display: table;
     width: 80%;
	 height: 100%;
	margin-left: auto;
	margin-right:auto;
  }

.possible .outer .inner-text {
	
	 display: table-cell;
     vertical-align: middle;
	text-align: left;
}





.possible .outer  h2{
    color: #330000;
    font-weight: lighter;
    font-size: 180%;
   margin-bottom: 30px;
    font-family: "Noto Sans JP";
  
   
}



.possible .needBox {background-color: #f2e4d9;
                   padding:10px;
                   border-radius: 5px;
                    box-shadow: 10px 10px 10px #cccccc;}


.possible .title03 { color: #330000;
    font-weight: lighter;
    font-size: 180%;
   margin-bottom: 30px;
    font-family: "Noto Sans JP";}








.possible .needBox {}


.possible .needBox .textArea{}



.possible .needContainer a{text-decoration: none;
                           color: #333333;}

.btnKaisyu {padding:10px; 
           text-align: center;
           background-color:#330000;
           color: #ffffff;
           font-size: 140%;
          border-radius: 5px;
          font-weight: bold;}

/*******************************************/

/*タブレット横*/
@media screen and (min-width:960px) and (max-width: 1024px){
	
	
.possible .padding02 {padding-top:0px;}		

.possible .outer  h2{
   font-size: 120%;
   margin-bottom: 30px;
   text-align: left;
	margin-top: 30px;
   
}



.possible .padding03 {padding-bottom:0px;}
    
    
    
 	.possible .photo03 { width: 100%;
    background-image: url("../image/possible/IMG_4850.jpg");
    background-size: cover;
	background-position:center center;
	height: 450px;}   
    
    
    
    
    
    
	
}






/*******************************************/
/* 668px〜959px：タブレット縦
—————————— */


@media screen and (min-width:668px) and (max-width:959px) {

/*.possible .padding02 {padding-top:80px;}*/	
.possible .padding02 {padding-top:0px;}		
	
	
.possible .outer  h2{
  font-size: 140%;
   margin-bottom: 30px;
   text-align: center;
	margin-top: 30px;
   
}

/*.possible .padding03 {padding-bottom:60px;}*/
	
.possible .padding03 {padding-bottom:0px;}
	
	
	
	
	.possible .photo01 { width: 100%;
    background-image: url("../image/possible/item3.jpg");
    background-size: cover;
	background-position:center center;
	height: 500px;}
	
	
	
	.possible .photo03 { width: 100%;
    background-image: url("../image/possible/IMG_4850.jpg");
    background-size: cover;
	background-position:center center;
	height: 550px;}
    
    
    
    
	
	
	

}










/*******************************************/

/* 480px〜667px：SP横
------------------------------ */
@media screen and (min-width:480px) and (max-width:667px) {


.possible .padding02 {padding-top:40px;}	
	
	
.possible .padding03 {padding-bottom:40px;}	
	
	
	
	
.possible .outer .inner-text {
	
	 display: table-cell;
     vertical-align:top;
	text-align: left;
}

	
.possible .outer  h2{
   font-size: 130%;
   margin-bottom: 30px;
   text-align: center;
	margin-top: 40px;
   
}


}



/*******************************************/
/* ～479px：SP縦
------------------------------ */

@media   (max-width: 479px){
	

.possibleTitle {font-family: 'Merriweather', serif;
font-family: 'Raleway', sans-serif;
font-size:200%;
margin-top:30px;
margin-bottom: 30px;

}
	
	
	
.possible .padding02 {padding-top:40px;}	
	
.possible .padding03 {padding-bottom:40px;}	

.possible .outer {
	 display: table;
     width: 100%;
	 height: 100%;
	margin-left: none;
	margin-right:none;
  }
	
	
	
	
	
.possible .photo01 { width: 100%;
    background-image: url("../image/possible/item3.jpg");
    background-size: cover;
	background-position:center center;
	height: 240px;}
	
	
.possible .photo02 { width: 100%;
    background-image: url("../image/possible/cap.jpg");
    background-size: cover;
	background-position:center center;
	height: 250px;}	
	
	
.possible .photo03 { width: 100%;
    background-image: url("../image/possible/IMG_4850.jpg");
    background-size: cover;
	background-position:center center;
	height: 250px;}	
	
	
	
	
.possible .photo04 { width: 100%;
    background-image: url("../image/possible/item1.jpg");
    background-size: cover;
	background-position:center center;
	height: 250px;}	
	
	
	
	
.possible .outer  h2{
   font-size: 140%;
   margin-bottom: 30px;
    text-align: center;
	margin-top: 30px;
   
}

.possible .outer p {font-size:90%;
	                line-height:180%;
	                padding-bottom: 10px;}	
	
	
	
	
.possible .title03 { color: #330000;
    font-weight: lighter;
    font-size: 140%;
   margin-bottom: 30px;
    font-family: "Noto Sans JP";}	
	
	
    
.btnKaisyu {padding:10px; 
           text-align: center;
           background-color: darkorange;
           color: #ffffff;
           font-size: 110%;
          border-radius: 5px;
          font-weight: bold;}    
    
    
    
    
	
	
}





/* =========================================================
お問合せ
========================================================= */


.inquiryIMG {
    width: 100%;
    background-image: url(../image/inquiry/main.jpg);
    background-size: cover;
	background-position:center center;
	
	height: 600px;
}





.inquiry {}



.inquiry .textArea {}



.inquiry .textArea p{}




.telnumber {
    font-size: 300%;
    font-family: "Sawarabi Mincho";
    margin-top: 50px;
   	color: #192f6b;
            }



.telnumber a {color: #192f6b;
             text-decoration: none;}


.telTime {font-size:140%;}



.faxnumber {
    font-size: 300%;
    font-family: "Sawarabi Mincho";
    margin-top: 20px;
	margin-bottom: 40px;
   	color: #192f6b;
            }





.privacyBtn {
    background-color: #192f6b;
	color: #666666;
    
	border-radius:5px;
	font-size: 130%;
	
	padding-top:5px;
	padding-bottom:5px;
	
}


.privacyBtn a {color:#ffffff;}

.privacyBtn .fa-angle-down {color:#ffffff;}

.privacyBtn a:hover {
    color: #ffffff;
    text-decoration: none;  
	
}



.privacy {text-align: left;}


.fa-user-lock {color: #192f6b;}

.hissu1 {color: crimson;
        }

#form-container th {width:30%;
                   font-size:100%;
                  padding-top:5px;
                    padding-bottom:5px;
                   color: #333333;
                  font-weight: normal;}


#form-container td { color: #333333;
                  font-weight: normal;
	              padding-top:5px;
                  padding-bottom:5px;}







/*ロリポップ用 mailformpro*/





#mfp_phase_confirm_inner h4 {text-align: center;
                            font-size: 100% !important;}


#mfp_confirm_table {width:100%;}

#mfp_confirm_table th {width: 20%;}

#mfp_confirm_table td {width: 80%;}

.mfp_buttons {text-align: center;}

#mfp_button_send {margin-left: auto;
                  margin-right: auto;}


#mfp_button_cancel{margin-left: auto;
                  margin-right: auto;} 

/*ロリポップ用 mailformpro 終了*/











/*****************************************/
/*960px～1024px :タブレット横
******************************************/
@media screen and (min-width:960px) and (max-width: 1024px){


	
}




/****************************************/
/* 668px〜959px：タブレット縦
*****************************************/
@media screen and (min-width:668px) and (max-width:959px) {
	

	
	.inquiry .textArea p{font-size:120%;
	text-align: left;}

	
	.privacy p {font-size:100%;
	           line-height: 180%;
	            padding-bottom: 10px;}
	

}



/********************************************/
/* 480px〜667px：SP横
*********************************************/
@media screen and (min-width:480px) and (max-width:667px) {
	

.inquiry .textArea p{font-size:100%;
	text-align: left;}
	

.telnumber {
    font-size: 200%;
    font-family: "Sawarabi Mincho";
    margin-top: 20px;
                }
	
	
	
.telTime {font-size:100%;}	
	
	
.faxnumber {
    font-size: 200%;
              }
	
	
	
	
	

}







/********************************************/
/*スマホ縦
*********************************************/
@media (max-width: 479px){
	

.inquiry .textArea p{font-size:100%;
	text-align: left;}
	

.telnumber {
    font-size: 200%;
    font-family: "Sawarabi Mincho";
    margin-top: 20px;
                }
	

.telTime {font-size:100%;}		
	
	
	
.faxnumber {
    font-size: 200%;
              }
		
	
	
.privacy p {font-size:100%;
	           line-height: 140%;
	            padding-bottom: 10px;}
	


	
	
	
 #mailformpro textarea
{ width: 80%; 
margin-right: auto; 
margin-left: auto;}
	
	#mailformpro {font-size:80%;}	
	
	
	
#form-container th {vertical-align: top;
	                width:30%;
	               font-size: 80%;}	




#form-container td {vertical-align: top;
	               font-size: 80%;
	                }	

	
	
	

}








/* =========================================================
リサイクル
========================================================= */


.recycleIMG {
    width: 100%;
    background-image: url(../image/recycle/main.jpg);
    background-size: cover;
	background-position:center center;
	
	height: 600px;
}





.recycle {}

.recycle p{font-size: 100%;
          line-height: 160%;
          margin-bottom: 10px;}


.recycle .shadow {filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));}

.recycle .title01 {
    color: #333333;
    font-size: 200%;
    margin-top: 30px;
    margin-bottom: 40px;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    
}



.recycle.title02 {
    color: #333333;
    font-size: 200%;
    margin-top: 30px;
    margin-bottom: 30px;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    
}







.seihin {}


.setsubi {
   /* background-image: url(../image/recycle/setsubiBG.jpg);*/
	 background-color: #F1FFF0;
    background-repeat: no-repeat;
	 background-size: cover;
	
}



.capSetsubi { font-family: "Noto Sans JP";
	         font-size:90%;
	         font-weight: lighter;
             color: #333333;}






.setsubiList{width:100%;}


.setsubiList table {width:100%;}

.td02{
    width: 25%;	
    padding: 5px;
    font-size: 100%;
    border: 1px solid #666666;
    background-color: #FFFFFF;
}






.recycle .flow {
	background: lightgoldenrodyellow;
	
	  font-weight: lighter;
      padding-bottom:90px;}




.recycle .flow2 {
	background:#EEEEF7;
    font-weight: lighter;
    padding-bottom:90px;

}


.recycle .flow3 {
	background:#FFF0F0;
    font-weight: lighter;
    padding-bottom:90px;

}




.flowRead {font-family: "Noto Sans JP";
	         font-size:140%;
	         font-weight: lighter;
             color: #333333;}


.flowRead2 {
    font-family: "Noto Sans JP";
    font-size: 140%;
    font-weight: lighter;
    color: #333333;
    line-height: 160%;
}


















.recycle .outer {
	 display: table;
     width: 100%;
	 height: 100%;
	margin-left: auto;
	margin-right:auto;
  }

.recycle .outer .inner-text {
	
	 display: table-cell;
     vertical-align: middle;
	text-align: left;
}





.recycle .outer  h2{
    color: #330000;
    font-weight: lighter;
    font-size: 180%;
   margin-bottom: 30px;
    font-family: "Noto Sans JP";
  
   
}



.recycle .title03 {
    color: #333333;
    font-size: 200%;
    margin-top: 30px;
    margin-bottom: 80px;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    
}





.recycle .title04 {
    color: #FF6600;
    font-size: 260%;
    margin-top: 30px;
    margin-bottom: 80px;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    
}




.tr01 {background-color:#f4faef;}




.recycle .table01 {font-size:120%;
                   line-height: 160%;
                   margin-bottom: 10px;}

.text-align01 {text-align: leftr;
               vertical-align: middle;}


.recycle .th1{vertical-align: middle;
	                   text-align: center;
	                   font-size: 85%;
　　　　　　　　　　　　width:40%;}


.recycle .td1{vertical-align: left;
	                  font-size: 85%;
                       width:60%;}







.privacyBtn2 {
    background-color:#000000;
	color: #ffffff;
    
	border-radius:5px;
	font-size: 130%;
	
	padding-top:5px;
	padding-bottom:5px;
	
}


.privacyBtn2 a {color:#ffffff;}

.privacyBtn2 .fa-angle-down {color:#ffffff;}

.privacyBtn2 a:hover {
    color: #ffffff;
    text-decoration: none;  
	
}




.faxBtn {
    background-color:#ff6600;
	color: #ffffff;
    
	border-radius:5px;
	font-size: 130%;
	
	padding-top:5px;
	padding-bottom:5px;
	
}


.faxBtn a {color:#ffffff;}

.faxBtn .fa-angle-down {color:#ffffff;}

.faxBtn a:hover {
    color: #ffffff;
    text-decoration: none;  
	
}











.recycle .fa-user-lock {color: #000000;}







.recycle .needBox {background-color: #f2e4d9;
                   padding:10px;
                   border-radius: 5px;
                    box-shadow: 10px 10px 10px #cccccc;}



.recycle .title03 { color: #330000;
    font-weight: lighter;
    font-size: 180%;
   margin-bottom: 30px;
    font-family: "Noto Sans JP";}


.kaisyuTitle {text-align: center;
             font-size: 200%;
             color: crimson;}




.jyoukenTitle {font-size: 170%;
               color:crimson;
               letter-spacing: 2px;}


.jyoukenContainer {width:100%;
    background-color: #f2e4d9;
                   padding:10px;}



















/*****************************************/
/*960px～1024px :タブレット横
******************************************/
@media screen and (min-width:960px) and (max-width: 1024px){

.td02{
  
    font-size: 90%;
   
}

	



	
	
	
	
	
	
	
	
}






/****************************************/
/* 668px〜959px：タブレット縦
*****************************************/
@media screen and (min-width:668px) and (max-width:959px) {
	
	.td02{ font-size: 90%;}
	
	
	
	
	
	
	
	
	
	
	
	
	
}




/********************************************/
/* 480px〜667px：SP横
*********************************************/
@media screen and (min-width:480px) and (max-width:667px) {
	
	
	
}



/********************************************/
/*スマホ縦
*********************************************/
@media (max-width: 479px){
	
.td02{
  
    font-size: 90%;
   
}
	
	.recycle h4{font-size:110%;}
	
	.recycle p{font-size: 90%;}
	
	
	.recycle .outer  h2{
    color: #330000;
    font-weight: lighter;
    font-size: 150%;
   margin-bottom: 10px;
    font-family: "Noto Sans JP";
	text-align: center;
  
   
}

	
.recycle .title03 {
    color: #333333;
    font-size: 160%;
    margin-top: 30px;
    margin-bottom: 30px;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    
}	
	
	
.recycle .title04 {
    color: #FF6600;
    font-size: 160%;
    margin-top: 30px;
    margin-bottom: 80px;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    
}	
	
	
.recycle .th1{vertical-align: middle;
	                   text-align: center;
	                   font-size:70%;
　　　　　　　　　　　　width:50%;}


.recycle .td1{vertical-align: left;
	                  font-size:70%;
                       width:50%;}
	
.flowRead { font-size:110%;
	        }

    
    
.jyoukenTitle {font-size: 120%;
               color: crimson;
               letter-spacing: 2px;}   
    
    
    .kaisyuTitle {font-size: 180%;}   

}





/* =========================================================
採用情報
========================================================= */


.recruitIMG {
    width: 100%;
    background-image: url("../image/recruit/main.jpg");
    background-size: cover;
	background-position:center center;
	
	height: 600px;
}





.recruit {}


.recruit-info {font-size:200%;
              font-weight: lighter;
    font-family: "Noto Sans JP";
    margin-top: 50px;
    margin-bottom: 50px;
   line-height: 180%;}






.bosyuTitle { 
	         background-color: #192f6b;
	        padding:10px;
            font-size:130%;
	         
	         margin-bottom: 30px;
	        letter-spacing: 5px;
	    color: #ffffff;
	  font-family: "Noto Sans JP";
              }


.recruit .table01 { background-color: #ffffff;}



.recruit .table01 .th1{
	                  font-weight: bold;
                       vertical-align: middle;
	                 　width:15%;}


.recruit .table01 .td1{vertical-align: middle;
                       width:85%;}

.trColor {background-color: #dff0f9;}



.recruit .table01 p {padding-bottom:0px;
                    margin-bottom: 0px;}






.bosyuTab {
    background-color: #fbf7f2;
    margin-left: 10px;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #cccccc;
          }


.nav-tabs .nav-link.active{background-color: #0080cc;
         color:#ffffff; 
          border-radius:5px 5px 0px 0px; }










/*****************************************/
/*960px～1024px :タブレット横
******************************************/
@media screen and (min-width:960px) and (max-width: 1024px){
	
	
.recruit-info {font-size:180%;
              font-weight: lighter;
    font-family: "Noto Sans JP";
    margin-top: 30px;
    margin-bottom: 30px;
   line-height: 180%;}	
	
.recruit .table01 {font-size:90%; }	
	
	
.recruit .table01 .th1{
	                  font-weight: bold;
                       vertical-align: middle;
	                 　width:20%;}


.recruit .table01 .td1{vertical-align: middle;
                       width:80%;}


	
}






/****************************************/
/* 668px〜959px：タブレット縦
*****************************************/
@media screen and (min-width:668px) and (max-width:959px) {
	
.recruit-info {font-size:150%;
              font-weight: lighter;
    font-family: "Noto Sans JP";
    margin-top: 30px;
    margin-bottom: 30px;
   line-height: 180%;}	
	
.recruit .table01 {font-size:90%; }	
	
	
.recruit .table01 .th1{
	                  font-weight: bold;
                       vertical-align: middle;
	                 　width:20%;}


.recruit .table01 .td1{vertical-align: middle;
                       width:80%;}
	
	
	
	
	
}




/********************************************/
/* 480px〜667px：SP横
*********************************************/
@media screen and (min-width:480px) and (max-width:667px) {
	
.recruit-info {font-size:150%;
              font-weight: lighter;
    font-family: "Noto Sans JP";
    margin-top: 30px;
    margin-bottom: 30px;
   line-height: 180%;}	
	
.recruit .table01 {font-size:90%; }	
	
	
.recruit .table01 .th1{
	                  font-weight: bold;
                       vertical-align: middle;
	                 　width:20%;}


.recruit .table01 .td1{vertical-align: middle;
                       width:80%;}	
	
}



/********************************************/
/*スマホ縦
*********************************************/
@media (max-width: 479px){
	
.recruit-info {font-size:120%;
              font-weight: lighter;
    font-family: "Noto Sans JP";
    margin-top: 30px;
    margin-bottom: 30px;
   line-height: 180%;}	
	
.recruit .table01 {font-size:80%; }	
	
	
.recruit .table01 .th1{
	                  font-weight: bold;
                       vertical-align: middle;
	                 　width:27%;}


.recruit .table01 .td1{vertical-align: middle;
                       width:73%;}	
	
	
	
	
}







/* =========================================================
よくある質問
========================================================= */


.faqIMG {
    width: 100%;
    background-image: url("../image/faq/main.jpg");
    background-size: cover;
	background-position:center center;
	
	height: 600px;
}





.faq {}


.faq.title01 {
    color: #333333;
    font-size: 200%;
    margin-top: 30px;
    margin-bottom: 80px;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    
}





.tableFaq {
    margin-bottom: 30px;
    border-bottom: 1px solid #cccccc;
}





.circle{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
 background-color: #B87070;
 
  text-align:center;
  line-height: 55px;
 color: #ffffff;
font-size: 200%;
font-weight: lighter;
font-family: 'Open Sans', sans-serif;

}





.q {color: #B87070;
	font-size:120%;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    }





.circle2{
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #9EC0DA;
  text-align:center;
 line-height: 55px;
 color: #ffffff;
font-size: 200%;
font-weight: lighter;
font-family: 'Open Sans', sans-serif;

}


.a {color:#9EC0DA;
	font-size:120%;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    }






.tableFaq .td1 {padding-bottom: 30px;
               width:10%;}




.tableFaq .td2 {padding-bottom: 30px;
                width: 90%;}





/*****************************************/
/*960px～1024px :タブレット横
******************************************/
@media screen and (min-width:960px) and (max-width: 1024px){


	
}






/****************************************/
/* 668px〜959px：タブレット縦
*****************************************/
@media screen and (min-width:668px) and (max-width:959px) {
	
.tableFaq .td1 {padding-bottom: 30px;
               width:15%;}




.tableFaq .td2 {padding-bottom: 30px;
                width: 85%;}
	
	
}




/********************************************/
/* 480px〜667px：SP横
*********************************************/
@media screen and (min-width:480px) and (max-width:667px) {
	
	.tableFaq .td1 {padding-bottom: 30px;
               width:15%;}




.tableFaq .td2 {padding-bottom: 30px;
                width: 85%;}
	
}



/********************************************/
/*スマホ縦
*********************************************/
@media (max-width: 479px){
	

.faq .space60 {height: 30px;}
	
	
.circle{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #B87070;
  
  text-align:center;
  line-height: 40px;
 color: #ffffff;
font-size: 100%;
font-weight: lighter;
font-family: 'Open Sans', sans-serif;

}	
	

	
	.circle2{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
 background-color: #9EC0DA;
  text-align:center;
 line-height: 40px;
 color: #ffffff;
font-size: 100%;
font-weight: lighter;
font-family: 'Open Sans', sans-serif;

}
	

	
	
	
.q {
	color:#B87070;
	font-size:100%;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    }
	
.a {
	color: #9EC0DA;
	font-size:100%;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    }	


	
	
.tableFaq .td1 {padding-bottom: 30px;
               width:18%;}




.tableFaq .td2 {padding-bottom: 30px;
                width: 82%;}
	
	
	
}


/********************************************/
/*ブログ
*********************************************/
.post h3 {
	 
	color: #666666;
	margin: 0px;
	padding-right: 0px;
	vertical-align: middle;
	font-weight: lighter;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
    font-family:"Noto Sans JP";
}


.post h3 a {font-size: 110% !important;
	        font-weight: 700 !important;
            color:darkred !important;
	        margin-bottom: 20px;
           text-decoration: none;}

.post p {line-height:180%;
         padding-bottom:10px;}