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

.html{
overflow-x: hidden;
	word-wrap: break-word;
    overflow-wrap: break-word;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
}


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

p {line-height: 180%;}

.wf-notosansjapanese { font-family: "Noto Sans JP"; }


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:338px;
               float:left;
               padding-top:10px;}

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

.logoContainer p {font-family: "Noto Sans JP";
	padding:0px;
                  margin: 0px;}



.heart {
	
    width: 80px;
    height: 80px;
    background-image: url(../image/logo-roll1.png);
	background-position: center center;
	
	        }




.logoName {
    width: 258px;
    height: 80px;
    background-image: url(../image/logoName.svg);
    background-repeat: no-repeat;
}




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

.toiawaseBtn {width:240px;
	          padding-top:0px;
              }



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




.navi-outerBack{background-color:#abe6ce; }








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


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

.menu > li {
	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: 500;
	
}

.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;
    border-bottom: 1px solid #333333;
}

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



.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:100px;
}




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

}

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:180px;
}



li.menu__03 ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 130%;
    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:130px;

}








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



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






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









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

/*タブレット横*/
@media screen and (min-width:960px) and (max-width: 1024px){
	
.menu > li {
	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:0px;
	
}	
	
	
	
	

	
	.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:140px;

}

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:180px;
}

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:125px;

}

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:120px;
}






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



	
	
	
	
	
	
	
	
	
	
	
	
	
	.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: #333333;
	/* ハンバーガーメニュー三本線の色 */
}


/* 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: #ffd3be;
    color: #333333;
    border: 1px solid #cccccc;
    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: 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;
		width:250px;
		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: #ABE6CE;
	color: #ffffff;
	padding-top: 30px;
	padding-bottom: 30px;
	
	width: 100%;
}


  
 .footNavi {
	 font-family: "Noto Sans JP";
    position: relative;
    overflow: hidden;
    padding-bottom: 15px;
    border-bottom: 1px solid #333333;
	 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-weight: 500;
	 font-size: 85%;
	color: #333333;}



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





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





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




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



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

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


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



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







.catch-text-footer{}


.catch-text-footer h1{font-size:130%;
                      color: #abe6ce;
                      font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
                      letter-spacing:5px;
                      font-weight: 600;}


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






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








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



.telfax a {color:#666666;}


.obi01 {
    background-color: #ffaaa6;
	color: #ffffff;
    text-align: center;
    vertical-align: middle;
    font-size: 140%;
    font-weight: bold;
	letter-spacing: 15px;
	padding-top:7px;
        }







.pageTitle {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #abe6ce;
                   font-size:250%;
                   letter-spacing: 5px;}




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

/*.animation001 {}

.animation002 {}

.animation003 {}

*/

/*scroll-text-anime.jsと連動*/
.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);
    }
  }










/****************************************
アニメーション　回転
/***************************************/

.roll-icon {
	width: 80px;
    height: 80px;
    background-image: url(../image/logo-roll2.png);
	background-position: center center;
	animation: roll_animation 22s linear infinite ;
	    
      }


      @keyframes roll_animation {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }









/****************************************
アニメーション　
/***************************************/






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

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


.logoContainer {width:338px;
               float:left;
               padding-top:10px;}	
	
	
	.logoContainer img {width:100%;
	                   height: auto;}		
	

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

/*タブレット縦*/

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

.headArea {
    background-color: #ffffff;
    border-bottom: 4px solid #abe6ce;
	      }	
	
.s-info h1 { font-size: 130%;}
	

	
/*.logoContainer {width:300px;
               float:left;
               padding-top:10px;}	
	
	
	.logoContainer img {width:100%;
	                   height: auto;}	*/

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

	
	
	



	


.toiawaseBtn {width:350px;
	          padding-top:5px;
              }


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


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

	
.catch-text-footer h1{font-size:110%;
                      color: #abe6ce;
                      font-family: 'Montserrat', sans-serif;
                      letter-spacing:5px; }	
	
	
	
.otoiawaseContainer {
    background-image: url("../image/item2.jpg");
    background-repeat: no-repeat;
	background-size: cover;
	background-position:top center;
	height: 450px;
	padding-top:150px ;
}
	
	
.catch-text-footer h1{font-size:100%;
                      color: #abe6ce;
                      font-family: 'Montserrat', sans-serif;
                      letter-spacing:5px; }	
	

}

 



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

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

.logoContainer {width:338px;
               float:none;
               padding-top:10px;
	            margin-left:auto;
	 margin-right:auto;}		
	
.heart {
	
    width: 80px;
    height: 80px;
    background-image: url(../image/logo-roll1.png);
	background-position: center center;
	
	        }




.logoName {
    width: 258px;
    height: 80px;
    background-image: url(../image/logoName.svg);
    background-repeat: no-repeat;
}	
	
	
	
	
	
	
	
	.headArea {
    background-color: #ffffff;
    border-bottom: 2px solid #44AF35;
	      }	
	
	.tel-block {margin-top: 30px;
	
       }
	
		
	.blockR {float:none;
         padding-top:10px;
		padding-bottom:10px;
	  margin-left:auto;
	 margin-right:auto;}
	
.catch-text-footer h1{font-size:92%;
                      color: #abe6ce;
                      font-family: 'Montserrat', sans-serif;
                      letter-spacing:5px; }		


}



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



	
.headArea {
    background-color: #ffffff;
    border-bottom: 2px solid #44AF35;
	      }	
	

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

	
	
	
	
	
	.roll-icon {
	width: 54px;
    height: 54px;
    background-image: url(../image/logo-roll4.png);
	background-position: center center;
	animation: roll_animation 10s linear infinite ;
	    
      }
	
	
	
	
	.heart {
	
    width: 54px;
    height: 54px;
    background-image: url(../image/logo-roll3.png);
	background-position: center center;
	
	        }




.logoName {
    width: 168px;
    height: 54px;
	margin-right:25px;
    background-image: url(../image/logoName2.svg);
    background-repeat: no-repeat;
}	
	
	
	
	
	
	
	
	

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


.toiawaseBtn {width:190px;
	          padding-top:0px;
              }


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


	
	
.catch-text-footer h1{font-size:95%;
                      color: #abe6ce;
                      font-family: 'Montserrat', sans-serif;
                      letter-spacing:3px; }			


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

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


	
	
	

}


















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


.topContainer {

	
}	





.bg-slider {
    width: 99.1vw;
    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: 28%;
left:10%;

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;

}


/*.text01 img{
		height: auto;
		width: 700px;
	}
	


*/


@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);
}
}





.text01 img{
		height: auto;
		width: 700px;
	}
	














.Gsans {font-family: 'Montserrat', sans-serif;
       letter-spacing: 3px;}




.postgridTitle {font-family: "M PLUS Rounded 1c"; 
               letter-spacing: 3px;
               font-size: 200%;
                color: "#31b188;"}






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


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


.informationTitle {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #aacc03;
                   font-size: 200%;
                   letter-spacing: 5px;}


.RssContainer {
    width: 100%;
    height: 140px;
    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: 140px;
    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;
	 
}


 #rss2 {
    height: 140px;
    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;
	 
}




.rss1 {color:#666666;
       font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	}


.rss2 a {color:#666666;
         font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	}




/* スクロールの幅の指定 */
#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;}




.introText {overflow:hidden;
            }





.catchTitle {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
            font-size: 200%;
             letter-spacing: 5px;
             color:#abe6ce;}


.catchTitle2 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
            font-size: 300%;
             letter-spacing: 5px;
             color:#ff8c94;}


.topContainer .item1{width:200px;
                    margin-right: auto;
                    margin-left: auto;}	


.topContainer .item1 img{width:100%;
                         height: auto;}	



.okomariContainer {overflow:hidden;
}

.okomariContainer .itemBox {
    border: 1px solid #CCCCCC;
	width:30%;
	
	
}

.okomariContainer h3{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
            font-size: 110%;
             letter-spacing: 5px;
	         font-weight: 400;
             color:#31b188;}



.okomariContainer .descriptionBox {line-height: 200%;}


.okomariContainer .descriptionBox .fa-square-check{color:#ff8c94;
                                           padding-right: 3px;}


.bnrContainer{
    background-image: url(../image/top/bnrContainer.jpg);
    background-repeat: no-repeat;
    background-position: center top;
	height: 350px;
  display: flex;
  align-items: center;
  justify-content: center;
 padding-bottom:100px;
}










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


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

	

	
	
	
	
	
.text01 {top: 40%;
        left:10%;
	   
       }
	
	
	
	
	
	.text01 img{
		height: auto;
		width: 60%;
	}
	

	
	
	

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



 #rss {
    height: 160px;
    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;
	 
}
	
	
	

.bnrContainer{
    background-image: url(../image/top/bnrContainer.jpg);
    background-repeat: no-repeat;
    background-position: center top;
	height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
 padding-bottom:100px;
}
	
	
	
	
	
	
}







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


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


	

	
	
	
	
	
.text01 {top: 40%;
        left:10%;
	   
       }	
	
	
	
	
	.text01 img{
	height: auto;
	width: 60%;
	}
	


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



 #rss {
    height: 160px;
    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;
	 
}
		
	
.okomariContainer .itemBox {
    border: 1px solid #CCCCCC;
	width:45%;}
	
	

	
	
	

.bnrContainer{
    background-image: url(../image/top/bnrContainer.jpg);
    background-repeat: no-repeat;
    background-position: center top;
	height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
 padding-bottom:100px;
}	
	
	
	
	
	
	
	

}








	 
	


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

/* 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: 40%;
             left:10%;
	    
       }

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

	
	
	 

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


	
	
.okomariContainer .itemBox {
    border: 1px solid #CCCCCC;
	width:50%;
	
}	
	
	
	
	

.bnrContainer{
    background-image: url(../image/top/bnrContainer.jpg);
    background-repeat: no-repeat;
    background-position: center top;
	height: 700px;
  display: flex;
  align-items: center;
  justify-content: center;
 padding-bottom:100px;
}	
	
	
	
	
	
}



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

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

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

	
	.text01 img{
	height: auto;
	width: 75%;
	}
	
	
	
	
	
	
	.RssContainer {
    width: 100%;
    height: 180px;
    text-align: left;
    color: #333333;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
}



 #rss {
    height: 160px;
    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%;}
  

.okomariContainer {overflow:hidden;
	margin-left:5px;
	margin-right: 5px;
}
	
.okomariContainer .itemBox {
    border: 1px solid #CCCCCC;
	width:90%;}	
	
	
	
.catchTitle2 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
            font-size: 180%;
             letter-spacing: 5px;
             color:#ff8c94;}	
	
	
.bnrContainer{
    background-image: url(../image/top/bnrContainer.jpg);
    background-repeat: no-repeat;
    background-position: center top;
	height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
 padding-bottom:100px;
}		
	
	

	
}











/******************************************
             ごあいさつ
/***************************************/


.profileContainer {}


.profileContainer .item-section h2 {
    padding-top: 200px;
    margin-top:-200px;
}



.profile-img {
    width: 99.1vw;
    height: 50vh;
    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/profile/main.jpg);
	
}

.profileContainer .style01 {color:#ffaaa6;
                           font-weight: 400;
                           letter-spacing:5px;
                           font-size:120%;}


.profileContainer .title01 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #254368;
                   font-size:100%;
                   letter-spacing: 5px;
                   padding-bottom:10px;}


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


.profile-img {
    background-image: url(../image/profile/main.jpg);
	width: 100vw;
	height: 50vh;
	background-position:70% 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) {
	

.profile-img {
    background-image: url(../image/profile/main.jpg);
	width: 100vw;
height: 40vh;
	background-position:70% 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) {
	

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

	


}

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

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

.profileContainer .style01 {color:#ffaaa6;
                           font-weight: 200;
                           letter-spacing:0px;
                           font-size:100%;}
	

}







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

.blogContainer {}

.blog-img {
    width: 99.1vw;
    height: 50vh;
    background-position: 40% 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);
	

	
}


.blogContainer .mapContainer {height: 400px;
                             overflow:hidden;}



.blogContainer table {width:100%;
                    
                     	}

.blogContainer table tr { border: 1px solid #666666;
   
}

.blogContainer table td { border: 1px solid #666666;
   
}

	
.blogContainer .th1 {
    background-color: #abe6ce;
    text-align: center;	 
	vertical-align: middle;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
                     }




.blogContainer .td1 {width: 82%;
	                font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	                vertical-align: middle;
                    }



.blogContainer .mapContainer {height: 400px;
                             overflow:hidden;}



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


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

.blogContainer .mapContainer {height: 300px;
	                          overflow:hidden;
	                         }
	

}







/******************************************
            お申込み・お問合せ
/***************************************/


.inquiry-img {
    width: 99.1vw;
    height: 50vh;
    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 .eigyou {padding-top:3px;
                        padding-bottom:3px;
	                   color: #ffffff;
                       background-color:#7ace68;
	                   -webkit-border-radius: 3px;
                       border-radius: 3px;
	                 
                        }


.inquiryContainer #form-container{overflow:hidden;}

.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 #mailformpro textarea {max-width:800px !important;
height:100px;}

/*element.style {max-width:600px !important;
height:80px;}
*/
.inquiryContainer .hissu1 {color: #ff8c94;}









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

.inquiry-img {
    background-image: url(../image/inquiry/main.jpg);
	width: 100vw;
	height: 50vh;
	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;
                }
	
	

	
	

}







/********************************************/
/*スマホ縦
*********************************************/
@media (max-width: 479px){
	
	
.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;
	}	
	
	
	
	.inquiryContainer .pageTitle {font-size:160%;}	
	
.inquiryContainer .telfax{
     	                   font-size:160%;
                       letter-spacing:4px;
	                   color: #666666;
                       }
	
	
	
	
	
.inquiry .textArea p{font-size:100%;
	text-align: left;}
	

.telnumber {
    font-size: 200%;
    margin-top: 20px;
                }
	
	.inquiryContainer .time {font-size:90%;}

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


.inquiryContainer #form-container{}

.inquiryContainer #form-container table {overflow:hidden;
	                                     width:95%;}	
	
	
 #mailformpro textarea
{ max-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%;
	                }	

	
	
	

}


























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

.privacy-img {
    width: 99.1vw;
    height: 50vh;
    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: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
    font-size: 150%;
    letter-spacing: 5px;
    color: #abe6ce;
	                   
                      }	



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



}




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


.faq-img {
    width: 99.1vw;
    height: 50vh;
    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;
}


.faqContainer .border01 {border-bottom: 1px;
    border-bottom: 1px dotted #CCCCCC;
	
}


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

}





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

}




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




.tableFaq .td2 {padding-top:13px;
	            padding-bottom: 30px;
                width: 90%;
                vertical-align: middle;}


/*****************************************/
/*960px～1024px :タブレット横
******************************************/
@media screen and (min-width:960px) and (max-width: 1024px){
	
	
.faq-img {
    background-image: url(../image/faq/main.jpg);
	width: 100vw;
	height: 50vh;
	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%;
   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%;
  text-align:center;
 line-height: 40px;
 color: #ffffff;
font-size: 100%;
font-weight: lighter;
font-family: 'Open Sans', sans-serif;

}
	




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




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




/******************************************
             ご相談について
/***************************************/


.service-img {
    width: 99.1vw;
    height: 50vh;
    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 {}

.serviceContainer .item-section h2 {
    padding-top: 200px;
    margin-top:-200px;
}




.shurui { margin-top:50px;
          margin-bottom:50px;}


.shurui .title01 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #254368;
                   font-size:150%;
                   letter-spacing: 5px;
                   padding-bottom:10px;}

.shurui .title02 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #254368;
                   font-size:120%;
                   letter-spacing: 5px;
                   padding-bottom:5px;
                   padding-top:20px;}




.serviceBlock {background-color: #ffd3be;
              padding-top:20px;
              padding-bottom: 20px;}


.serviceBlock-Title{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #FFFFFF;
                   font-size:250%;
                   letter-spacing: 5px;}



.serviceContainer .itemBox{
    padding: 10px;
	padding-top:20px;
    background-color: #FAF7F0;
    border-radius: 5px;
}














.itemBox .boxTitle{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #abe6ce;
                   font-size:200%;
	               font-weight: 600;
                   letter-spacing: 5px;
                   padding-bottom:10px;
	               
                   }


.itemBox .title01 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #254368;
                   font-size:150%;
                   letter-spacing: 5px;
                   padding-bottom:10px;}



.itemBox .title02 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #666666;
                   font-size:130%;
	               font-weight: 600;
                   letter-spacing: 5px;
                   padding-bottom:10px;}



.itemBox .title03 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #31b188;
                   font-size:200%;
                   letter-spacing: 5px;
                   padding-bottom:10px;}


.itemBox .title04 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #abe6ce;
                   font-size:200%;
	               font-weight: 600;
                   letter-spacing: 3px;
                   padding-bottom:10px;}

.serviceContainer .itemBox .tr1 {width:15%;	 
	                             vertical-align: middle;
	                             letter-spacing:5px; }

.serviceContainer .itemBox .td1 {text-align: left;
	                             vertical-align: middle;
	                             letter-spacing:5px; }



.para01{height: 400px;}



.serviceContainer .priceContainer { text-align: center;	 
	vertical-align: middle;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;}


.serviceContainer .priceContainer table {overflow: hidden;}


.serviceContainer .priceContainer td {border-color:#666666; 
                                      text-align: center;	 
	                                  vertical-align: middle;}




.serviceContainer .priceContainer .tr1 {text-align: center;	 
	                                    vertical-align: middle;
	                                    background-color: #ffe382;
                                        letter-spacing:5px; }

.serviceContainer .th1 {
    background-color: #abe6ce;
    text-align: center;	 
	vertical-align: middle;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
                     }




.serviceContainer .td1 {
	                font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	                text-align: center;	 
	                vertical-align: middle;
                    }



.serviceContainer .td2 {
	                font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;
	                text-align: left !important;	 
	                vertical-align: middle;
                    }




.cancelContainer .title01 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #254368;
                   font-size:130%;
                   letter-spacing: 5px;
                   padding-bottom:10px;}






.serviceContainer .flowNumber{color: #254368;
	                          font-weight: 600;
                              padding-right:10px;
                              vertical-align: text-top;}



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


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


.service-img {
    background-image: url(../image/service/main.jpg);
	width: 100vw;
	height: 50vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	/*align-items:flex-end;*/
	justify-content: center;
	}	
	
	
	
.itemBox .boxTitle{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	             color: #abe6ce;
                   font-size:170%;
                   letter-spacing: 5px;}	
	
	
	
	
	.para01{height: 280px;}
	
}




/****************************************/
/* 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: 280px;}
	
.itemBox .title03 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #31b188;
                   font-size:200%;
                   letter-spacing: 3px;
                   padding-bottom:10px;}	
	
.itemBox .title04 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #abe6ce;
                   font-size:180%;
	               font-weight: 600;
                   letter-spacing: 3px;
                   padding-bottom:10px;}	
	

}





/********************************************/
/* 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;
	}
	
	
.itemBox .title03 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #31b188;
                   font-size:150%;
                   letter-spacing: 5px;
                   padding-bottom:10px;}	
	

}



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

.service-img {
    background-image: url(../image/service/main.jpg);
	width: 100vw;
    height: 40vh;
	background-position:60% center;
	background-size: cover;
	display: flex;
	/*align-items: flex-end;*/
	justify-content: center;
	}		
	
	
	
.shurui .title01 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #254368;
                   font-size:100%;
                   letter-spacing: 2px;
                   padding-bottom:10px;}	
	
	
.serviceContainer .pageTitle {font-size:160%;}		
	
.itemBox .boxTitle{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
                    color: #abe6ce;
                   font-size:130%;
                   letter-spacing: 5px;}	
	
	
	
.itemBox .title03 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #31b188;
                   font-size:120%;
                   letter-spacing: 5px;
                   padding-bottom:10px;}	
	
	
	.para01{height: 200px;}
	
	
	.itemBox .title04 {font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, sans-serif;	
	              color: #abe6ce;
                   font-size:130%;
	               font-weight: 600;
                   letter-spacing: 3px;
                   padding-bottom:10px;}	
	


	
	
}