@charset "utf-8";
/*===============================================
●PC.css 画面の横幅が769px〜 
===============================================*/
@media screen and (min-width: 769px) {
	
/*-------------------------------------------
デフォルトスタイルをリセット　共通
-------------------------------------------*/
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 {
   line-height: 1.7;
	letter-spacing: 1.5pt;
    -webkit-text-size-adjust: 100%;
	font-family :"Noto Sans Japanese", "メイリオ", "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Arial";
	background-image: url(../images/common/bk.png);
   color:#292929;
   font-size: 17px;
    text-align: justify; 
    }

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}

	p {
    font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	margin : 0;
	padding : 0;
	text-align: justify; 
}
		
	

img.ti {
 border: 0;
     vertical-align: bottom;
	 max-width: 800px;
     height: auto;
	margin: 0 auto;
}
	


ul, ol {
 list-style: none;
    font-size: 17px;
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	text-align: justify;
	margin : 0px;
	padding : 0px;

}
    
  /*-------------------------------------------
	youtube レスポンシブ
--------------------------------------------*/	   
    	.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
	
 /*-------------------------------------------
	テキストの大きさ
--------------------------------------------*/	
    .font_s1 {
        font-size: 20px;
    }	   
    
/*-------------------------------------------
	テキスト位置
--------------------------------------------*/
	.center {
		text-align: center;
	}
	
	.right {
		text-align: right;
	}
	
	/*-------------------------------------------
	テキストアンダーライン
--------------------------------------------*/
	.line1 {
  text-decoration: underline;
}
	
		.line2 {
  text-decoration: underline double;
}
	
			.line_w {
  text-decoration: underline wavy;
}
	
/*-------------------------------------------
	色
--------------------------------------------*/	
.red {
color:#FF0004;
	}
    
.autumn {
color:#FB3437;
	}
    
    
.green {
color:#1F8F15;
	}

.blue {
color:#2A5CF7;
	}
    
    .koniro {
      color:#13249B;  
    }
    
    .orenzi {
       color:#CA8F2C;  
    }
    
    .mizuiro {
     color:#2FA5D8;   
    }
    
      .pinku {
     color:#F655C5;   
    }
    
       .murasaki {
     color:#D30FD4;   
    } 
    
	.gw
	{color:#9300f9;
	}
	
	.aki{
	color:#e08a3e;	
	}
	
    .huyu{
	color:#8d1612;
	}
	

	
	
/*-------------------------------------------
	ページトップ
--------------------------------------------*/
.pagetop {
width: 60px;
height: 60px;
position: fixed;
right: 30px;
}

/*-------------------------------------------
	トップページへ戻る
--------------------------------------------*/
.top {
	width: 200px;
	margin: 0 auto;
	}	
	
/*-------------------------------------------
	article
--------------------------------------------*/	
article {
	overflow: hidden;
	margin: 0 0 120px 0;
	}
	
	
/*-------------------------------------------
	余白 画像用
--------------------------------------------*/	


/* 余白右 */
	.m_r20 {
		margin-right:20px;	
	}
	
	.m_r62 {
		margin-right:62px;	
	}
	
/* 余白下 */
.margin_bottom140 {
	 margin:0 auto 140px auto;	
	}
	
	
.margin_bottom10 {
	 margin-bottom:10px;	
	}
	
.m_b20 {
	 margin-bottom:20px;	
	}
	
	     .m_b40 {
	 margin-bottom:40px;	
	}
		
	
	
	
.m_b60 {
	 margin-bottom:60px;	
	}	
	
.m_b62 {
	 margin-bottom:62px;	
	}
	
.m_b80 {
	 margin-bottom:80px;	
	}	
	
	
/*-------------------------------------------
	余白　テキスト用
--------------------------------------------*/	
.p_b20 {
	 padding-bottom:20px;	
	}
		
 
	
/*-------------------------------------------
	リンク
--------------------------------------------*/		

a:link {
		-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:hover { 
    color: #0074ff;
} 
	
	

/*-------------------------------------------
	見出し
--------------------------------------------*/		
h2 {
	color: #9E005D;
	  font-size: 26px;
	font-weight: 400;
	  margin-bottom: 40px;
	}

h3 {
	 font-size: 28px;
	font-weight: 400;
    margin-bottom: 20px;
	text-align: center;
	}
	
	
	h4 {
	font-size: 22px;
		font-weight: 400;
	margin-bottom: 	20px;
	}	
	
	h5 {
	font-size: 20px;
	font-weight: 400;
		border-bottom: double 10px #0074ff;
		margin-bottom: 20px;
	}
    
    	h6 {
	font-size: 20px;
	font-weight: 400;
		margin-bottom: 20px;
            text-align: center;
    

	}
    
    h7 {
		font-size: 22px;
	    font-weight: 400;
            text-align: center;

              margin-bottom: 20px;
}
    
    h8 {
        		font-size: 40px;
	font-weight: 800;
            text-align: center;
        margin-bottom: 40px;
    }   
    
       h9 {
        		font-size: 18px;
	font-weight: 800;
            text-align: center;
        margin-bottom: 40px;
    }  

}



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

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;
font-size: 100%;
}

body {
letter-spacing: 1.5pt;
 line-height: 1.7;
 -webkit-text-size-adjust: none;
 font-family: "Sawarabi Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Arial";
 background-color:#F1F0E6;
 color:#292929;
 text-align: justify; 
font-size: 110%;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}
	
 img.ti {
max-width: 100%;
height: auto;
width /***/:auto;　
}

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

ul, ol {
 list-style: none;
    font-size: 110%;
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	text-align: justify;
	margin : 0px;
	padding : 0px;

}

	

	

p { 
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	text-align: justify;
	margin : 0px;
	padding : 0px;
}
    
      /*-------------------------------------------
	youtube レスポンシブ
--------------------------------------------*/	   
    	.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*-------------------------------------------
	テキストの大きさ
--------------------------------------------*/	
    .font_s1 {
        font-size: 125%;
    }	
    
    
    
	/*-------------------------------------------
	テキストの位置
--------------------------------------------*/	
	.center {
		text-alignt: center;
	}
		.right {
		text-align: right;
	}
	
	/*-------------------------------------------
	テキストアンダーライン
--------------------------------------------*/
	.line1 {
  text-decoration: underline;
}
	
		.line2 {
  text-decoration: underline double;
}
	
			.line_w {
  text-decoration: underline wavy;
}
    
    	
/*-------------------------------------------
	色
--------------------------------------------*/	
.red {
color:#FF0004;
	}
    
.autumn {
color:#FB3437;
	}
    
    
.green {
color:#1F8F15;
	}

.blue {
color:#2A5CF7;
	}
    
     .koniro {
      color:#13249B;  
    }
    
    .orenzi {
       color:#CA8F2C;  
    }
    
    .mizuiro {
     color:#2FA5D8;   
    }
      .pinku {
     color:#F655C5;   
    }
    
     .murasaki {
     color:#D30FD4;   
    } 
    
	.gw
	{color:#9300f9;
	}
	
	.aki{
	color:#e08a3e;	
	}
	
    .huyu{
	color:#8d1612;
	}
	
/*-------------------------------------------
	article
--------------------------------------------*/	
article {
	overflow: hidden;
	margin: 0 0 60px 0;
	}
	

/*-------------------------------------------
	余白　画像用
--------------------------------------------*/	


/* 余白右 */
	.m_r20 {
		margin-right:20px;	
	}
	
	.m_r62 {
		margin-right:62px;	
	}
	
/* 余白下 */
.margin_bottom140 {
	 margin:0 auto 140px auto;	
	}
	
	
.margin_bottom10 {
	 margin-bottom:10px;	
	}
	
.m_b20 {
	 margin-bottom:20px;	
	}

    
         .m_b40 {
	 margin-bottom:40px;	
	}
		
	
.m_b60 {
	 margin-bottom:60px;	
	}	
	
.m_b62 {
	 margin-bottom:62px;	
	}
	
    .m_b80 {
	 margin-bottom:80px;	
	}	
	
	
/*-------------------------------------------
	余白　テキスト用
--------------------------------------------*/	
.p_b20 {
	 padding-bottom:20px;	
	}

	
	
/*-------------------------------------------
	見出し
--------------------------------------------*/		
h2 { 
	
	  margin:0 auto 40px auto;
	}



h3 {
	font-size: 140%;
margin-bottom: 20px;
	font-weight: 400;
	text-align: center;

	}	

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

h5 {
	font-size: 120%;
	font-weight: 400;
	margin-bottom: 20px;
	border-bottom: double 10px #0074ff;
	}

       	h6 {
font-size: 140%;
	font-weight: 400;
	margin-bottom: 18px;
            text-align: center;
	}
    
        h7 {
		font-size: 140%;
	font-weight: 400;
            text-align: center;
        margin-bottom: 20px;
}
    
    
    h8 {
        		font-size: 160%;
	font-weight: 800;
            text-align: center;
               line-height: 1.2;
        margin-bottom: 40px;
    }   

/*-------------------------------------------
	トップページへ戻る
--------------------------------------------*/
.top {
	width: 150px;
	margin: 0 auto;
	}		
	
/*-------------------------------------------
	ページトップ
--------------------------------------------*/	
.pagetop {
	display: none;
}

	
}