@charset "utf-8";
/*===============================================
●PC.css 画面の横幅が980px〜 
===============================================*/
@media screen and (min-width: 980px){
	
/*-------------------------------------------
デフォルトスタイルをリセット　共通
-------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, table, 
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
margin: 0;
padding: 0;
}

body {
	  width: 100%;
  height: 100%;
	font-family :"Helvetica Neue", "Arial","Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo",sans-serif;
	font-size: 17px;
   line-height: 1.8;
	letter-spacing: 1.3pt;
    -webkit-text-size-adjust: 100%;
     text-align: justify; 
	  background-color:#FEFEFE;
	 color: 333333;
 	margin: 0;
     padding: 0;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}
	
img {
 border: 0;
     vertical-align: bottom;
	}
	


ul, ol {
 list-style: none;
}


/*-------------------------------------------
メニュー
-------------------------------------------*/
	
	table {
		width: 70%;
		border: 0;
		font-size: 100%;
		margin: 0 auto;
	}
  
	th,td,tr {
		vertical-align:top;
		padding: 5px 0 5px 0;
	}
	
	.menuBox {
		width: 70%;
		margin: 0 auto;
	}
	
	.boder__2 {
		font-weight: 800;
		text-align: center;
		border-top: solid 1px #000000;
		border-bottom: solid 1px #000000;
	}

/*-------------------------------------------
テキスト
-------------------------------------------*/

	
 /* 下の行1字空ける*/
	.noteList {
  display: table-cell;
  white-space: nowrap;
}
.noteText {
  display: table-cell;
}
	
	 /* 横並び*/
.itemBox {
  display: flex;
	justify-content:flex-start;
}
	
.item1{
  text-align: left;
  width: 30%;
  height: auto;
}
	
	.item2{
  text-align: left;
  width: 80%;
  height: auto;
}
	
		.item3{
  text-align: left;
  width: 80%;
  height: auto;
}

	.yogi {
		font-family:   "Yomogi";
	}

.b {
	   font-weight: bold;
	}
	
	
	.center {
		text-align: center;
	}
	
	.sawarabi {
		font-family: "Sawarabi Mincho";
	}
	
	
		.gothic {
		font-family: "Hiragino Kaku Gothic ProN";
			
	}
	
	
	.t-small　{
		font-size: 40%;
	}
	
	
	.left {
		text-align: left;
	}
	
	.right {
		text-align: right;
	}

/*-------------------------------------------
余白
-------------------------------------------*/	
		.bottom20 {
		margin-bottom: 20px;
	}
	
		.bottom60 {
		 margin-bottom: 60px;
			}
	
	.bottom120 {
		margin-bottom: 120px;
	}	
	
	
	.right30 {
		margin-right: 30px;
	}
	
	.right5 {
		margin-right: 5px;
	}

	
	
/*-------------------------------------------
下線
-------------------------------------------*/
		.line {
		width: 40px;
		border: #333333 solid 2px ;
		margin: 0 auto 60px auto;
	}
	
	
	
		
	
/*-------------------------------------------
h1,h2,h3,h4,h5
-------------------------------------------*/
	 /* タイトル */
	h1 {
		font-family: "Yomogi";
	    font-size: 120%;
	    font-weight:400;
		color: #fff;
	}
	
	
 /* キャッチ */
	h2 {
	text-align: center;
	color:#333333;
	font-size: 200%;
	font-family:  "Yomogi" ;
	padding-top: 170px;
	}
	
		
	/* ナビ項目*/
	h3 {
		font-family: "Yomogi";
		font-size: 200%;
		font-weight: 400;
		color:#333333;
		text-align: center;
		padding-bottom: 100px; 
		
	}
	
	
	/* name */
h4 {
		font-family: "Sawarabi Mincho";
		font-weight: 400;
		color:#333333;
		text-align: center;
		padding-bottom: 20px; 
	}

/*-------------------------------------------
section
-------------------------------------------*/
	section {
		overflow: hidden;
		width: 750px;
		height: auto;
		margin: 0 auto 300px auto;
	}
	 
	
	
/*-------------------------------------------
ツイッター
-------------------------------------------*/	
	.tw {
		width: 500px;
		margin:0 auto;
	}
	
/*-------------------------------------------
リンク
-------------------------------------------*/	
a:link {
    padding: 0;
	margin: 0;
    color:#333333;
    text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;

} 
	


a:visited { color:#333333; }




 a.no-links  {
    pointer-events: none;
}

	
	

}



/*===============================================
●SP.css  画面の横幅が〜979px
===============================================*/
@media screen and (max-width:979px) {

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, table,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
margin: 0;
padding: 0;
}

body {
	font-family :"Helvetica Neue", "Arial","Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo",sans-serif;
	font-size: 110%;
   line-height: 1.8;
	letter-spacing: 1.3pt;
    -webkit-text-size-adjust: 100%;
     text-align: justify; 
	  background-color:#FEFEFE;

}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}
	
img {
 border: 0;
     vertical-align: bottom;

	}


ul, ol {
 list-style: none;
}
	
	
/*-------------------------------------------
メニュー
-------------------------------------------*/
	
	table {
		width: 100%;
		border: 0;
		font-size: 100%;
		margin: 0 auto;
	}
  
	th,td,tr {
		width: 50%;
		vertical-align:top;
		padding: 5px 0 5px 0;
	}
	
	.menuBox {
		
	}
	
	.boder__2 {
		font-weight: 800;
		text-align: center;
		border-top: solid 1px #000000;
		border-bottom: solid 1px #000000;
	}


/*-------------------------------------------
テキスト
-------------------------------------------*/

.b {
	   font-weight: bold;
	}
	
	
	.center {
		text-align: center;
	}
	
	.sawarabi {
		font-family: "Sawarabi Mincho";
	}
	
	.gothic {
		font-family: "Hiragino Kaku Gothic ProN";
			
	}
	
	
	 /* 下の行1字空ける*/
	.noteList {
  display: table-cell;
  white-space: nowrap;
}
.noteText {
  display: table-cell;
}
	
.left {
		text-align: left;
	}
	
	.right {
		text-align: right;
	}

	
/*-------------------------------------------
余白
-------------------------------------------*/	
		.bottom20 {
		margin-bottom: 20px;
	}
	
		.bottom60 {
		 margin-bottom: 60px;
			}
	
	.bottom120 {
		margin-bottom: 120px;
	}	
	
		.sbm15 {
		padding-bottom: 15px;
	}	
	
	
		.right5 {
		margin-right: 5px;
	}

/*-------------------------------------------
下線
-------------------------------------------*/
		.line {
		width: 40px;
		border: #333333 solid 2px ;
		margin: 0 auto 60px auto;
	}
	
	
	
/*-------------------------------------------
h1,h2,h3,h4,h5
-------------------------------------------*/
		/* タイトル */
	h1 {
	font-family: "Yomogi";
	font-size: 120%;
		padding: 20px 0 0 10px;
			color: #fff;
	}
	
	/* キャッチ */
	h2 {
	text-align: center;
	color:#333333;
	font-size: 150%;
	font-family:  "Yomogi" ;
	padding-top: 60px;
	}
	
	/* ナビ項目*/
	h3 {
		font-family: "Sawarabi Mincho";
		font-size: 160%;
		font-weight: 300;
	    color:#333333;
		text-align: center;
		padding-bottom: 100px;

	}
	
		/* name */
h4 {
		font-family: "Sawarabi Mincho";
		font-weight: 400;
		color:#333333;
		text-align: center;
		padding-bottom: 20px; 
	}

	
	
	
/*-------------------------------------------
section
-------------------------------------------*/
	section {
		overflow: hidden;
		margin: 0 auto 200px auto;
		padding: 0 20px 0 20px;
	
	}

/*-------------------------------------------
ツイッター
-------------------------------------------*/	
	.tw {
		width: 100%;
		margin:0 auto;
	}	

/*-------------------------------------------
リンク
-------------------------------------------*/	
a:link {
padding: 0;
margin: 0;
color:#333333;
text-decoration: none;
		-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
} 
	
a:visited { color:#333333; }






	
}