1224shimon
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
@import url(https://fonts.googleapis.com/earlyaccess/kokoro.css);

/***********************************************/
/* AIA.                                        */
/* data:2007/5/24                            */
/***********************************************/


@media print { 



@page {margin: 12.7mm 9.7mm;}


body,#contents{
background-color:#fff!important;
	}
#contents{
margin-top:-10000px;
}
#wrapper,#drawer,.accordion-menu,#navigation,#smbt {display: none;}
#header {display: none;}
#info{display: none;}

#maincontents-index.top h2,#maincontents-top h2.top {margin-top:-10000px;}

#h1 {display: none;}
#header {display: none;}


#header-tel {display: none;}
#navigation,#snavigation1,#snavigation2,#snavigation3,#snavigation4 {display: none;}
#dropdownlink,.accordion-menu {display: none;}
#drawer {display: none;}
#maincontents-sns {display: none;}
#toiawase {display: none;}
#footer {display: none;}
#copyright {display: none;}
#mokuji2 {display: none;}

}
.iframe {
  width: 100%;
  height: 100%;
}


/* --------------------------
     全端末共通のCSS
-------------------------- */
.datagrid table { border-collapse: collapse; text-align: left; width: 100%;} .datagrid {font: normal 18px/150%; background: #fff; overflow: hidden; border: 5px solid #3291F0; }

/*通常フォント*/
@font-face{
	/*font-family: 'mplus-1p-light';*/ /* お好きな名前に */
	src: url('font/mplus-1p-light.eot'); /* IE9以上用 */
	src: url('font/mplus-1p-light.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
	url('font/mplus-1p-light.woff') format('woff'), /* モダンブラウザ用 */
	url('font/mplus-1p-light.woff2') format('woff2'), /* モダンブラウザ用 */
	url('font/mplus-1p-light.ttf') format('truetype'); /* iOS, Android用 */
}


/*見出しフォント*/
@font-face{
	font-family: 'rounded-l-mplus-2p-regular'; /* お好きな名前に */
	src: url('font/rounded-l-mplus-2p-regular.eot'); /* IE9以上用 */
	src: url('font/rounded-l-mplus-2p-regular.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
	url('font/rounded-l-mplus-2p-regular.woff') format('woff'), /* モダンブラウザ用 */
	url('font/rounded-l-mplus-2p-regular.ttf') format('truetype'); /* iOS, Android用 */
}


@font-face{
	font-family: 'rounded-l-mplus-2p-bold'; /* お好きな名前に */
	src: url('font/rounded-l-mplus-2p-bold.eot'); /* IE9以上用 */
	src: url('font/rounded-l-mplus-2p-bold.eot?#iefix') format('embedded-opentype'), /* IE8以前用 */
	url('font/rounded-l-mplus-2p-bold.woff') format('woff'), /* モダンブラウザ用 */
	url('font/rounded-l-mplus-2p-bold.ttf') format('truetype'); /* iOS, Android用 */
}

@font-face {
  font-family: 'Kokoro';
  font-style: normal;
  font-weight: 400;
  src: url(https:////fonts.gstatic.com/ea/kokoro/v1/Kokoro-Regular.eot);
  src: url(https:////fonts.gstatic.com/ea/kokoro/v1/Kokoro-Regular.eot?#iefix) format('embedded-opentype'),
       url(https:////fonts.gstatic.com/ea/kokoro/v1/Kokoro-Regular.woff2) format('woff2'),
       url(https:////fonts.gstatic.com/ea/kokoro/v1/Kokoro-Regular.woff) format('woff'),
       url(https:////fonts.gstatic.com/ea/kokoro/v1/Kokoro-Regular.ttf) format('truetype');
}

@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);



/*※印*/
.kome{
  padding-left: 1em;
  text-indent: -1em;
    font-size:13px;
	color:#B20000;
	margin:-5px 0px 24px 20px;
}

/* ul設定*/
/*----------------------------------------------------------------------*/

.kakomi{
padding-right:.8em;padding-left:.8em;border-radius:10rem;
  padding:5px 10px 5px 10px;/*文字周りの余白*/
  line-height:40px;
  font-size:12px;
  }
  
.kakomi{color:#364e96;border: solid 1px #364e96;}




/* ul設定*/
/*----------------------------------------------------------------------*/
#maru{
	width:90%;
	margin-left:40px;
}


#maru ul li a {
/*display:block; */
}


#maru ul li {
  position: relative;
  padding:10px 0px 3px 5px;
  	letter-spacing: 0.2em;
	line-height: 130%;
}


#maru ul li::after,
#maru ul li::before {
  display: block;
  content: '';
  position: absolute;
}

/*円*/
#maru ul li::after {
  top: .75em;
  left: -1.2em;
  width: 16px;
  height: 16px;
	background:#193997;


	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}


/*やじるし*/
#maru ul li::before {
  z-index: 2;
  top: .970em;
  left: -1.05em;
  width: 6px;
  height: 6px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/*---------------------------------------------*/
/* フォーム
/*---------------------------------------------*/


.form-field{
   border: 1px solid #cccccc;
   background: #ffffff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #000000;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:5px;
   width:95%;
	font-size: 14pt;
	margin:0px 0px 5px 0px;
}

.form-field2{
   border: 1px solid #cccccc;
   background: #ffffff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #000000;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:5px;
   margin:0px 0px 5px 0px;
   width:auto
	font-size: 14pt;

}

.form-field3{
   border: 1px solid #cccccc;
   background: #ffffff;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #000000;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 1px 1px;
   padding:5px;
   width:95%;
   height:300px;
	font-size: 14pt;
	margin:0px 0px 5px 0px;
}




/* ボタン
--------------------------------------------- */
.submit-button {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFC926), color-stop(1, #FFA64D));
	background:-moz-linear-gradient(top, #FFC926 5%, #FFC926 100%);
	background:-webkit-linear-gradient(top, #FFC926 5%, #FFA64D 100%);
	background:-o-linear-gradient(top, #FFC926 5%, #FFA64D 100%);
	background:-ms-linear-gradient(top, #FFC926 5%, #FFA64D 100%);
	background:linear-gradient(to bottom, #FFC926 5%, #FFA64D 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC926', endColorstr='#FFA64D',GradientType=0);
	background-color:#FFC926;

	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;

	border:2px solid #FFA64D;

	font-weight:bold;
	
	font-size:18px;
	font-weight:bold;
	text-shadow:0px 1px 7px #E9345C;
text-align:center;
	color:#ffffff;
	padding:16px 16px 16px 16px;
	}
   



.back-button {
background: #75c3ff; /* Old browsers */
background: -moz-linear-gradient(top,  #75c3ff 1%, #0683e2 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #75c3ff 1%,#0683e2 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #75c3ff 1%,#0683e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c3ff', endColorstr='#0683e2',GradientType=0 ); /* IE6-9 */
	background-color:#0683e2;

	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;

	border:2px solid #0683e2;

	font-weight:bold;
	
	font-size:18px;
	font-weight:bold;
	text-shadow:0px 1px 7px #0683e2;
text-align:center;
	color:#ffffff;
	padding:16px 16px 16px 16px;
	margin-top:30px;
	}





/* 前、次へボタン
---------------------------------------------*/
#flink{
	position:relative;
	text-align:center;
	margin:0px auto;
	clear:both;
	width: 1050px;
}


#prev-next-link{
-js-display: flex;/*IE9・8　flexibility.js*/
display: inline-flex;
flex-direction: row;/*子要素を左から右に配置*/
flex-wrap: wrap;/*子要素を折り返し、複数行に上から下へ並べる*/
justify-content: flex-start;/*親要素に空きスペースがあった場合 行の開始位置から配置。左揃え。*/
align-items: flex-start;/*親要素の開始位置から配置。上揃え。*/
align-content: flex-start;/*親要素の開始位置から配置。上揃え。*/

		float:left;
		top:0px;
		left:10px;
		margin-bottom:0px;
		position:relative;
		padding:0px auto;
		clear:both;
  width:100%;

}

#prev-next-link a {
  display: block;
  text-decoration: none;
  padding: 32px 32px;

}

#prev-next-link a:hover {
  background-color:#FFC926;
  color:#ffffff;
}

#prev-next-link a:first-child {
}

.prev {
  background: url(../images/button/prev.svg) no-repeat 10px center;
		text-align:left;
}
.next {
  background: url(../images/button/next.svg) no-repeat right 10px center;
		text-align:right;
}
.prev,
.next {
  background-size: 16px 28px;
	flex-basis: 40%;/*子要素のベースとなる幅の指定 flex: 1 1 auto;*/
}




@media print, screen and (min-width: 480px){


#smbt,.drawer{
    display: none;
}




html[xmlns] body{
margin:0;
padding:0;
text-align:center;
}


a:link, a:visited, a:active{text-decoration:none;}

a:hover{text-decoration:underline;}


img{border:none;}



/* ------------------------------------------------------------------------------
     トップへボタン
------------------------------------------------------------------------------ */
#top { /* 外枠を角丸の四角にする */
	position: fixed; /* 表示場所を固定する */
	bottom: 100px; /* 下から10px */
	right: 100px; /* 右から10px */
	width: 60px; /* 横幅を40px */
	height: 60px; /* 高さを40px */
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	
	background:rgba(255,201,38,1); /* 背景色を半透明の黒にする */
	overflow: hidden; /* textを非表示にする */
	text-indent: 100%; /* textを横幅と同じだけindent */
	white-space: nowrap; /* textを改行しない */
}

#top a {
	display: block; /* クリック可能な領域を広げる */
	padding: 10px 5px;
}

#top:hover {
	background:#FFC926; /* マウスオーバーしたら少し濃ゆくする */
}

#top a:after { /* 白い三角をプラスする */
	content: " ";
	position: absolute;
	top: 20px; /* 三角形を10px下にずらす */
	right: 0; /* 三角形を四角の中の中央に表示するために左右を0に指定 */
	left: 0;
	width: 0; /* 横幅と高さを0に指定 */
	height: 0;
	margin: 0 auto; /* 中央寄せ */
	border-right: 10px solid transparent; /* ボーダー色を背景色と同じにし中心から右側のサイズを指定 */
	border-bottom:18px solid #fff; /* 三角形の高さ */
	border-left: 10px solid transparent; /* ボーダー色を背景色と同じにし中心から左側のサイズを指定 */
	opacity: 0.8; /* 半透明化 */
}

#top a:hover:after {
	opacity: 0.9; /* マウスオーバーで一割透過 */
}

/* body **********************************************/
body{
	color:#000020;
	margin:0;
	padding:0;
	bottommargin:0;
	text-align:center;
	/*font-family:'Lucida Grande',"ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;*/
	
}

.shiro{
	background:#ffffff;
}





/* Wrapper /***********************************************/


#wrapper{
	display: flex;
	justify-content: space-between;
	/*padding: 60px 20px;*/
	position: fixed;
	transition: .5s;
	width: 100%;
background-color:#00238C;
	height:170px;
		width:100%;
background-color:rgba(0,35,140,0.9);


	z-index:100;



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00238c+86,f7f7f7+86,f7f7f7+86,f7f7f7+100 */
background: #00238c; /* Old browsers */
background: -moz-linear-gradient(top,  #00238c 80%, #f7f7f7 80%, #f7f7f7 80%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00238c 80%,#f7f7f7 80%,#f7f7f7 80%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00238c 80%,#f7f7f7 80%,#f7f7f7 80%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00238c', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */

}

/* header /***********************************************/
#header{
	position:relative;
	margin:0 auto;
	width:1000px;

	padding-bottom:0px;
/*font-family: 'mplus-1p-light';*/

}


#wrapper.transform{
    background: rgba(255,255,255,0.9);
    /*background: #fff;*/
    padding: 20px;
}

#wrapper.hide{
	top: -63px;
}

.hero{
	/*max-height: 500px;
	overflow: hidden;*/
}
.hero img{
	/*height: auto;
	width: 100%;*/
}
	


/* ろごろご
---------------------------------------------*/
	#logo img{
		position:absolute;
		top:16px;
		left:0px;
		width:242px;
		height:47px;
	}


/* 電話番号
---------------------------------------------*/
#header-tel{
/*color:#fff;
	position:absolute;
	top:0px;
	left:300px;
	width:650px;
	height:88px;
	padding-bottom:0px;*/
	}


/* サブナビちゃん
---------------------------------------------*/
/*ご予約*/
	#snavigation1{
		position:absolute;
		top:18px;
		left:250px;
		width:440px;
		height:50px;
		z-index:100;
	}

	#snavigation1 a:hover{
		background-color:#FFC926;
	}

/*お問合せ*/
	#snavigation2{
		position:absolute;
		top:18px;
		left:700px;
		width:300px;
		height:50px;
		z-index:100;
	}

	#snavigation2 a:hover{
		background-color:#FFC926;
	}



/* ナビゲーション
---------------------------------------------*/
#header ul{
	border-top: 1px solid #fff;
	position: absolute;
	height:72px;
	width:1000px;
	margin:72px 0px 0px 0px;
	font-size:16px;
	text-align: center;
	font-weight:bold;
	}

#header ul#navigation li {
	/*float: left;*/
	display:inline;
	margin-right:0px;
	display: inline-block;
	}

#header ul#navigation li:last-child {
	margin-right:0px;
	}

#header ul#navigation li a {
	display: block;
	text-decoration: none;
	height: 60px;
	text-align:center;
	vertical-align:middle;
	display: table-cell;
	color:#ffffff;
	letter-spacing: 0.1em;
	padding:0 15px 0 15px;
}



#header ul#navigation li.navigation1 a {   
}
#header ul#navigation li.navigation1 a:hover{
		background-color:#FFC926;
}

#header ul#navigation li.navigation2 a {   
}
#header ul#navigation li.navigation2 a:hover{
		background-color:#FFC926;
}


#header ul#navigation li.navigation3 a {   
}
#header ul#navigation li.navigation3 a:hover{
		background-color:#FFC926;
}

#header ul#navigation li.navigation4 a {   
}
#header ul#navigation li.navigation4 a:hover{
		background-color:#FFC926;
}

#header ul#navigation li.navigation5 a {   
}
#header ul#navigation li.navigation5 a:hover{
		background-color:#FFC926;
}


#header ul#navigation li.navigation6 a {   
}
#header ul#navigation li.navigation6 a:hover{
		background-color:#FFC926;
}

#header ul#navigation li.navigation7 a {   
}
#header ul#navigation li.navigation7 a:hover{
		background-color:#FFC926;
}

#header ul#navigation li.navigation8 a {   
}
#header ul#navigation li.navigation8 a:hover{
		background-color:#FFC926;
}




/* メイン画像--------------------- */
.cover{
background: url(../images/index/01.jpg) center/cover;
 padding-top:530px;
  width: 100%;
  height:900px;
  }	
	.inside{

    position: absolute;
    top:880px; 
    left: 50%;
    width: 90%;
	z-index:50;

    
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);

  
  background:white;
background: rgba(255, 255, 255, 0.9);/*背景を半透明に*/

  line-height:30px;
  padding:32px 16px 32px 16px;

  	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:20px;
}

	.inside h5{
	font-size:33px;
  margin-bottom:16px;
	font-family: 'Sawarabi Mincho';
	clear:both;
}




/* ページインフォメ
---------------------------------------------*/	
	#info{
		width:1000px;
		padding:180px 0px 10px 0px;
		/*background:#FFDC73;*/
		z-index: 2;
		font-size:8pt;
		padding-left:30px;
display: table;
margin: 0 auto;
	}




	h1 {
  clear:both;
		padding-left:2px;
		font-weight: normal;
		color:#3F0000;
text-align:left;
	}
	

/* パンくずなび
************************************************/
.breadcrumb {
		/*float:center;*/
		text-align:left;
		width:1000px;
		margin:140px 0px 0px 0px;
		padding:0px 0px 8px 0px;
		z-index: 2;
		display:inline-table;
		font-size:8pt;
}


.breadcrumb li{
  display:inline-block;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}


.breadcrumb li:after{/* ▶を表示*/
  content: '>';
  padding: 0 8px;
  color: #000;
}




.breadcrumb li a {
    display: inline-block;
    padding: 8px 16px;
	/*/*-moz-/*border-radius:15px;*/*/
	/*-webkit-/*border-radius:15px;*/*/
	/*border-radius:15px;*/
	    background: #3F0000;*/
    text-decoration: none;
  color: #000;
}

.breadcrumb li a:hover {
  /*background: #FF9DB6;
      color: #fff;*/
}

.breadcrumb li:last-child:after{
  content: '　';

}

.breadcrumb .current{
  font-weight: bold;
  background: none;
  /*color: #3F0000;*/

}



/* contents
************************************************/
	#contents{
		/*border-top:2px solid #3F0000;*/
	float:center;
	text-align:left;
	width:1000px;
	margin:100px 0px 100px 0px;
	padding-top:16px;
	/*background:#FFDC73;*/
  z-index: 2;

/*font-family: 'mplus-1p-light';*/
	}


	#contents {
		display:inline-table;
	}

	/* Hides from IE-mac \*/
	* html #contents {height:1%;}


	#contents ul{
		/*list-style:none;*/
		/*margin-left:15px; */
		}

	#contents ul li{
		/*padding-bottom:10px; 
	letter-spacing: 0.2em;
	line-height: 130%;*/
		}
		
		
	#contents ol{
		/*margin-left:50px;*/
		}

	#contents ol li{
		/*padding-bottom:10px; 
	letter-spacing: 0.2em;
	line-height: 130%;*/
		}	

		
/* 目次
---------------------------------------------*/
	#sidebar{
  z-index: 2;
		width:272px;
		float:left;
		top:0px;
		left:0px;
		position:relative;
		padding:0px auto;
		text-align:left;
		/*background:red;*/
	}
	
	
/* ボタン
---------------------------------------------*/
	#mokuji ul {
		margin:0px 0px 0px 0px; 
		padding :0; 
		list-style:none;

	}

	#mokuji li { 
		display : inline; 
		padding :0; 
		margin:0; 
	}


	#mokuji a {
		text-align:left;
		display:block; 
		font-size:12pt;
		font-weight:bold;
		padding:22px 0px 0px 5px;
		color: #3F0000;
		height:40px;
		margin:0px 0px 0px 0px;
		text-decoration:none;
		border-bottom:2px solid #3F0000;
		width:98%;
	}

	#mokuji a:hover {
		text-align:left;
		display:block; 
		font-size:12pt;
		padding:22px 0px 0px 5px;
		color: #ffffff;
		width:98%;
		height:40px;
		margin:0px 0px 0px 0px;
		background-color:#FFC926;
		text-decoration:none;
	}

	#mokuji li.mkoumoku { 
		display : block; 
		padding :0; 
		margin:0; 
		color: #ffffff;
		background-color:#3F0000;
		padding:8px 0px 8px 8px;
		font-size:10pt;
		font-weight:bold;
	}

	#mokuji li.mkoumoku2 { 
		display : block; 
		padding :0; 
		margin:0; 
		color: #ffffff;
		background-color:#FF9326;
		padding:8px 0px 8px 8px;
		font-size:10pt;
		font-weight:bold;
	}

	#mokuji a.h2g { 
		height:60px;
	}

	#mokuji2{
		margin:48px 0px 0px 0px; 
		padding :0; 
	}


	#mokuji ul li ul a {
		text-align:left;
		display:block; 
		font-size:12pt;
		font-weight:bold;
		padding:24px 0px 0px 5px;
		color: #3F0000;
		height:40px;
		margin:0px 0px 0px 0px;
		text-decoration:none;
		border-bottom:2px dotted #3F0000;
		width:98%;
		background-color:#FFFFBF;
	}









/* 各トップメインの文章background:#ffffff;
---------------------------------------------*/
#maincontents-index{
	/*float:right;
	width:642px;
	text-align:left;
	position:relative;
	top:0px;
	margin-left:8px;
	padding:30px 0px 0px 0px;*/



	float:left;
	top:0px;
	left:0px;
	margin-bottom:0px;
	position:relative;
	padding:0px auto;
	text-align:left;
	clear:both;
	width:100%;

	}

#maincontents{
	float:left;
	width:1000px;
	text-align:left;
	position:relative;
	top:0px;
	margin-left:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background:blue;*/

	}
	

/*テキスト*/
p {
	/*letter-spacing: 0.2em;
	line-height: 130%;
	text-align:left;*/

}

#maincontents-index p,
#maincontents p{
	
	margin:0px 0px 20px 10px;
	letter-spacing: 0.2em;text-align:left;
	line-height: 130%;
	

		}

#maincontents-index p.top,
#maincontents p.top{
	
	margin:30px 10px 20px 10px;
	/*letter-spacing: 0.2em;text-align:left;
	line-height: 130%;*/
		}

#maincontents-index p.small,
#maincontents p.small{
	letter-spacing: 0.1em;
	line-height: 130%;
	font-size:10px;
	margin:0px 0px 0px 0px;
	font-weight:nomal;
		}


#maincontents-index .large,
#maincontents .large{
	letter-spacing: 0.1em;
	line-height: 130%;
	font-size:22px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}

#maincontents-index .largeb,
#maincontents .largeb{
	letter-spacing: 0.1em;
	line-height: 130%;
	font-weight:bold;
}

#maincontents-index .larger,
#maincontents .larger{
	letter-spacing: 0.1em;
	line-height: 130%;
	font-size:22px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
color:white;
background: linear-gradient(transparent 0, red 0);
}


#maincontents-index .larget,
#maincontents .larget{
	letter-spacing: 0.1em;
	line-height: 180%;
	font-size:24px;
	margin:30px 40px 32px 40px;
	font-weight:bold;
  text-align:center;
    background-color:#193997;
  /*border-radius:16px;*/
  color:white;
}


/*通常の文字を太く赤色に*/
#maincontents-index .tred,
#maincontents .tred{
	font-weight:bold;
color:red;
}



#maincontents-index p.midi,
#maincontents p.midi{
	letter-spacing: 0.1em;
	line-height:130%;
	font-size:16px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}


.bt_dl {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFC926), color-stop(1, #FFA64D));
	background:-moz-linear-gradient(top, #FFC926 5%, #FFC926 100%);
	background:-webkit-linear-gradient(top, #FFC926 5%, #FFA64D 100%);
	background:-o-linear-gradient(top, #FFC926 5%, #FFA64D 100%);
	background:-ms-linear-gradient(top, #FFC926 5%, #FFA64D 100%);
	background:linear-gradient(to bottom, #FFC926 5%, #FFA64D 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC926', endColorstr='#FFA64D',GradientType=0);
	background-color:#FFC926;

	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;

	border:2px solid #FFA64D;




	font-weight:bold;
	

	width:auto;

	margin:0px 0px 0px 0px;
	color:#ffffff;

	text-decoration:none;
	text-shadow:0px 1px 7px #E9345C;

padding:8px 16px 8px 48px;




}



.bt_dl:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFC926), color-stop(1, #FFFF99));
	background:-moz-linear-gradient(top, #FFC926 5%, #FFFF99 100%);
	background:-webkit-linear-gradient(top, #FFC926 5%, #FFFF99 100%);
	background:-o-linear-gradient(top, #FFC926 5%, #FFFF99 100%);
	background:-ms-linear-gradient(top, #FFC926 5%, #FFFF99 100%);
	background:linear-gradient(to bottom, #FFC926 5%, #FFFF99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC926', endColorstr='#FFFF99',GradientType=0);
	background-color:#FFC926;
	color:#ffffff;
}
.bt_dl:active {
	position:relative;
	top:1px;
	color:#ffffff;
}

.bt_dl a {
	color:#ffffff;
	display: table;
}

/*　三角
--------------------------------------------- */
.arrow {
    position: relative;
    display: inline-block;
    padding-left:50px;
}

/*丸*/
.arrow:before {
    content: '';
    width: 24px;
    height: 24px;
    background: #ffffff;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
    position: absolute;
    top: 50%;
    left:16px;
    margin-top: -12px;
    /*border: solid 5px  #ff3690;*/
}

/*三角*/
.arrow:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 8px transparent;
    border-left: solid 12px #FFA64D;
    position: absolute;
    top: 50%;
    left: 24px;
    margin-top:-8px;
}


.first{
	margin:10px 0px 0px 0px;
}

/* 線でクリア
---------------------------------------------*/
hr{
clear:both;
}

.dot{
		border:1px dotted #3F0000;
			margin:16px 0px 32px 0px;
}


/* メインコンテンツのトップ
---------------------------------------------*/
#maincontents-top{

	top:0px;
	left:0px;
	margin-bottom:0px;
	position:relative;
	padding:0px auto;
	text-align:left;
	clear:both;
	width:100%;
	}



/* のSNS
---------------------------------------------*/
	#maincontents-sns{
		float:left;
		top:0px;
		left:0px;
		position:relative;
		padding:0px auto;
		text-align:right;
		/*background:red;*/
		clear:both;
		width:98%;
	}


	#maincontents-sns img{
	width:50px;
	margin-left:16px;
	}



	
/* タイトル設定	width:682px;
	---------------------------------------------*/
#maincontents-index h2 {
position: relative;
/*display: inline-block;*/
margin-bottom: 1em;
	font-size:40px;
	text-align:center;
	font-family: 'Sawarabi Mincho';
	/*font-family: "Noto Sans", sans-serif;*/
	margin-top:70px;
	margin-bottom:140px;
	font-weight:100;
}

#maincontents-index h2:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 100px;
height:2px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
/*border-radius:5px;*/
color:#193997;
}


#maincontents-index h2 {
clear:both;
}


#maincontents-index h3 {
	position: relative;
	/*display: inline-block;*/
	margin-bottom: 1em;
	font-size:32px;
	text-align:center;
	font-family: 'Sawarabi Mincho';
	margin-top:100px;
	margin-bottom:30px;
	font-weight:100;


padding-bottom: .2em;
  border-bottom: 3px double #ccc;
}




#maincontents-index h3 {
clear:both;
}


#maincontents-index h3.top {
	margin-top: 20px;
}



/* タイトル設定		h2
---------------------------------------------*/

#maincontents-index h2 {
position: relative;
margin-bottom: 1em;
	font-size:40px;
	text-align:center;
	font-family: 'Sawarabi Mincho';
	margin-top:200px;
	margin-bottom:60px;
	font-weight:100;
}


#maincontents-top h2{
position: relative;
/*display: inline-block;*/

margin-bottom: 1em;
	font-size:40px;
	text-align:center;
	font-family: 'Sawarabi Mincho';
	margin-top:0px;
	margin-bottom:10px;
	font-weight:100;
}

#maincontents-top h2:before,#maincontents-index h2:before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 100px;
height:2px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: black;
/*border-radius:5px;*/
color:#193997;

}




#maincontents-top h2,#maincontents-index h2 {
clear:both;
}


#maincontents-top h2.top{
margin-top: 20px;

}

#maincontents-index h2.top {
margin-top:-100px;

}

#maincontents-top h2.mop,#maincontents-index h2.mop {
margin-bottom:10px;
}

#maincontents-top p.bh2,#maincontents-index p.bh2 {
	letter-spacing: 0.1em;
	line-height:130%;
	text-align:center;
	margin:24px 150px 60px 150px;
	font-family: 'Sawarabi Mincho';
	font-weight:100;
	color:#666666;
}



/* タイトル設定
---------------------------------------------*/
#maincontents-top h3 {
	/*display: inline-block;*/
	
	position: relative;
	margin-bottom: 1em;
	font-size:30px;
	text-align:center;
	font-family: 'Sawarabi Mincho';
	margin-top:160px;
	margin-bottom:30px;
	font-weight:100;


padding-bottom: .2em;
	border-bottom: 3px double #ccc;
}



#maincontents-top h3 {
	clear:both;
}


#maincontents-top h3.top {
	margin-top:60px;
}


/* タイトル設定		width:682px;https://saruwakakun.com/html-css/reference/ribbon
---------------------------------------------*/	
#maincontents h4{
	font-family: 'Sawarabi Mincho';
	font-size: 22px;
    font-size:  24px;           /* 文字サイズ指定 */
	border-bottom: solid 3px #ccc;
	position: relative;
	clear:both;
	margin-top:80px;
	font-weight:100;
	padding-bottom:6px;
	margin-bottom:16px;
}


#maincontents h4:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #193997;
	bottom: -3px;
	width: 20%;

}


#maincontents h4.top {
	margin-top:24px;
}


.hanbun{
	width:1000px;
	clear:both;
	display: flex;
	justify-content: space-between;
margin-bottom:60px;
}

.hanbun-rf{
	width:500px;
	margin-left:16px;
	float:left;
}

.hanbun-rf img{
	width:484px;
}

.hanbun-rm{
	width:484px;
	margin-right:16px;
	float:left;

}



.hanbun-lm{
	width:484px;
	margin-left:16px;
	float:left;
}
.hanbun-lf{
	width:484px;
	margin-right:16px;
	float:left;
}

.hanbun-lf img{
	width:484px;
}

/*表のなかで半分50％*/
.hanbun50p{
	width:100%;
	clear:both;
	margin-bottom:200px;
}


.hanbun50p-rf{
	width:45%;
	float:left;
	margin-left:32px;
	vertical-align: top;

}





#mainmokuji{
  width:1000px;
	-js-display: flex;/*IE9・8　flexibility.js*/
display: inline-flex;
flex-direction: row;/*子要素を左から右に配置*/
flex-wrap: wrap;/*子要素を折り返し、複数行に上から下へ並べる*/
justify-content: flex-start;/*親要素に空きスペースがあった場合 行の開始位置から配置。左揃え。*/
align-items: flex-start;/*親要素の開始位置から配置。上揃え。*/
align-content: flex-start;/*親要素の開始位置から配置。上揃え。*/
display: flex;
  margin-top:80px;
}

.card-f {
  margin-bottom:80px;
  width: 310px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px #ccc;

}

.card2-f {
  margin-bottom:80px;
  width: 480px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px #ccc;

}
.card2 {
 margin-bottom:80px;
  margin-left:35px;
  width: 480px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px #ccc;
}

.card {
 margin-bottom:80px;
  margin-left:35px;
  width: 310px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px #ccc;
}

.card-img {
  border-radius: 10px 10px 0 0;
  max-width: 100%;
  height: auto;
}

.card-content {
  padding:16px;
}

.card-title {
font-family: 'Sawarabi Mincho';
  font-weight:400;
  font-size:24px;
  margin-bottom: 20px;
  text-align: center;
  color: #333;
}

.card-text {
  color: #999;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing:10px;
}

.card-link {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 24px;
}

.card-f a,.card a {
  text-decoration: none;
}











/* タイトル設定*/
/*----------------------------------------------------------------------*/



/* footer
************************************************/
#footer{
	/*/*font-family: 'mplus-1p-light';*/*/
	clear:both;
	position:relative;
	height:90px;
	margin:0px 0px 0px 0px;
	background:#fff;
}


html>body #footer{font-size:x-small;}/* Opera6用 */
head:first-child+body #footer{font-size:small;}

#footer p{
	color:#000020;
	margin-top:0px;
	text-align: center;
	}


	/* フットメニューheight:480px;
	---------------------------------------------*/
#footer{
	position:relative;
	clear:both;
		/*background-color:#F8F8ED;*/
}



/* フットメニュー	position:absolute;
--------------------------------------------- */
#footnavi{
	position:relative;
	text-align:center;
	margin:0px auto;
	clear:both;
	width: 1000px;
	padding-top:32px;

	font-size: 10pt;
	letter-spacing: 0.05em;
	line-height:1.7em;

	border-top: 1px solid #DEDCCA;
}

#footnavi a:hover{
		background-color:#FFC926;
		color:#ffffff;
	}


#footnavi ul li{
    display: inline;
 	margin-right:16px;
 }
#footnavi ul li:last-child {
	margin-right:0px;
	}




	/* コピーライト
	---------------------------------------------*/
	#copyright{
	/*font-family: 'mplus-1p-light';*/
		position:relative;
		clear:both;
		text-align:center;
		letter-spacing: 0.2em;
		line-height: 20px;
		padding: 24px 0px 140px 0px;
		width:100%;
		z-index:2;
		/*border-top: 1px solid #DEDCCA;*/
		background:#193997;
		color:#fff;

	}
	
	#copyright p{
		position:relative;
		text-align:center;
		margin:0px auto;
		clear:both;
		font-size:8pt;
	}


	#copyright p img{
		display:inline-block;
		vertical-align: middle;
	margin-right:5px;
	}
	
	#copyright a.hsname{
		display:inline-block;
		vertical-align: middle;
		font-size:18px;
		font-weight:bold;
		color:#fff;
	}

	#copyright a{
		color:#fff;
	}


#copyright p.matome {
  position: relative;
  text-align: center;
  	margin-bottom:8px;
  width: 1000px;
}
#copyright p.matome span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4em;
  padding: 0 1em;
  background-color: #193997;
  text-align: left;
}
#copyright p.matome::before {
  position: absolute;
  top: 40%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  background: -webkit-linear-gradient(-45deg, transparent, #fff 10%, #fff 90%, transparent);
  background: linear-gradient(-45deg, transparent, #fff 10%, #fff 90%, transparent);
}

/* 100%テーブル(建売
--------------------------------------------- */
#widet {
  border:0px;
  border-collapse: separate;


	/*-moz-/*border-radius:10px;*/*/
	/*-webkit-/*border-radius:10px;*/*/
	/*border-radius:10px;*/
	
  border-spacing: 0;
	letter-spacing: 0.1em;
	line-height:1.3em;
	width:95%;

}

#widet th, #widet td {
  border-top: 1px solid #ccc;
  padding:16px 0px 16px 16px;
  vertical-align:middle;
}

#widet th {
  /*border-right: 1px solid #F8F8ED;
  background: #F8F8ED;*/
  text-align:left;
  width:22%;
  font-weight:bold;

}

#widet td {
  background: #Fff;

}

#widet tr:first-child th {
	/*-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;*/

}
#widet tr:first-child td {

	/*-moz-border-radius: 0 10px 0 0;
	-webkit-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;*/


}
#widet tr:last-child th {
  border-bottom: 1px solid #ccc;

	/*-moz-border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
	border-radius: 0 0 0 10px;*/

}

#widet tr:last-child td {
  border-bottom: 1px solid #ccc;

	/*-moz-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;*/

}



#widet tr td:nth-of-type(1) {
/*  background:#FFFFBF;
    border-radius: 0 0 0 0;*/
}

#widet td p{
	text-align:left;
	margin:0px 0px 0px 0px;
	letter-spacing: 0.2em;
	line-height: 130%;

}

#widet td b{
	text-align:left;
	margin:0px 0px 0px 0px;
	letter-spacing: 0.2em;
	line-height: 130%;
	font-weight:bold;

}



/* 100%テーブル(概要・
--------------------------------------------- */
#wide2 {
  border: 1px solid #3F0000;
  border-collapse: separate;
    background-color: #FFF;

	/*-moz-/*border-radius:10px;*/*/
	/*-webkit-/*border-radius:10px;*/*/
	/*border-radius:10px;*/
  border-spacing: 0;
	letter-spacing: 0.1em;
	line-height:1.3em;
	
	width:auto;
}

#wide2 th, #wide2 td {
  border-bottom: 1px solid #3F0000;
  padding:8px 10px;
  vertical-align:middle;
	width:auto;
}

#wide2 th {
  border-right: 1px solid #F8F8ED;
  background: #F8F8ED;
  text-align:left;
  font-weight:bold;

}


#wide2 tr:first-child th {
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;

}
#wide2 tr:first-child td {

	-moz-border-radius: 0 10px 0 0;
	-webkit-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;


}
#wide2 tr:last-child th {
  border-bottom: none;

	-moz-border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
	border-radius: 0 0 0 10px;

}

#wide2 tr:last-child td {
  border-bottom: none;

	-moz-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;

}



#wide2 tr td:nth-of-type(1) {
/*  background:#FFFFBF;
    border-radius: 0 0 0 0;*/
}

#wide2 td p{
	text-align:left;
	margin:0px 0px 0px 0px;
	letter-spacing: 0.2em;
	line-height: 130%;

}

#wide2 td b{
	text-align:left;
	margin:0px 0px 0px 0px;
	letter-spacing: 0.2em;
	line-height: 130%;
	font-weight:bold;

}







.htop{
	margin:20px 0px 0px 0px;

}


/* 100%テーブル(概要・
--------------------------------------------- */
#wide {
  border:0px;
  border-collapse: separate;


	/*-moz-/*border-radius:10px;*/*/
	/*-webkit-/*border-radius:10px;*/*/
	/*border-radius:10px;*/
	
  border-spacing: 0;
	letter-spacing: 0.1em;
	line-height:1.3em;
	width:100%;

}

#wide th, #wide td {
  border-top: 1px solid #ccc;
  padding:16px 0px 16px 16px;
  vertical-align:middle;
}

#wide th {
  /*border-right: 1px solid #F8F8ED;
  background: #F8F8ED;*/
  text-align:left;
  width:24%;
  font-weight:bold;

}

#wide td {
  background: #Fff;

}

#wide tr:first-child th {
	/*-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;*/

}
#wide tr:first-child td {

	/*-moz-border-radius: 0 10px 0 0;
	-webkit-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;*/


}
#wide tr:last-child th {
  border-bottom: 1px solid #ccc;

	/*-moz-border-radius: 0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
	border-radius: 0 0 0 10px;*/

}

#wide tr:last-child td {
  border-bottom: 1px solid #ccc;

	/*-moz-border-radius: 0 0 10px 0;
	-webkit-border-radius: 0 0 10px 0;
	border-radius: 0 0 10px 0;*/

}



#wide tr td:nth-of-type(1) {
/*  background:#FFFFBF;
    border-radius: 0 0 0 0;*/
}

#wide td p{
	text-align:left;
	margin:0px 0px 0px 0px;
	letter-spacing: 0.2em;
	line-height: 130%;

}

#wide td b{
	text-align:left;
	margin:0px 0px 0px 0px;
	letter-spacing: 0.2em;
	line-height: 130%;
	font-weight:bold;

}



/* ul設定*/
/*----------------------------------------------------------------------*/
#wide ul {
	width:95%;
	margin-left:18px;
}



#wide ul li a {
display:block; 
}


#wide ul li {
  position: relative;
  padding:10px 0px 3px 5px;
  border-bottom: 1px dashed #ccc;
}




#wide ul li:last-child {
  position: relative;
  padding:10px 0px 5px 5px;
  border-bottom:none;
}




#wide ul li::after,
#wide ul li::before {
  display: block;
  content: '';
  position: absolute;
}

/*円*/
#wide ul li::after {
  top: .75em;
  left: -1.2em;
  width: 16px;
  height: 16px;
	background:#193997;


	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}


/*やじるし*/
#wide ul li::before {
  z-index: 2;
  top: .970em;
  left: -1.05em;
  width: 6px;
  height: 6px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}




/* ul設定*/
/*----------------------------------------------------------------------*/
#maincontents-top ul {
	width:98%;
	margin-left:16px;
	margin-left:40px;
}



#maincontents-top ul li a {
display:block; 
}


#maincontents-top ul li {
  position: relative;
  padding:10px 0px 3px 5px;
  border-bottom: 1px dashed #ccc;
}




#maincontents-top ul li:last-child {
  position: relative;
  padding:10px 0px 5px 5px;
  border-bottom:none;
}




#maincontents-top ul li::after,
#maincontents-top ul li::before {
  display: block;
  content: '';
  position: absolute;
}

/*円*/
#maincontents-top ul li::after {
  top: .75em;
  left: -1.2em;
  width: 16px;
  height: 16px;
	background:#193997;


	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}


/*やじるし*/
#maincontents-top ul li::before {
  z-index: 2;
  top: .970em;
  left: -1.05em;
  width: 6px;
  height: 6px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}








/* ul設定nagare*/
/*----------------------------------------------------------------------*/
#nagare{
	margin-left:100px;
	width:800px;
}


#nagare ol{
		counter-reset: li;
		list-style: none;
		*list-style: decimal;
		padding: 0;
		margin-bottom: 4em;
}
			
#nagare ol li{
    padding: 2.5em;
    border-top: 1px dashed #ccc;
}

#nagare ol li:first-child {
    border-top:0px;
}

#nagare ol h5{
    position: relative;
    margin: 0;
	font-size:24px;
	font-family: 'Sawarabi Mincho';
	margin-top:80px;
	margin-bottom:8px;
}

#nagare ol p{
	letter-spacing: 0.1em;
	line-height:130%;
}

#nagare ol h5:before{
    content: counter(li);
    counter-increment: li;
    position: absolute;    
    z-index: -1;
    left: -1.3em;
    top: -.9em;
    background: #f5f5f5;
    height: 1.5em;
    width: 1.5em;
    border: .2em solid rgba(0,0,0,.05);
    text-align: center;
    font: italic bold 1em/1.5em Georgia, Serif;
    color: #ccc;
    border-radius: 1.5em;
    transition: all .2s ease-out;    
    font-size:32px;
}

#nagare ol li:hover h5:before{
    /*background-color: #ffd797;
    border-color: rgba(0,0,0,.08);
    border-width: .2em;
    color: #444;
    transform: scale(1.5);*/
}




/* お問合せ*/
/*----------------------------------------------------------------------*/
#nagare2 ol {
	width:95%;
	margin-left:0px;
	margin-top:15px;
}


#nagare2 ol {
	counter-reset: li; /*olのリストの数字をリセット*/
}

#nagare2 ol > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	padding-left:1.7em; /*li:before分左に余白を。調整可*/
	margin-bottom:1.2em;/*リストの数字がくっついてしまう場合*/

	letter-spacing: 0.15em;
	line-height:1.4em;/*数字の位置あわせで数値を指定*/
}

#nagare2 ol > li:before {
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
    background:#193997;
	border: 0px; /*濃いピンク*/
	color: #ffffff; /*白*/
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 1.4em; /*幅を決めるheightと同じ数値に*/
	height: 1.3em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left:0.1em; /*項目の基準、左にあわせる*/
	top:0.05em; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height:1.4em;/*数字の位置あわせで数値を指定*/
}





/* ------------------------------------------------------------------------------
     ギャラリー
------------------------------------------------------------------------------ */
.gmain{
width:100%;
margin-top:0px;
margin-bottom:40px;
}

.gallery{

width:100%;
margin-top:0px;
margin-bottom:40px;
 display: flex;
  flex-wrap: wrap;

}
	
.gallery img{
width:190px;
margin-right:5px;
margin-left:5px;
margin-top:8px;
}

.gallery img:nth-child(3n) {
margin-right: 0;
}




/* 建売　ul設定*/
/*----------------------------------------------------------------------*/
#point ul,#point ol {
  padding: 0;
  position: relative;
  border: none;
  	font-size:22px;
}
#point ol {
  counter-reset: number;
}
#point ul li,#point ol li {
  color:#463500;
  background:#FFF8F7;
  line-height: 1.5;
  padding: 0.5em 0.5em 0.5em 2em;
  border-bottom: 2px solid #fff;
  list-style-type: none;
}

#point ul li:before {
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 0.5em;
  color: #fa8072;
}

#point ol li:before {
  display: inline-block;
  position: absolute;
  font-family: "Quicksand", sans-serif;
  content: counter(number);
  counter-increment: number;
  left:0.5em;
  margin-top:6px;
  width: 22px;
  height: 22px;
  border-radius: 20%;
background:#FBBC00;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 22px;
}


/* スマートフォン専用コンテンツを非表示--------------------- */
.sm {
    display: none;
}
/* -------------------------- */
/* -------------------------- */
}
/* PC端末▲-------------------------- */




/* ----------------------------------------------------------------------------------------------------------------------------------
     スマホ端末
---------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {


/* PC専用コンテンツを非表示****/
.pc {
    display: none;
}

#header-tel,#snavigation1,#snavigation2,#snavigation3,#snavigation4,#navigation,#footnavi{
    display: none;
}



.body{
	color:#000000;
	margin:0;
	padding:0;
	bottom-margin:0;
font-family: 'rounded-l-mplus-2p-regular';
}






/*テキスト*/
p {
	/*letter-spacing: 0.2em;
	line-height: 130%;
	text-align:left;*/

}

#maincontents-index p,
#maincontents p{
	
	margin:0px 0px 20px 0px;
	letter-spacing: 0.2em;text-align:left;
	line-height: 130%;
	

		}

#maincontents-index p.top,
#maincontents p.top{
	
	margin:8px 0px 20px 0px;
	/*letter-spacing: 0.2em;text-align:left;
	line-height: 130%;*/
		}



#maincontents-index p.small,
#maincontents p.small{
	letter-spacing: 0.1em;
	line-height: 130%;
	font-size:10px;
	margin:0px 0px 0px 0px;
	font-weight:nomal;
		}


#maincontents-index .large,
#maincontents .large{
	letter-spacing: 0.1em;
	line-height: 130%;
	font-size:22px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}

#maincontents-index .largeb,
#maincontents .largeb{
	letter-spacing: 0.1em;
	line-height: 130%;
	font-weight:bold;
}

#maincontents-index .larger,
#maincontents .larger{
	letter-spacing: 0.1em;
	line-height: 130%;
	font-size:22px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
color:white;
background: linear-gradient(transparent 0, red 0);
}


#maincontents-index .larget,
#maincontents .larget{
	letter-spacing: 0.1em;
	line-height: 180%;
	font-size:24px;
	margin:8px 4px 8px 4px;
	font-weight:bold;
  text-align:center;
    background-color:#193997;
  /*border-radius:16px;*/
  color:white;
}


/*通常の文字を太く赤色に*/
#maincontents-index .tred,
#maincontents .tred{
	font-weight:bold;
color:red;
}



#maincontents-index p.midi,
#maincontents p.midi{
	letter-spacing: 0.1em;
	line-height:130%;
	font-size:16px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}

/* Wrapper#FFFDF4 /***********************************************/

#wrapper{
	margin:0px auto;
	padding-top:0px;
	padding-bottom:0px;
	position: fixed !important;  /*固定*/
	width:100%;
	z-index: 50;


	background:url(../images/sm/hedder.png) top center;
	background-repeat:repeat-x;
margin-top:-20px;

height:220px;
}


#header{
	position:relative;
	margin:0 auto;
	width:100%;

margin-top:0px;
}





.img {
	max-width: 100%; 
	height: auto;
	width /***/:auto;
	display:block;
	clear:both;
}



#maincontents img{
	max-width: 100%; 
	height:auto;
}


/* メイン画像--------------------- */
	

.cover{
	position: relative;
	top:130px;
   margin-bottom:0;
	}
	
.kopi{
   z-index:100;
   	top:350px;
	max-width: 100%; 
	height: auto;
	width /***/:auto;
	}

.cover img{
	max-width:100%; 
	height: auto;
	width /***/:auto;
	/*display:block;
	clear:both;*/

	}
	
.inside h5{
	max-width: 100%; 
	font-size:large;
	font-weight:bold;
	clear:both;
  text-align:center;
  padding-top:16px;
  padding-bottom:16px;
  color:#fff;
  background:red;
}

	
.inside{
    /*position: absolute;*/
 	position: relative;   
   /* top: 65%;
  left: 50%;
-ms-transform: translate(-50%,-70%);
  -webkit-transform: translate(-50%,-70%);
  transform: translate(-50%,-70%);*/
  margin:0;
  padding:0;
  
	background-image: linear-gradient(-45deg,#fff 25%, #FFF8D0 25%, #FFF8D0 50%, #fff 50%, #fff 75%,#FFF8D0 75%, #FFF8D0);
	background-size: 5px 5px;
	padding:8px 8px 8px 8px;


color: black;/*文字を白に*/

  line-height:30px;/*行高は1に*/
  padding: 16px 16px;/*文字周りの余白*/

width:90%;

 
}




/* ろごろご
---------------------------------------------*/
#logo{
	width:80%; 
	margin-top:30px;
	margin-left:25%;
	text-align:left;
	display: block;
	z-index: 200;
	float:left;
	margin-bottom:15px;
}

#logo img{
	max-width:80%;
}



#smbt{
	-js-display: flex;/*IE9・8　flexibility.js*/
display: flex;
flex-direction: row;/*子要素を左から右に配置*/
flex-wrap: wrap;/*子要素を折り返し、複数行に上から下へ並べる*/
justify-content:space-around;/*親要素に空きスペースがあった場合 行の開始位置から配置。左揃え。*/
align-items: flex-start;/*親要素の開始位置から配置。上揃え。*/
align-content: flex-start;/*親要素の開始位置から配置。上揃え。*/


		float:left;
		top:-5px;
		left:0px;
		margin-bottom:0px;
		position:relative;
		padding:0px auto;
		clear:both;
width:100%;



}





.item-h {
flex-basis:13%;
align-self: baseline;
padding:8px 10px 0px 10px;

	-moz-box-shadow: 0px 3px 21px -4px #3e7327;
	-webkit-box-shadow: 0px 3px 21px -4px #3e7327;
	box-shadow: 0px 3px 21px -4px #3e7327;
	
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #193997), color-stop(1, #2A7119));
	background:-moz-linear-gradient(top, #40A0E0 5%, #193997 100%);
	background:-webkit-linear-gradient(top, ##40A0E0 5%, #193997 100%);
	background:-o-linear-gradient(top,##40A0E0 5%, #193997 100%);
	background:-ms-linear-gradient(top, #40A0E0 5%, #193997 100%);
	background:linear-gradient(to bottom, #40A0E0 5%, #193997 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#40A0E0', endColorstr='#193997',GradientType=0);
	background-color:#193997;
	
	-moz-border-radius:60px;
	-webkit-border-radius:60px;
	border-radius:60px;
	
	border:8px solid #193997;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;

	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;

height:63px;

}



#smbt img{
  width:100%;
  height:auto;
  text-align: center;
  vertical-align:bottom;
}







/* パンくずなび
************************************************/
.breadcrumb {
	/*font-family: 'mplus-1p-light';background:#FFFDF4;*/
	background-color:#FFFDF4;	
		margin:8px 0px 0px 0px;
		padding:0px 0px 0px 8px;
		z-index: 2;
		display:inline-table;
		font-size:8pt;
		width:100%;
}

/*横に並ぶように*/
.breadcrumb li{
  display:inline-block;
  list-style: none;
  font-weight: bold;
}

/* ▶を表示*/
.breadcrumb li:after{
  content: '>';
  padding: 0 2px;
  color: #3F0000;
}

/* 最後の▶は表示しない*/
.breadcrumb li:last-child:after{
  content: '　';
}

.breadcrumb li a {
    display: inline-block;
    padding: 6px 6px;
    
	text-decoration: none;
	color: #3F0000;
	background: none;
	margin-bottom:6px;
}

.breadcrumb .current{
  font-weight: bold;
   	color: #3F0000;
	border: 1px solid #3F0000;

	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}

/***********************************************/
/* contents
*********************************************** */

#contents{
	background-color:#FFFDF4;
	padding-top:180px;
	clear:both;

}



#maincontents{
	width:92%;
	margin-left: auto;
	margin-right: auto;
    padding-top:0px;

}





	#maincontents-top{
		/*left:0px;
		padding:0px auto;
		text-align:left;
		width:100%;*/
	}


#maincontents-index p.small,
#maincontents p.small{
	letter-spacing: 0.1em;
	line-height: 130%;
	font-size:70%;
	text-align:left;
	margin:0px 0px 0px 0px;
	font-weight:nomal;
	}



/* タイトル設定		h2
---------------------------------------------*/	
#maincontents-top h2 {
	font-family: 'rounded-l-mplus-2p-regular';
	line-height: 130%;
	font-size:140%;
	position: relative;
	text-align:center;
	padding: 0.25em 0;
	width:96%;

}

#maincontents-top h2:after {
	content: "";
	display: block;
	height: 3px;
	background-color:#40A0E0;


}

#maincontents-top h2.top {
margin-top: 50px;

}


#maincontents-top p.bh2,#maincontents-index p.bh2 {
	background-image: linear-gradient(-45deg,#fff 25%, #FFF8D0 25%, #FFF8D0 50%, #fff 50%, #fff 75%,#FFF8D0 75%, #FFF8D0);
	background-size: 5px 5px;
	padding:8px 8px 8px 8px;
}

/* タイトル設定		width:682px;
---------------------------------------------*/

#maincontents-top h3{
	font-family: 'rounded-l-mplus-2p-regular';
		letter-spacing: 0.1em;
	line-height: 130%;
	
  position: relative;
  padding:16px 8px 16px 8px;
  background: #40A0E0;
    color:#FFF;
    width:95%;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	margin-top:80px;
	margin-bottom:16px;

	-webkit-box-shadow: 0 8px 6px -6px #8d8c8c;
	-moz-box-shadow: 0 8px 6px -6px #8d8c8c;
	box-shadow: 0 8px 6px -6px #8d8c8c;
}

#maincontents-top h3:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #40A0E0;
width: 0;
height: 0;

	-webkit-box-shadow: 0 0px 6px -6px #8d8c8c;
	-moz-box-shadow: 0 0px 6px -6px #8d8c8c;
	box-shadow: 0 0px 6px -6px #8d8c8c;
}



#maincontents-top h3.top {
margin-top: 0px;
	width:95%;
	margin-left:-3px;
}


.hanbun{
	width:100%;
	clear:both;
	padding-bottom:30px;

	/*写真と文字を入れ替えるもと*/
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

}


.hanbun-rf{
	width:100%;

	/*写真と文字を入れ替える1番目*/
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}

.hanbun-rf img{
	width:99%;
	
	/*影を入れる*/
	-webkit-box-shadow: 0 8px 6px -6px #8d8c8c;
	-moz-box-shadow: 0 8px 6px -6px #8d8c8c;
	box-shadow: 0 8px 6px -6px #8d8c8c;

	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;

    border-bottom:1px solid #8d8c8c;
	margin-bottom:16px;
	text-align:center;
}

.hanbun-rm{
	width:100%;

	/*写真と文字を入れ替える2番目*/
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;

}



.hanbun-lm{
	width:100%;
	/*float:left;*/
}

.hanbun-lf{
	width:100%;
	/*float:left;*/
}

.hanbun-lf img{
	width:99%;
	
	/*影を入れる*/
	-webkit-box-shadow: 0 8px 6px -6px #8d8c8c;
	-moz-box-shadow: 0 8px 6px -6px #8d8c8c;
	box-shadow: 0 8px 6px -6px #8d8c8c;

	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;

    border-bottom:1px solid #8d8c8c;
	margin-bottom:16px;
	text-align:center;
}

/*youtube*/
.hanbun-lf iframe {
top: 0;
left: 0;
width:98%;
height:auto;
}


/*表のなかで半分50％*/
.hanbun50p{
	width:98%;
	clear:both;
		padding-bottom:30px;
}
.hanbun50p-rf{
	/*float:left;*/
	vertical-align: top;
	width:100%;

}

.hanbun50p-rf img{
	margin-bottom:16px;

}



/* タイトル設定		width:682px;https://saruwakakun.com/html-css/reference/ribbon
---------------------------------------------*/	
#maincontents-top h4{
font-family: 'rounded-l-mplus-2p-regular';
	position:relative;
	padding-left:18px;
	border-bottom:1px solid #193997;
	font-weight: bold;
	font-size: 18px;
	line-height: 30px;
  width:90%;
			margin-bottom: 10px;
margin-top:50px;


}
 
#maincontents-top h4:before{
	content:''; 
	height:12px; 
	width:12px; 
	display:block; 
	background:#193997; 
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset; 
	position:absolute; 
	top:-0px; 
	left:5px;
	transform:rotate(-50deg);
	-webkit-transform:rotate(-50deg);
	-moz-transform:rotate(-50deg);
	-o-transform:rotate(-50deg);
	-ms-transform:rotate(-50deg);
	

}
#maincontents-top h4:after{
	content:''; 
	height:8px; 
	width:6px; 
	display:block; 
	background:#193997; 
	box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-webkit-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset;
	-moz-box-shadow: 0 0 5px rgba(255, 255, 255, 0.3) inset; 
	position:absolute; 
	top:16px; 
	left:2px;
	transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-75deg);





}

#maincontents-top h4.top {
margin-top:24px;
}


/* タイトル設定*/
/*----------------------------------------------------------------------*/
#maincontents ol {
	counter-reset: li; /*olのリストの数字をリセット*/
	
}

#maincontents ol > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	padding-left:1.7em; /*li:before分左に余白を。調整可*/
	margin-bottom:1.2em;/*リストの数字がくっついてしまう場合*/


	letter-spacing: 0.15em;
	line-height:1.4em;/*数字の位置あわせで数値を指定*/
}

#maincontents ol > li:before {
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
	background:rgba(42,113,25,1);
	border: 0px; /*濃いピンク*/
	color: #ffffff; /*白*/

	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;

	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 1.4em; /*幅を決めるheightと同じ数値に*/
	height: 1.3em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left:0.1em; /*項目の基準、左にあわせる*/
	top:0.05em; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height:1.4em;/*数字の位置あわせで数値を指定*/
}




/* 前、次へボタン
---------------------------------------------*/
#flink{
	margin:0px auto;
	clear:both;
	width:95%;
/*	-js-display: flex;/*IE9・8　flexibility.js*/
display: inline-flex;
flex-direction: row;/*子要素を左から右に配置*/
flex-wrap: wrap;/*子要素を折り返し、複数行に上から下へ並べる*/
justify-content: flex-start;/*親要素に空きスペースがあった場合 行の開始位置から配置。左揃え。*/
align-items: flex-start;/*親要素の開始位置から配置。上揃え。*/
align-content: flex-start;/*親要素の開始位置から配置。上揃え。*/*/
}
  .prev-next-link {
    display: flex;
  }
  .prev-next-link a {
    border-bottom: 1px #ddd solid;
    flex: 1;
  }
  
  .prev-next-link a:first-child {
  border-top: 1px #ddd solid;
}
  
  .prev-next-link a,
  .prev-next-link a:first-child {
    border: none;
  }
  .next {
    text-align: right;
  }

.prev,
.next {
  background-size: 16px 40px;
	flex:1 1 auto;/*子要素のベースとなる幅の指定 flex: 1 1 auto;*/
}




/* *************************************************************************/
/* footer
************************************************************************** */
#footer{
	clear:both;
	width:100%;
	padding:0px 0px 0px 0px;

}



/* コピーライト*/
/*----------------------------------------------------------------------*/
	#copyright{
	padding: 8px 10px 20px 10px;
	letter-spacing: 0.1em;
	line-height:180%;
	font-size:small;
	color:#000;
	background-color:#FFFDF4;
text-align:center;
	}

	#copyright .mc{
			font-size:70%;
}

	#copyright .matome{
		text-align:center;
		font-size:150%;
		font-weight:bold;
		color:#3F0000;
	border-top:2px #3F0000 solid;
	border-bottom:2px #3F0000 solid;
	padding: 16px 0px 16px 0px;
	margin-bottom:16px;
	}

	#copyright .matome a{
		color:#3F0000;
  text-decoration: none;
	}


.last{
	background:#193997;
		font-size:70%;
		line-height:150%;
		color:#fff;
		padding: 8px 8px 8px 8px;
	clear:both;
 margin:16px 0px 0px 0px;


	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

}






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



#contents{-webkit-transition:ease 0.5s;transition:ease 0.5s}
#contents.action{opacity:0.25}


.drawer{
	z-index:30000;
	width:300px;
	background:#fff;
	-webkit-transform:translateX(-300px);
	transform:translateX(-300px);
	-webkit-transition:ease 0.5s;transition:ease 0.5s;
	
	position:absolute;
	
	position:fixed;
	top:0px;
	left:0px;

	height:100%;
  overflow-y: scloll;
  -webkit-overflow-scrolling: touch;
	}
	

/*あこーでいぉん使うので使わない*/
.drawer ul{
/*list-style:none;
  width: 100%;
  height: 100%;
  overflow-y: scroll;*/

}
/*あこーでいぉん使うので使わない*/	
.drawer li a{
/*	display:block;
	border-bottom:1px dotted #ddd;
	font-size:20px;
	text-decoration:none;
	color:blue;
	padding:16px 8px 16px 8px;
	position:relative;*/
	}

/*あこーでいぉん使うので使わない*/	
.drawer li ul{
/*	margin:0;*/
	}

/*あこーでいぉん使うので使わない*/
.drawer li:first-child {
/*margin-top:100px;*/
}

/*あこーでいぉん使うので使わない*/
.drawer li:last-child {
/*margin-bottom:80px;*/
}



/*ドロワーメニューの開閉ボタン*/
.d-button{
	position: fixed;
	top:0px;
	right: -65px;
	width: 50px;
	height: 50px;
	-webkit-transition:ease .5s;
	transition:ease .5s;
	cursor:pointer;
	align-items: flex-end;
	display: flex;
	justify-content: center;
	font-size: 12px;
	padding-bottom: 2px;
padding-top:10px;

	z-index: 40000;
}



	
/*ハンバーガーボタンを作るスタイルシート*/
.d-line {
position: absolute;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
height: 5px;
width:40px;
background: #193997;
-webkit-transition: ease .5s;
transition: ease .5s;
}
.d-line:nth-child(1) {
top: 20%;
left: 50%;
}
.d-line:nth-child(2) {
top: 40%;
left: 50%;
}
.d-line:nth-child(3) {
top: 60%;
left: 50%;
}


/*ドロワーメニューをOPENにするスタイルシート*/
.drawer.action{
position: fixed;

	width:100%;
	-webkit-transform:translateX(0);
	transform:translateX(0);
	
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;



	}


/*ボタンをドロワーメニュー内に表示*/
.d-button.action{
background:#fff;
width:100%;
left:0px;
height:50px;
padding-top:40px;
padding-bottom:25px;
	}



/*ハンバーガーボタンを「✖」に変える*/
.d-button.action .d-line:nth-child(1){
top:50%;
-webkit-transform:translate(-50%, -50%) rotate(45deg);
transform:translate(-50%, -50%) rotate(45deg)
}

.d-button.action .d-line:nth-child(2){
top:50%;
-webkit-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);opacity:0
}
.d-button.action .d-line:nth-child(3){
top:50%;
-webkit-transform:translate(-50%, -50%) rotate(-45deg);
transform:translate(-50%, -50%) rotate(-45deg)
}

/*アコーディオンUL*/
.accordion-menu {
/*  width: 95%;
  max-width:95%;
  margin: 0px auto 0px;*/


list-style:none;
  width: 100%;
  height: 100%;
  overflow-y: scroll;

}

.accordion-menu li a{
	font-size:20px;
	text-decoration:none;
	border-top:1px solid #ccc;
	display:block;
	padding:24px 8px 24px 8px;
	position:relative;
  color:#193997;
}



.accordion-menu li:first-child {
	margin-top:100px;
}

.accordion-menu li:last-child {
	margin-bottom:80px;
}


/*アコーディオンの項目*/
.dropdownlink {
  cursor: pointer;
  display: block;
	padding:24px 8px 24px 8px;
  font-size: 20px;
  border-top: 1px solid #ccc;
  color:#193997;
  position: relative;
  transition: all 0.4s ease-out;
}





/*アコーディオンの項目のUL*/
.submenuItems {
  display: none;
  background:#FFC926;
}

.submenuItems li a {
  border-top: 1px solid #fff;
 display: block;
	padding:30px 8px 30px 8px;
  transition: all 0.4s ease-out;
    color: #ffffff;
}
.submenuItems li:first-child {
margin-top:0px;
}

.submenuItems li:last-child {
	margin-bottom:0px;
  border-bottom:none;
  }





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

.bt_dl {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFC926), color-stop(1, #FFA64D));
	background:-moz-linear-gradient(top, #FFC926 5%, #FFC926 100%);
	background:-webkit-linear-gradient(top, #FFC926 5%, #FFA64D 100%);
	background:-o-linear-gradient(top, #FFC926 5%, #FFA64D 100%);
	background:-ms-linear-gradient(top, #FFC926 5%, #FFA64D 100%);
	background:linear-gradient(to bottom, #FFC926 5%, #FFA64D 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC926', endColorstr='#FFA64D',GradientType=0);
	background-color:#FFC926;


	-moz-border-radius:42px;
	-webkit-border-radius:42px;
	border-radius:42px;

	border:2px solid #FFA64D;




	font-weight:bold;
	

	width:auto;

	margin:0px 0px 0px 0px;
	color:#ffffff;

	text-decoration:none;
	text-shadow:0px 1px 7px #E9345C;

padding:8px 16px 8px 48px;

width:73%;


}



.bt_dl:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFC926), color-stop(1, #FFFF99));
	background:-moz-linear-gradient(top, #FFC926 35%, #FFFF99 100%);
	background:-webkit-linear-gradient(top, #FFC926 35%, #FFFF99 100%);
	background:-o-linear-gradient(top, #FFC926 35%, #FFFF99 100%);
	background:-ms-linear-gradient(top, #FFC926 35%, #FFFF99 100%);
	background:linear-gradient(to bottom, #FFC926 35%, #FFFF99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFC926', endColorstr='#FFFF99',GradientType=0);
	background-color:#FFC926;

		color:#ffffff;
}
.bt_dl:active {
	position:relative;
	top:1px;
		color:#ffffff;
}

.bt_dl a {
	color:#ffffff;
display: table;
}




/*以下、②左側のコメント*/
.balloon6 {
    width: 100%;
    overflow: hidden;       	text-align:right;
}



.balloon6 .faceicon img{
    width:40%;
    height: auto;
    border-radius:90%;
    margin: 0 0 -40px 0;
        background: #F8F8ED;
 
}

.balloon6 .chatting {

}

.says {
    display: inline-block;
    position: relative;
    margin:16px 0px 16px 0px;
    padding: 10px;
    max-width:100%;
   border-radius: 10em .35em 2em .7em/.10em 2em .37em 10em;
    background: #F8F8ED;
    text-align:left;
}


.says:after {

}

.says p {
    margin: 0 0 0 0;
    padding: 10px 0 0 0;

}






.balloon5 {
    width: 100%;
    margin: 10px 0;
    overflow: hidden;
}

.balloon5 .faceiconl {
    float: left;
    margin-right:0px;
    width: 180px;
}

.balloon5 .faceiconl img{
    width: 90%;
    height: auto;
    border: solid 8px #F8F8ED;
    border-radius: 50%;
}

.balloon5 .chattingl {
    width:100%;
}

.saysl {
    display: inline-block;
    position: relative; 
    margin: 5px 0 0 20px;
    padding: 17px 13px;
    border-radius: 12px;
    max-width: 380px;
    background: #F8F8ED;
}




.saysl:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px; 
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #F8F8ED;
}

.saysl p {
    margin: 0 0 0 0;
    padding: 10px 0 0 0;
}






/*　三角
--------------------------------------------- */
.arrow {
    position: relative;
    display: inline-block;
    padding-left:50px;
}

/*丸*/
.arrow:before {
    content: '';
    width: 24px;
    height: 24px;
    background: #ffffff;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
    position: absolute;
    top: 50%;
    left:16px;
    margin-top: -12px;
    /*border: solid 5px  #ff3690;*/
}

/*三角*/
.arrow:after {
    content: '';
    width: 0;
    height: 0;
    border: solid 8px transparent;
    border-left: solid 12px #FFA64D;
    position: absolute;
    top: 50%;
    left: 24px;
    margin-top:-8px;
}





.top{
	margin:0px 10px 20px 10px;
	/*letter-spacing: 0.2em;text-align:left;
	line-height: 130%;*/
	}



/* 100%テーブル(概要・
--------------------------------------------- */
#wide,#wide2,#widet {
  border-spacing: 0;
	letter-spacing: 0.1em;
	line-height:1.3em;
	width:95%;
	margin-top:16px
}

#wide th, #wide td,#wide2 th, #wide2 td,#widet th, #widet td  {
	border: none;
display: block;
	width:100%;
}

#wide th,#wide2 th,#widet th {
  background: #FFF8D0;
  text-align:left;
  font-weight:bold;

	/*display: block;*/
	margin-bottom: 3px;
padding:8px 8px 8px 8px;
}

#wide td,#wide2 td,#widet td {
	margin-bottom:16px;
padding:8px 8px 8px 16px;
}


#wide td p{
	text-align:left;
	margin:0px 0px 0px 0px;
	letter-spacing: 0.2em;
	line-height: 130%;

}

#wide td b{
	text-align:left;
	margin:0px 0px 0px 0px;
	letter-spacing: 0.2em;
	line-height: 130%;
	font-weight:bold;

}

* のSNS
---------------------------------------------*/
	#maincontents-sns{
		float:left;
		top:0px;
		left:0px;
		position:relative;
		padding:0px auto;
		text-align:center;
		/*background:red;*/
		clear:both;
		width:98%;
	}


	#maincontents-sns img{
	width:56px;
	margin-left:16px;
	}








/* ul設定*/
/*----------------------------------------------------------------------*/
#maincontents-top ul {

	margin-left:18px;
}



#maincontents-top ul li a {
display:block; 
}


#maincontents-top ul li {
  position: relative;
  padding:10px 0px 3px 5px;
  border-bottom: 1px dashed #ccc;
  	width:90%;
}




#maincontents-top ul li:last-child {
  /*position: relative;
  padding:10px 0px 5px 5px;
  border-bottom:none;*/
}




#maincontents-top ul li::after,
#maincontents-top ul li::before {
  display: block;
  content: '';
  position: absolute;
}

/*円*/
#maincontents-top ul li::after {
  top: .75em;
  left: -1.2em;
  width: 16px;
  height: 16px;
	background:#193997;


	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}


/*やじるし*/
#maincontents-top ul li::before {
  z-index: 2;
  top: .970em;
  left: -1.05em;
  width: 6px;
  height: 6px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}





/* タイトル設定*/
/*----------------------------------------------------------------------*/
#maincontents ol {
	width:95%;
	margin-left:0px;
	margin-top:15px;
}


#maincontents ol {
	counter-reset: li; /*olのリストの数字をリセット*/
}

#maincontents ol > li {
	list-style: none;
	position: relative;/*リストの項目の位置を基準に*/
	padding-left:1.7em; /*li:before分左に余白を。調整可*/
	margin-bottom:1.2em;/*リストの数字がくっついてしまう場合*/

	letter-spacing: 0.15em;
	line-height:1.4em;/*数字の位置あわせで数値を指定*/
}

#maincontents ol > li:before {
	counter-increment: li;
	content: counter(li);
	margin-right: 1em;
    background:#193997;
	border: 0px; /*濃いピンク*/
	color: #ffffff; /*白*/
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 1.4em; /*幅を決めるheightと同じ数値に*/
	height: 1.3em; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left:0.1em; /*項目の基準、左にあわせる*/
	top:0.05em; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height:1.4em;/*数字の位置あわせで数値を指定*/
}






/* ul設定nagare*/
/*----------------------------------------------------------------------*/
#nagare ol{
		counter-reset: li;
		list-style: none;
		*list-style: decimal;
		padding: 0;
		margin-bottom: 4em;
}

#nagare ol li{
		padding:0;
		padding-left:30px;
		padding-bottom:20px;

}

#nagare ol li:first-child {
    border-top:0px;
}

#nagare ol h5{
    position: relative;
    margin: 0;
	margin-top:0px;
	margin-bottom:8px;
}

#nagare ol h5:before{
    position: absolute;    
    z-index: -1;
    left: -1.3em;
    top: -.9em;
    background: #f5f5f5;
    height: 1.5em;
    width: 1.5em;
    border: .2em solid rgba(0,0,0,.05);
    text-align: center;
    font: italic bold 1em/1.5em Georgia, Serif;
    color: #ccc;
    border-radius: 1.5em;
    transition: all .2s ease-out;    
    font-size:32px;
}

/* ------------------------------------------------------------------------------
     トップへ
------------------------------------------------------------------------------ */
#top { /* 外枠を角丸の四角にする */
	position: fixed; /* 表示場所を固定する */
	bottom: 50px; /* 下から10px */
	right: 10px; /* 右から10px */
	width: 60px; /* 横幅を40px */
	height: 60px; /* 高さを40px */


	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	background:rgba(255,201,38,1); /* 背景色を半透明の黒にする */
	overflow: hidden; /* textを非表示にする */
	text-indent: 100%; /* textを横幅と同じだけindent */
	white-space: nowrap; /* textを改行しない */
		z-index:40;
}
#top a {
	display: block; /* クリック可能な領域を広げる */
	padding: 10px 5px;
}
#top:hover {
	background:#FFC926; /* マウスオーバーしたら少し濃ゆくする */
}
#top a:after { /* 白い三角をプラスする */
	content: " ";
	position: absolute;
	top: 20px; /* 三角形を10px下にずらす */
	right: 0; /* 三角形を四角の中の中央に表示するために左右を0に指定 */
	left: 0;
	width: 0; /* 横幅と高さを0に指定 */
	height: 0;
	margin: 0 auto; /* 中央寄せ */
	border-right: 10px solid transparent; /* ボーダー色を背景色と同じにし中心から右側のサイズを指定 */
	border-bottom:18px solid #fff; /* 三角形の高さ */
	border-left: 10px solid transparent; /* ボーダー色を背景色と同じにし中心から左側のサイズを指定 */
	opacity: 0.8; /* 半透明化 */
}
#top a:hover:after {
	opacity: 0.8; /* マウスオーバーで一割透過 */
}

/* ------------------------------------------------------------------------------
     トップへ
------------------------------------------------------------------------------ */
#mainmokuji{
/*  width:1000px;*/
-js-display: flex;/*IE9・8　flexibility.js*/
/*display: inline-flex;
flex-direction: row;/*子要素を左から右に配置*/
flex-wrap: wrap;/*子要素を折り返し、複数行に上から下へ並べる*/
justify-content: flex-start;/*親要素に空きスペースがあった場合 行の開始位置から配置。左揃え。*/
align-items: flex-start;/*親要素の開始位置から配置。上揃え。*/
align-content: flex-start;/*親要素の開始位置から配置。上揃え。*/
display: flex;*/
  margin-top:80px;
  	text-align:center;
max-width: 90%;
  margin: 0 auto;

}

.card-f {
  margin-bottom:60px;
  width:100%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px #ccc;

}

.card {
 margin-bottom:60px;
  width:100%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 5px #ccc;
}

.card-img {
  border-radius: 10px 10px 0 0;
  max-width: 100%;
  height: auto;
}

.card-content {
  padding:16px;
}

.card-title {
	font-family: 'rounded-l-mplus-2p-regular';
  font-weight:400;
  font-size:130%;
  margin-bottom: 20px;
  text-align: center;
  color: #333;
}

.card-text {
  color: #999;
  line-height: 1.5;
  letter-spacing:10px;
}

.card-link {
  text-align: center;
  border-top: 1px solid #eee;
  padding: 24px;
}

.card-f a,.card a {
  text-decoration: none;
}

/* ------------------------------------------------------------------------------
     事例
------------------------------------------------------------------------------ */
.gmain{
width:100%;
margin-top:0px;
margin-bottom:40px;

}

.gallery{
 /*display: flex;*/
  flex-wrap: wrap;

}
	
.gallery img{
width:calc(96% / 3);margin:0px;
/*width:160px;*/
margin-right:0px;
margin-left:0px;
margin-top:0px;

}

.gallery img:nth-child(3n) {
margin-right: 0;

}



.kakomi{
display:block;
margin-bottom:8px;
font-size:16px;
}

#smyou{
margin-top:30px;
}


/* -------------------------- */
}
/* スマホ端末▲-------------------------- */
*/