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

.html{
    overflow-x: hidden;
    word-wrap: break-word;
    overflow-wrap: break-word;

}




h1,h2,h3,h4,h5,h6,p,li {
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
}


figure {margin:0; }


img {
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}



.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;
}






.space10 {
	height: 10px;
}


.space20 {
	height: 20px;
}



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



.space200{height:200px;}

.headArea {
    background-color: #ffffff;
}

.headerContainer {
   
}

.s-info {margin-top: 20px;
	
       }


.s-info h1 { font-size: 100%;}


.s-info-1 {color:#09adaf;} 






.logoContainer {width:240px;
               float:left;
               padding-top:10px;}

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

.logoContainer p {font-family: 'Noto Serif JP', serif;
	padding:0px;
                  margin: 0px;}

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




.blockR {float:right;
         padding-top:10px;}

.toiawaseBtn {width:200px;
	          float: left;
	         margin-right: 10px;
	         padding-top:17px;
              }


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


.snsContainer {float:left;
	         padding-top:17px;
              }


.snsContainer ul {
    text-decoration: none;
    list-style-type: none;
    padding: 0px;
	margin: 0px;
}

.snsContainer li {float:left;}









.snsContainer .fa-facebook{color: #666666;
                    font-size:250%;
                    margin-right:10px;}

.snsContainer .fa-instagram{color: #666666 ;
                    font-size:250%;}



.navi-outerBack{/*background-color:#44af35;*/
                background-color:#ffffff;}






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


.menu {
	color: #ffffff;
    position: relative;
    width: 100%;
  /*  height: 50px;*/
    height: 30px;
   /* max-width: 1000px;*/
    margin: 0 auto;
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	
}

.menu > li {
	/*color: #ffffff;*/
	color: #333333;
    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;
	letter-spacing:2px;
}


.menu > li a {
    display: block;
    color: #333333;
	font-weight: 600;
	/*color:#44af35;*/
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
}

.menu > li a:hover {
    /*color: #ffffff;*/
	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;
    border-bottom: 1px solid #FFFFFF;
}

.menu__second-level li {
    border-bottom: 1px solid #ffffff;
   
  
}


.menu__second-level li a {color:#ffffff;}


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







/* 下矢印 */
.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:90px;
}




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

}

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

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







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



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

li.menu__03:hover ul.menu__second-level {
    top: 30px;
    visibility: visible;
    opacity: 1;
}





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

}

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

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






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



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






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


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



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








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

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

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


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




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

}

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

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







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

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

li.menu__03:hover ul.menu__second-level {
    top: 30px;
    visibility: visible;
    opacity: 1;
}
	
	
	
	
	
li.menu__03 ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
     background-image: url(../image/navihover.png);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	
}

li.menu__03:hover ul.menu__second-level {
    top: 30px;
    visibility: visible;
    opacity: 1;
}
	
	



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

}

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

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






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



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






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


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



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


	
	
	
	
	
	
	
	
	
	
	
	
	
	.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;
}
	
	
	
	
	
	
	
}














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

























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


/*
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;
	
}

.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: #666666;
    color: #fff;
    border: 1px solid #FFFFFF;
    padding: 5px;
    /*width: 60px;*/
    width: 60px;
    height: 60px;
    letter-spacing: 0.1em;
    cursor: pointer;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1001;
    text-align: center;
    outline: none;
    /*border-radius: 50%;*/
    border-radius: 0%;
	}

	.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 7px;
		transition: all 0.2s;
		transform-origin: 0 0;
	}

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

	.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;
}





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

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











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


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






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


  
 .footNavi {
	 font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #666666;
	 letter-spacing:1.5px;
}
 
 
 .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-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	 font-size: 85%;
	color: #333333;
    font-weight: 600;}



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





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





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


.footLogo img {max-width:200px;
               height: auto;
              }


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

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


.addressContainer small{}





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



.follow {margin-top:-15px;}


.sns {}

.btnFB {width:50px;
        height: 50px;}




.btnTW {width:50px;
        height: 50px;}


.btnIN {width:50px;
        height: 50px;}









.sns .fa-facebook {font-size: 250%;
                     margin-left: 10px;
                     margin-right: 10px;
                     color:#666666 !important;}


.sns .fa-twitter {font-size: 250%;
                    margin-left: 10px;
                     margin-right: 10px;
                   color: #666666 !important;}



.sns .fa-instagram {font-size: 250%;
                    margin-left: 10px;
                     margin-right: 10px;
                   color: #666666 !important;}






.otoiawaseContainer {
    background-image: url("../image/item2.jpg");
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 360px;
}






.dropshadow {
-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.8));
}




.hojyokin{font-size:70%;
         color: #333333;
        }




.telfax{
	font-family: 'Open Sans', sans-serif;
	                   font-size:300%;
                       letter-spacing:4px;
	                   color: #666666;
                       }



.telfax a {color:#666666;}


.obi01 {
    background-color: #44af35;
	color: #ffffff;
    text-align: center;
    vertical-align: middle;
    font-size: 140%;
    font-weight: bold;
	 font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	letter-spacing: 15px;
        }






.pageTitle {font-family: "Sawarabi Mincho"; 
	              color: #333333;
                   font-size:250%;
                   letter-spacing: 5px;}






.text-container {background-color: #ffffff;
                 padding:10px;
                border-radius:5px; }




.item-section .pageTitle {
    padding-top: 150px;
    margin-top:-150px;
}



.item-section .pageTitle2 {
    padding-top: 150px;
  /*  margin-top:-250px;*/
	  margin-top:-150px;
}




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

.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; 
  }
 




  @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){
	


	
	
	
	

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

/*タブレット縦*/

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

.headArea {
    background-color: #ffffff;
    /*border-bottom: 2px solid #333333;*/
	      }
	
.s-info h1 { font-size: 130%;}
	

	
.logoContainer {width:100px;
               float:left;
               padding-top:10px;}	
	
	
	.logoContainer img {width:70%;
	                   height: auto;}	
	
	
	
.blockR {float:none;
         padding-top:10px;
	  margin-left:auto;
	 margin-right:auto;}
		
	
	


.toiawaseBtn {width:250px;
	          float: left;
	         margin-right: 10px;
	         padding-top:5px;
	         font-weight: 600;
              }


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


.snsContainer {float:left;
	         padding-top:7px;
	          
              }	
	

.snsContainer .fa-facebook{color: #666666;
                    font-size:300%;
                    margin-right:10px;}

.snsContainer .fa-instagram{color: #666666 ;
                    font-size:300%;}
	

	
	
	
.sns .fa-facebook {color: #666666!important;
                    font-size:350%;}

.sns .fa-instagram {color: #666666 !important;
                    font-size:350%;}	
	
	
	
	
	
	
	.follow {margin-top:-25px;}
	

	
.item-section .pageTitle {
    padding-top: 80px;
    margin-top:-80px;
}



.item-section .pageTitle2 {
    padding-top: 80px;
    margin-top:-80px;
}
	
	
	

}

 



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

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

	.headArea {
    background-color: #ffffff;
    border-bottom: 2px solid #44AF35;
	      }	
	
	.tel-block {margin-top: 30px;
	
       }
	
		
	.blockR {float:none;
         padding-top:10px;
	  margin-left:auto;
	 margin-right:auto;}
	
	
.snsContainer {float:left;
	         padding-top:18px;
	          
	
	

}

}



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

	
.headArea {
    background-color: #ffffff;
    /*border-bottom: 2px solid #666666;*/
	      }	
	
	

.logoContainer {width:150px;
               float:left;
               padding-top:10px;}

	
	
	
	
	.blockR {float:none;
         padding-top:10px;
	  margin-left:auto;
	 margin-right:auto;}
		
	
	


.toiawaseBtn {width:190px;
	          float: left;
	         margin-right: 10px;
	         padding-top:15px;
              }


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


.snsContainer {float:left;
	         padding-top:14px;
	        
              }	
	

	

	
	
	
	
.otoiawaseContainer {
     background-image: url("../image/item2.jpg");
    background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 200px;
}


	
	
	
	
.footLogo {text-align: center;}	
	
.footLogo img {width:100%;}	
	
	
	
.addressContainer {
	height: auto;
	text-align: center;
	margin-bottom: 10px;
				  }	
	
	
	 .footNavi ul li {
	float: left;
	margin-right: 15px;
	 left:-50%;
position:relative;
   letter-spacing: 1px;
}
	

.item-section .pageTitle {
    padding-top: 80px;
    margin-top:-80px;
}



.item-section .pageTitle2 {
    padding-top: 80px;
    margin-top:-80px;
}
	
	
	
	

}















































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


.topContainer {

	
}	


/* 矢印（前後ナビゲーション）を非表示 */
.carousel-control-prev,
.carousel-control-next {
  display: none !important;
}

/* インジケーターの丸：30%小さく */
.carousel-indicators li {
  width: 11px !important;
  height: 11px !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  opacity: 0.8 !important;
  border-radius: 50% !important;
  margin: 0 6px !important;
}

.carousel-indicators .active {
  background-color: #ffffff !important; 
  opacity: 1 !important;               
}





/* インジケーターを左寄せ */
.carousel-indicators {
  justify-content: flex-start !important;
  margin-left: 0 !important;
  left: 20px !important;  /* 必要に応じて値を微調整 */
  right: auto !important;
  text-align: left !important;
  bottom: 10px; /* 下端からの位置も調整可能 */
}












.bg-slider {
    /*width: 99.1vw;*/
	 width: 30vw;
    /*height: 75vh;*/
	height: 100vh;
    background-position: center center;
    background-size: cover;
	  display: flex;
    /*align-items:flex-end;*/
    justify-content: center;
    position: relative;
    background-color: #090808;
}







.text01 {
position: absolute;
top: 15%;

left:4%;
height: auto;
width: 700px;	
animation-name:animation2;
animation-duration:35s;
animation-timing-function: ease-in-out;
animation-delay: 0s;
opacity: 0;
animation-iteration-count: infinite;
animation-direction: normal;
animation-fill-mode: forwards;

}
 

.readContainer {font-family: "Sawarabi Mincho";  
	           color: #666666;   
                   }


.readContainer h1 {font-size: 200%;
	               font-family: "Sawarabi Mincho"; 
                   letter-spacing: 5px;
                  color: #666666;}


.readContainer p {font-size:140%;
                  letter-spacing: 3px;
                 font-family: "Sawarabi Mincho"; 
                  color: #666666;}

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









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

5% {
opacity: 1;
transform: translate3d(0, 0, 0);
}

100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}















.Gsans {/*font-family: 'Noto Sans JP', sans-serif;*/
       font-family: 'Noto Serif JP', serif;
       letter-spacing: 3px;}









.topContainer .bnrContainer {}


.topContainer .bnrContainer .bnrTitle {
    font-size: 140%;
    color: #11416d;
    margin-bottom: 15px;
    letter-spacing: 7px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
	font-weight: bold;
}

/*.bnrContainer　.bnrTitle {font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
         font-size:220%;
         color: #11416d;
          margin-bottom: 15px;
           letter-spacing:3px;}*/



.topContainer .fb-plugin-responsive {width:100%;
                                    }











.snslist a {color:#666666;
           }







	                 



.topContainer .line01 {border-top: 1px solid #ED171B;}


.topContainer .line02 {border-top: 1px solid #666666;}


.informationTitle {font-family: "Sawarabi Mincho"; 
	              color: #aacc03;
                   font-size: 200%;
                   letter-spacing: 5px;}


.RssContainer {
    width: 100%;
    height: 280px;
    text-align: left;
    color: #666666;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    
}


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

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






 #rss {
    height: 260px;
    width: 100%;
    text-align: left;
    overflow-y:auto;  
	margin-top:5px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
   overflow: scroll;
    overflow-x: hidden;
   	padding:10px;
	background-color: #ffffff;
	 
}



.rss1 {color:#666666;}


.rss2 a {color:#666666;}




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

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

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


.rss-ichiran a {color:#666666;}










.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
	margin-bottom:10px;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}








.topContainer .youtubeContainer {
     background-color: #FFF7F7;
    padding-top: 40px;
    padding-bottom: 40px;
   /* background-image: url(../n-image/top/youtube_bg.jpg);*/
    background-repeat: repeat;
}




.topContainer .youtubeContaine .title1 {}





.topContainer .bnrContainer {
	                  /* background-color:#f1f1f1;*/
	                   padding-top:60px;
	                   }




.topContainer .snsBlock {
  /*  background-image: url(../image/top/item1.jpg);
    background-repeat: no-repeat;*/
	padding-top:20px;
	padding-bottom:10px;
}









/* 668px〜959px：タブレット横
------------------------------ */


@media screen and (min-width:960px) and (max-width: 1024px){	
	
	
	.bg-slider {
	width: 100vw;
	height: 70vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items:flex-end;*/
	justify-content: center;
}
	

	

	
	
	
	
	
.text01 {top: 15%;
        left:5%;
	   
       }
	
	
	
	
	
	.text01 img{
		height: auto;
		width: 70%;
	}
	

.readContainer {font-family: "Sawarabi Mincho"; 
	              color: #666666;
                   }


.readContainer h1 {font-size: 200%;
	              font-family: "Sawarabi Mincho"; 
                   letter-spacing: 5px;
                  color: #666666;}


.readContainer p {font-size:140%;
                  letter-spacing: 3px;
                 font-family: "Sawarabi Mincho";
	            color: #666666;}	
	
	
/*.topContainer .block1{
    background-image: url(../n-image/top/bg1.jpg);
    background-repeat: no-repeat;	
	background-position:center center;	
	
	
	 height: auto;
	padding-top:100px;
	padding-bottom:100px;
}	
*/	
	
	
	
	
	
	
.topContainer .side1 {margin-top:180px;
	width:80%;}		

.topContainer .side1 img{width:80%;
	                     height:auto;}	
	
	
	.topContainer .side2 {padding-top:40px;}
	
	.topContainer .side2 .side2-inner{
	
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    border-left: 2px solid #ED171B;
                                    }
	
	
	.RssContainer {
    width: 100%;
    height: 200px;
    text-align: left;
    color: #333333;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	  
}



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







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


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


	

	
	
	
	
	
.text01 {top: 15%;
        left:5%;
	   
       }	
	
	
	
	
		.text01 img{
		width:60%;
		height: auto;
		
	}
.readContainer p {font-size:120%;
                  letter-spacing: 3px;
                 font-family: "Sawarabi Mincho";
                  color: #666666;}	
	
	
.topContainer .side1 {margin-top:100px;}	
	
.topContainer .side1 img{width:70%;
	                     height: auto;}		
	

/*.topContainer .block1{
    background-image: url(../n-image/top/bg1.jpg);
    background-repeat: no-repeat;	
	background-position:center center;	

		 height: auto;
	padding-top:0px;
	padding-bottom:50px;
	 
}*/		
	
	
	.topContainer .side2 {padding-top:10px;}
	
	
	
	
	
	.topContainer .block2 {
	                      padding-top:50px;
                          padding-bottom:50px;
                      }
	
	
	.RssContainer {
    width: 100%;
    height: 200px;
    text-align: left;
    color: #333333;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}



 #rss {
    height: 190px;
    width: 100%;
    text-align: left;
    overflow-y:auto;  
	margin-top:5px;
	-webkit-box-sizing: border-box;
    box-sizing: border-box;
   overflow: scroll;
    overflow-x: hidden;
	 
}
		
	
	
	
.topContainer .deauBlock .deauLogo img{width:70%;
                                      height: auto;}
	
	
	
	
		
	
.topContainer .jitsureiContainer .box1 {background-color: #ffffff;
                                        height: auto;
                                        padding-bottom:20px;}


.topContainer .jitsureiContainer .box1 .textContainer {text-align: left;}

.topContainer .jitsureiContainer .box1 .textContainer h1 {
    padding: 0px;
   /* font-family: 'Oswald', sans-serif;*/
	font-family: 'Noto Serif JP', serif;
    font-size: 140%;
   /* font-weight: bolder;*/
    color: black;
    -webkit-text-stroke: 2px black;
    padding-left: 15px;
    border-left: 10px solid #000000;
	margin-top:30px;
	margin-bottom:10px;
	margin-left:10px;
	letter-spacing:6px;
	line-height: 100%;
}



.topContainer .jitsureiContainer .box1 .textContainer h2 {font-family: 'Noto Serif JP', serif;
                                                         color:#ff5a48;
                                                        font-size:100%;
                                                        margin-left:10px;
                                                        letter-spacing:3px;
                                                         margin-bottom:10px;}





.topContainer .jitsureiContainer .box1 .textContainer h3 {font-family: 'Noto Serif JP', serif;
                                                         color:#000000;
                                                        font-size:100%;
                                                        margin-left:10px;
                                                        letter-spacing:1px;
                                                         margin-bottom:10px;}

	
	
	
	
	
	

}








	 
	


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

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


	
	
		
.bg-slider {
	width: 100%;
	height: 100vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end; */
	justify-content: space-evenly;
}
	
	.text01 {top: 5%;
             left:5%;
	    
       }

	
	.text01 img{
		height: auto;
		width: 50%;
	}
	
	
	
	
/*	.topContainer .block1{
    background-image: url(../n-image/top/bg1.jpg);
    background-repeat: no-repeat;	
	background-position:center center;	
	
	
	 height: auto;
	padding-top:50px;
	padding-bottom:50px;
}*/	
	
	
	
	
	
.topContainer .side1 {margin-top:0px;
	padding-top:0px;
	padding-bottom:50px;
	width:100%;}		

.topContainer .side1 img{width:80%;
	                     height:auto;}	
	
	
	.topContainer .side2 {padding-top:0px;}
	
	.topContainer .side2 .side2-inner{
	
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    border-left: 2px solid #ED171B;
                                    }
		
	
	
	
	

	.topContainer .block2 {
	                      padding-top:50px;
                          padding-bottom:50px;
                      }
	
	

	
	
	
	 

	
.RssContainer {
    width: 100%;
    height: 190px;
  background-color: rgba(255,255,255,0.1);
    text-align: left;
    color: #333333;
    border-radius: 5px;          
    margin-top:10px;        
}
	
		
 #rss {
    height: 180px;
    width: 100%;
   
	
   
}
	
	
	
	
	
	.topContainer .deauBlock .deauLogo img{width:70%;
                                      height: auto;}
	
	
	
	
	
	
	
	
	
	
}




/*****TOP スマホ縦****/

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

	
		
.bg-slider {
	width: 100%;
	height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end; */
	justify-content: space-evenly;
}
	
	.text01 {top: 7%;
             left:3%;
	         width:95%;
		     height: auto;
       }

	
	.text01 img{
		height: auto;
		width: 100%;
	}
	
	
	
.readContainer h1 {font-size: 130%;
	              font-family: "Sawarabi Mincho"; 
                   letter-spacing: 5px;
                  color: #666666;}


.readContainer p {font-size:100%;
                  letter-spacing: 3px;
                 font-family: "Sawarabi Mincho";
	             color: #666666;}	
	
	
	
/*	.topContainer .block1{
    background-image: url(../n-image/top/bg1.jpg);
    background-repeat: no-repeat;	
	background-position:center center;	
	
	
	 height: auto;
	padding-top:50px;
	padding-bottom:50px;
}*/	
	
	
	
	
	
.topContainer .side1 {margin-top:0px;
	padding-top:0px;
	padding-bottom:20px;
	width:100%;}		

.topContainer .side1 img{width:80%;
	                     height:auto;}	
	
	
	.topContainer .side2 {padding-top:0px;}
	
	.topContainer .side2 .side2-inner{
	
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    border-left: 2px solid #ED171B;
                                    }
		
	
	
	
		.topContainer .block2 {
	                      padding-top:50px;
                          padding-bottom:0px;
                      }
	
	
	
	
	.RssContainer {
    width: 100%;
    height: 200px;
    text-align: left;
    color: #333333;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}



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

	.rssFont {font-size: 80%;}
  

	
	
	.topContainer .deauBlock .url {font-size:80%;}


	
	
	.topContainer .deauBlock .deauLogo img{width:90%;
                                      height: auto;}
	
	
	
	
	
	
	
	
.topContainer .jitsureiContainer .box1 .textContainer h1 {
    padding: 0px;
    /*font-family: 'Oswald', sans-serif;*/
	font-family: 'Noto Serif JP', serif;
    font-size: 130%;
    /*font-weight: bolder;*/
    color: black;
    -webkit-text-stroke: 2px black;
    padding-left: 15px;
    border-left: 10px solid #000000;
	margin-top:30px;
	margin-bottom:10px;
	margin-left:10px;
	letter-spacing:6px;
	line-height: 100%;
}



.topContainer .jitsureiContainer .box1 .textContainer h2 {/*font-family: 'Noto Sans JP', sans-serif;*/
	                                                     font-family: 'Noto Serif JP', serif;
                                                         color:#ff5a48;
                                                        font-size:100%;
                                                        margin-left:10px;
                                                        letter-spacing:3px;
                                                         margin-bottom:10px;}





.topContainer .jitsureiContainer .box1 .textContainer h3 {font-family: 'Noto Serif JP', serif;
                                                         color:#000000;
                                                        font-size:100%;
                                                        margin-left:10px;
                                                        letter-spacing:1px;
                                                         margin-bottom:10px;}

	
}


































/******************************************
             プライバシーポリシー
/***************************************/


.privacy-img {
    width: 99.1vw;
    height: 70vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    /*align-items:flex-end;*/
    justify-content: center;
    position: relative;
    background-color: #090808;
    background-image: url(../image/privacy/main.jpg);
}

.privacyContainer {}


.privacyContainer  .title2 h2{/*font-family: 'Noto Sans JP', sans-serif;*/
	                   font-family: 'Noto Serif JP', serif;
	                   font-size:150%;
	                   font-weight: bold;
	                  letter-spacing:4px;
	                   
                      }	


/*****************************************/
/*960px～1024px :タブレット横
******************************************/
@media screen and (min-width:960px) and (max-width: 1024px){
	
	
.privacy-img {
    background-image: url(../image/privacy/main.jpg);
	width: 100vw;
	height: 60vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items:flex-end;*/
	justify-content: center;
	}	
		
	
}




/****************************************/
/* 668px〜959px：タブレット縦
*****************************************/
@media screen and (min-width:668px) and (max-width:959px) {
	
	
.privacy-img {
    background-image: url(../image/privacy/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
	
	
}







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

.privacy-img {
    background-image: url(../image/privacy/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
		

}







/********************************************/
/*スマホ縦
*********************************************/
@media (max-width: 479px){
	
.privacy-img {
    background-image: url(../image/privacy/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center 70%;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}	

	

}





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

.inquiry-img {
    width: 99.1vw;
    height: 70vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    /*align-items:flex-end;*/
    justify-content: center;
    position: relative;
    background-color: #090808;
    background-image: url(../image/inquiry/main.jpg);
}

.inquiryContainer {}


.inquiryContainer  .title2 h2{/*font-family: 'Noto Sans JP', sans-serif;*/
	                   font-family: 'Noto Serif JP', serif;
	                   font-size:150%;
	                   font-weight: bold;
	                  letter-spacing:4px;
	                   
                      }	










.inquiryContainer .eigyou {padding-top:3px;
                        padding-bottom:3px;
	                   color: #ffffff;
                       background-color: #ff5a48;
	                   -webkit-border-radius: 3px;
                       border-radius: 3px;
	                 
                        }


.inquiryContainer #form-container table {width:100%;}

.inquiryContainer #form-containe tr {
    border-bottom: 1px dotted #CCCCCC;
}

.inquiryContainer #form-container th {width:25%;
	             font-weight: normal;
	             color: #666666;
	             font-family: 'Noto Sans JP', sans-serif;
                   font-size:100%;
                  padding-top:10px;
                    padding-bottom:10px;
border-bottom: 1px dotted #CCCCCC;}


.inquiryContainer #form-container td {padding-top:10px;
                    padding-bottom:10px;
border-bottom: 1px dotted #CCCCCC;
}




.inquiryContainer select.formWide{max-width: 400px;
                                 width:100%;
　　　　　　　　　　　　　　　　　line-height: 33px;
                                  height: 33px;}

.inquiryContainer input.formWide{max-width: 400px;
                                 width:100%;}


.inquiryContainer input[type=checkbox] {
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}


.inquiryContainer textarea {max-width: 400px;
                                 width:100%;}






.inquiryContainer .hissu1 {color: #ff5a48;}









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

.inquiry-img {
    background-image: url(../image/inquiry/main.jpg);
	width: 100vw;
	height: 60vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items:flex-end;*/
	justify-content: center;
	}	
	
}




/****************************************/
/* 668px〜959px：タブレット縦
*****************************************/
@media screen and (min-width:668px) and (max-width:959px) {
	
.inquiry-img {
    background-image: url(../image/inquiry/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}	
	
	.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-img {
    background-image: url(../image/inquiry/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
	
	

.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){
	
.inquiryContainer .telfax{/*font-family: 'Noto Sans JP', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	                   font-size:130%;
	                   font-weight: 600;
                       letter-spacing:4px;
	                   color: #666666;
	                  
                       }
	
	

	.inquiryContainer .pageTitle {font-size: 200%;}
	
	
	
.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%;
	                }	

	
	
	

}



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


.recruit-img {
    width: 99.1vw;
    height: 70vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    /*align-items:flex-end;*/
    justify-content: center;
    position: relative;
    background-color: #090808;
    background-image: url(../image/recruit/main.jpg);
}


.recruitContainer {}






.recruitContainer  h2{/*font-family: 'Noto Sans JP', sans-serif;*/
	                   font-family: 'Noto Serif JP', serif;
	                   font-size:150%;
	                   font-weight: bold;
	                  letter-spacing:4px;
	                   
                      }	



.bosyuTitle { font-family: "Sawarabi Mincho";
	         background-color:#44af35;
	        padding:10px;
                color: #ffffff;
               font-size:130%;
	         font-weight: bold;
	         margin-bottom: 30px;
	        letter-spacing: 5px;
              }


.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; }



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



.recruitContainer .table01 .th1{
	                  font-weight: bold;
                       vertical-align: middle;
	                  /*  text-align: center;*/
　　　　　　　　　　　　width:18%;}


.recruitContainer .table01 .td1{vertical-align: middle;
                       width:82%;}






.recruitContainer #form-container table {width:100%;}

.recruitContainer #form-containe tr {
    border-bottom: 1px dotted #CCCCCC;
}

.recruitContainer #form-container th {width:25%;
	             font-weight: normal;
	             color: #666666;
	             font-family: 'Noto Sans JP', sans-serif;
                   font-size:100%;
                  padding-top:10px;
                    padding-bottom:10px;
border-bottom: 1px dotted #CCCCCC;}


.recruitContainer #form-container td {padding-top:10px;
                    padding-bottom:10px;
border-bottom: 1px dotted #CCCCCC;
}




.recruitContainer select.formWide{max-width: 400px;
                                 width:100%;
　　　　　　　　　　　　　　　　　line-height: 33px;
                                  height: 33px;}

.recruitContainer input.formWide{max-width: 400px;
                                 width:100%;}


.recruitContainer input[type=checkbox] {
  -ms-transform: scale(1.3, 1.3);
  -webkit-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}


.recruitContainer textarea {max-width: 400px;
                                 width:100%;}






.recruitContainer .hissu1 {color: #ff5a48;}


.telfax2{/*font-family: 'Noto Sans JP', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	                   font-size:300%;
                       letter-spacing:4px;
	                   color: #666666;
                       }



.telfax2 a {color:#666666;}






/*****************************************/
/*960px～1024px :タブレット横
******************************************/
@media screen and (min-width:960px) and (max-width: 1024px){
	
	
.recruit-img {
    background-image: url(../image/recruit/main.jpg);
	width: 100vw;
	height: 60vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items:flex-end;*/
	justify-content: center;
	}	
		
	
}





/****************************************/
/* 668px〜959px：タブレット縦
*****************************************/
@media screen and (min-width:668px) and (max-width:959px) {
	
	
.recruit-img {
    background-image: url(../image/recruit/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
	
	
}





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

.recruit-img {
    background-image: url(../image/recruit/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
		

}




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

.recruit-img {
    background-image: url(../image/recruit/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}	
	
	
	
	
.recruitContainer .table01 {font-size: 80%;}



.recruitContainer .table01 .th1{
	                  font-weight: bold;
                       vertical-align: middle;
	                  /*  text-align: center;*/
　　　　　　　　　　　　width:25%;}


.recruitContainer .table01 .td1{vertical-align: middle;
                       width:75%;}	

	
	
	
.telfax2{/*font-family: 'Noto Sans JP', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
	                   font-size:150%;
                       letter-spacing:4px;
	                   color: #666666;
                       }



.telfax2 a {color:#666666;}	
	
	
	
	
}





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

.blog-img {
    width: 99.1vw;
    height: 70vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    /*align-items:flex-end;*/
    justify-content: center;
    position: relative;
    background-color: #090808;
    background-image: url(../image/blog/main.jpg);
}







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


.blog-img {
    background-image: url(../image/blog/main.jpg);
	width: 100vw;
	height: 60vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items:flex-end;*/
	justify-content: center;
	}	
			
	
	
	
}




/****************************************/
/* 668px〜959px：タブレット縦
*****************************************/
@media screen and (min-width:668px) and (max-width:959px) {
	
	
.blog-img {
    background-image: url(../image/blog/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
	

}



/********************************************/
/* 480px〜667px：SP横
*********************************************/
@media screen and (min-width:480px) and (max-width:667px) {
	
.blog-img {
    background-image: url(../image/blog/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}	
	
			

	


}

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

.blog-img {
    background-image: url(../image/blog/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}	
	


	

}











/* =========================================================
case　施工例
========================================================= */

.case-img {
    width: 99.1vw;
    height: 70vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    /*align-items:flex-end;*/
    justify-content: center;
    position: relative;
    background-color: #090808;
    background-image: url(../image/case/main.jpg);
}







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


.case-img {
    background-image: url(../image/case/main.jpg);
	width: 100vw;
	height: 60vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items:flex-end;*/
	justify-content: center;
	}	
			
	
	
	
}




/****************************************/
/* 668px〜959px：タブレット縦
*****************************************/
@media screen and (min-width:668px) and (max-width:959px) {
	
	
.case-img {
    background-image: url(../image/case/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
	

}



/********************************************/
/* 480px〜667px：SP横
*********************************************/
@media screen and (min-width:480px) and (max-width:667px) {
	
.case-img {
    background-image: url(../image/case/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}	
	
			

	


}

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

.case-img {
    background-image: url(../image/case/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}	
	


	

}











/******************************************
              会社概要
/***************************************/


.companyContainer {}

.companyContainer .item-section {margin-bottom: 100px;}

.company-img {
    width: 99.1vw;
    height: 70vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    /*align-items:flex-end;*/
    justify-content: center;
    position: relative;
    background-color: #090808;
    background-image: url(../image/company/main.jpg);
}

.title01 {
	color: #aacc03;
	font-size:200%;
	letter-spacing: 7px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
    font-weight: bold;}


.companyContainer .textBox{padding:10px;
                           background-color: #ffffff;}


.mapContainer {height: 400px;}

.staffBlock {font-family: 'Noto Serif JP', serif;
             line-height: 160%;
             }

.staffBox  {background-color: #ffffff;}

.staffBox .textArea {padding:5px;}

.companyContainer table {background-color: #ffffff;}


/*****************************************/
/*960px～1024px :タブレット横
******************************************/
@media screen and (min-width:960px) and (max-width: 1024px){
	
	
.company-img {
    background-image: url(../image/company/main.jpg);
	width: 100vw;
	height: 60vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items:flex-end;*/
	justify-content: center;
	}	
		
	
}









/****************************************/
/* 668px〜959px：タブレット縦
*****************************************/
@media screen and (min-width:668px) and (max-width:959px) {
	
	
.company-img {
    background-image: url(../image/company/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
	
	
}





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

.company-img {
    background-image: url(../image/company/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
		

}







/********************************************/
/*スマホ縦
*********************************************/
@media (max-width: 479px){
	
.company-img {
    background-image: url(../image/company/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}	

	
 .mapContainer {height: 350px;}	

	
	
	
.companyContainer .pageTitle {font-family: "Sawarabi Mincho"; 
	              color: #333333;
                   font-size:200%;
                   letter-spacing: 2px;}	
	

}





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


.faq-img {
    width: 99.1vw;
    height: 70vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    /*align-items:flex-end;*/
    justify-content: center;
    position: relative;
    background-color: #090808;
    background-image: url(../image/faq/main.jpg);
}


.faqContainer {}




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





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

}





.q {color: firebrick;
	font-size:120%;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;

    }





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

}


.a {color:darkgreen;
	font-size:120%;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    }






.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){
	
	
.faq-img {
    background-image: url(../image/faq/main.jpg);
	width: 100vw;
	height: 60vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items:flex-end;*/
	justify-content: center;
	}	
		
	
}







/****************************************/
/* 668px〜959px：タブレット縦
*****************************************/
@media screen and (min-width:668px) and (max-width:959px) {
	
	
	
	
.faq-img {
    background-image: url(../image/faq/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
	
	
	
.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) {
	
	
	
.faq-img {
    background-image: url(../image/faq/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
	
	
	.tableFaq .td1 {padding-bottom: 30px;
               width:15%;}




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



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

.faq-img {
    background-image: url(../image/faq/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
	
	
	
.circle{
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #d85230;
  
  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: #379b7e;
  text-align:center;
 line-height: 40px;
 color: #ffffff;
font-size: 100%;
font-weight: lighter;
font-family: 'Open Sans', sans-serif;

}
	

	
	
	
.q {
	color:#db85230;
	font-size:100%;
	font-weight: lighter;
    font-family: "Noto Sans JP";
    }
	
.a {
	color: #379b7e;
	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%;}
	
	
	
}




/******************************************
              家づくり
/***************************************/


.service-img {
    width: 99.1vw;
    height: 70vh;
    background-position: center center;
    background-size: cover;
    display: flex;
    /*align-items:flex-end;*/
    justify-content: center;
    position: relative;
    background-color: #090808;
    background-image: url(../image/service/main.jpg);
}




.serviceContainer {}


.para01{height: 400px;}


.flowBox {
    border: 1px solid #CCCCCC;
	background-color: #ffffff;
}

.flowItemBox1 { display: flex;
  align-items: center;
  justify-content: center;}



.flowItemBox2 { display: flex;
  align-items: center;
  justify-content:left;}


.number {
    font-family: 'Anton', sans-serif;
    border-bottom: 3px solid #333333;
	border-color:#379b7e;
    font-size: 200%;
    letter-spacing: 5px;
    color:#379b7e;
        }

.flowItemTitle {width:100%;
               font-size:120%;
               font-weight: 600;
	           letter-spacing: 5px;
	           padding-top:5px;
	           padding-bottom:5px;
               }

.fa-caret-down {
    font-size: 200%;
    color: #379b7e;
                }



.serviceContainer .item-section {margin-bottom: 100px;}





.serviceContainer .pageTitle2 {font-family: "Sawarabi Mincho"; 
	              color: #379b7e;
                   font-size:150%;
                   letter-spacing: 5px;}


.serviceContainer .line03 {
    border-top: 1px dotted #666666;
    margin-top: 50px;
    margin-bottom: 50px;
   
}



/*****************************************/
/*960px～1024px :タブレット横
******************************************/
@media screen and (min-width:960px) and (max-width: 1024px){
	
	
.service-img {
    background-image: url(../image/service/main.jpg);
	width: 100vw;
	height: 60vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items:flex-end;*/
	justify-content: center;
	}	
			

.para01{height: 400px;}
	
}




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

.service-img {
    background-image: url(../image/service/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
	
	
.para01{height: 400px;}
	

}





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

.service-img {
    background-image: url(../image/service/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}	
	
		.number {
    font-family: 'Anton', sans-serif;
    border-bottom: 3px solid #333333;
	border-color:#379b7e;
    font-size: 200%;
    letter-spacing: 5px;
    color:#379b7e;
	margin-top:10px;
	margin-bottom:10px;
        }

}



/********************************************/
/*スマホ縦
*********************************************/
@media (max-width: 479px){
	
	
.serviceContainer {overflow: hidden;}	
	
.service-img {
    background-image: url(../image/service/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}	
	
	
	.para01{height: 350px;}
	
.serviceContainer .pageTitle {font-family: "Sawarabi Mincho"; 
	              color: #333333;
                   font-size:170%;
                   letter-spacing: 3px;}
	
.serviceContainer .pageTitle2 {font-family: "Sawarabi Mincho"; 
	              color: #379b7e;
                   font-size:120%;
                   letter-spacing: 1px;}	
	
	
	.number {
    font-family: 'Anton', sans-serif;
    border-bottom: 3px solid #333333;
	border-color:#379b7e;
    font-size: 200%;
    letter-spacing: 5px;
    color:#379b7e;
	margin-top:10px;
	margin-bottom:10px;
        }
	
	
}