@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 {
		font-size: 18px;
   line-height: 1.8;
	letter-spacing: 1.5pt;
    -webkit-text-size-adjust: 100%;
	font-family :"Noto Sans Japanese", "メイリオ", "Meiryo UI", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Arial";
		font-weight: 400;
   background-color:#fffaf0;
   color:#292929;
   text-align: justify; 
}

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;
}
	
/*-------------------------------------------
文字白色
-------------------------------------------*/
	.white {
		color: #FFFFFF;
	}

	
/*-------------------------------------------
電話案内固定
-------------------------------------------*/
	.h_tel_sp {
	display: none;
	}
	
/*-------------------------------------------
見出し
-------------------------------------------*/

	
h2 {
	color: #3698ce;
	font-size: 28px;
	font-weight: 600;
	font-family: "Sawarabi Gothic";
	margin-bottom: 20px;
	text-align: center;
	}
	

h3 {
	  font-size: 22px;
	  font-weight: 600;
	  font-family: "Sawarabi Gothic";
	margin-bottom: 10px;
	}

/* よくある質問 */
	h4 {
	  font-size: 22px;
	  font-weight: 400;
	  font-family: "Sawarabi Gothic";
	margin-bottom: 10px;
		background-color: #3698ce;
		color: #FFFFFF;
		padding: 5px 5px 5px 20px;
		   border-radius: 5px;
	}
	
	h5 {
	  font-size: 22px;
	  font-weight: 600;
	  font-family: "sawarabi Mincho";
	text-align: center;
	margin-bottom: 30px;	
	}
	


/*-------------------------------------------
テキスト
-------------------------------------------*/
p {

	margin : 0px;
	padding : 0px;
	text-align: justify;
	line-height: 40px;
  
}
	
	
	.t30box {
		width: 600px;
		margin: 0 auto;
	}
	
	.center {
		font-size: 18px;
		font-weight: 200;
		text-align: center;
		padding-bottom: 40px;
	}
	
	/*赤太文字*/
	.btr {
		color: #FF0000;
		font-weight: 600;
	}	
	

/*太文字*/
	.bt {
		font-weight: 600;
	}	
	
	
	.bottomline {
		border-bottom: #909090 1px solid;
	}



/*-------------------------------------------
コンテンツを包む
-------------------------------------------*/
article {
	overflow: hidden;
	margin: 0;
	}
	
	
/*-------------------------------------------
コンテンツ上下余白
-------------------------------------------*/
	.box {
		width: 1160px;
		margin:0 auto 0 auto;
		padding: 100px 0 100px 0;
	}
	
	/*-------------------------------------------
コンテンツ上下余白 横幅100%
-------------------------------------------*/
	.box_100 {
		width: 100%;
		margin:0 auto 0 auto;
		padding: 100px 0 100px 0;
	}
	
/*-------------------------------------------
余白下
-------------------------------------------*/
.m_b10 {
	 margin-bottom:10px;	
	}
	
	.m_b20 {
	 margin-bottom:20px;	
	}
	
		.m_b40 {
	 margin-bottom:40px;	
	}
	
	
.m_b60 {
	 margin-bottom:60px;	
	}
	
	.m_b80 {
	 margin-bottom:80px;	
	}
	
/*-------------------------------------------
リンク
-------------------------------------------*/	
a:link {
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:hover { 
    color: #3698ce;
} 
	
	
	.blue {
		font-weight: 600;
		color: #1111cc;
	}	
	
/*-------------------------------------------
ページトップ
-------------------------------------------*/		
.pagetop {
width: 80px;
height: 80px;
position: fixed;
right: 60px;
}

/*-------------------------------------------
チェックマーク
-------------------------------------------*/	
.checkmark005{
	padding-left:24px;
	position:relative;
}

.checkmark005:before,
.checkmark005:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark005:before{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #000000;
	left:0;top:2px;
}
.checkmark005:after{
	border-left:2px solid #ff0000;
	border-bottom:2px solid #ff0000;
	width:15px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:3px;
}


}



/*===============================================
●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: 98%;
}

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:#fffaf0;
 color:#292929;
 text-align: justify; 

}

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;
}
	
/*-------------------------------------------
白色
-------------------------------------------*/
	.white {
		color: #FFFFFF;
	}

	

/*-------------------------------------------
電話案内固定
-------------------------------------------*/	
	.h_tel_sp {
	position: fixed;
width: 70px;
	height: 60px;
    margin: 0;
	z-index: 2;
bottom:50px;
	right: 0px;
	opacity:1.0;
}

	/*-------------------------------------------
コンテンツを包む index用
-------------------------------------------*/		
.sp_warp {
	overflow: hidden;
	height: auto;
	padding: 20px 15px 0 15px;
}


/*-------------------------------------------
コンテンツを包む
-------------------------------------------*/		
#sp_warp {
	overflow: hidden;
	height: auto;
	padding: 20px 15px 0 15px;
}

/*-------------------------------------------
見出し
-------------------------------------------*/
    
    h1 {
    	color: #FFFFFF;
		margin: 0 auto;	
		padding: 1px;
		text-align: center;
		font-size: 70%;
		font-weight: 400;
    }
    
	h2 {
	color: #3698ce;
   font-size: 160%;
   font-weight: 600;
   font-family: "Sawarabi Gothic";
	  margin-bottom: 15px;
	text-align: center;
	}
	
		h3 {
        padding: 5px 0 5px 0;/*文字まわり（上下左右）の余白*/
	  font-size: 115%;
	font-weight: 200;
	  font-family: "Sawarabi Gothic";
	}
	
	/*よくある質問*/
	h4 {
	  font-size: 115%;
	  font-weight: 600;
	  font-family: "Sawarabi Gothic";
	margin-bottom: 10px;
		background-color: #3698ce;
		color: #FFFFFF;
		padding: 5px 10px 5px 10px;
		   border-radius: 5px;
	}
	
	h5 {
	  font-size: 115%;
	  font-weight: 600;
	  font-family: "Sawarabi Gothic";
	text-align: center;
	margin-bottom: 30px;	
	}

/*-------------------------------------------
通常テキスト
-------------------------------------------*/
p { 
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	text-align: justify;
	margin : 0px;
	padding : 0px;
}
	
.center {
	  font-size: 110%;
		text-align: center;
		padding-bottom: 20px;
	}
	
		/*赤太文字*/
	.btr {
		color: #FF0000;
		font-weight: 600;
	}	
	
	/*太文字*/
	.bt {
		font-weight: 600;
	}	
	
	
	.bottomline {
		border-bottom: #909090 1px solid;
	}



/*-------------------------------------------
article
-------------------------------------------*/
article  {
	overflow: hidden;
	margin: 0 0 60px 0;
	
	}

/*-------------------------------------------
余白下
-------------------------------------------*/	
.m_b10 {
	 margin-bottom:10px;	
	}
	
	.m_b20 {
	 margin-bottom:20px;	
	}
	
	.m_b40 {
	 margin-bottom:40px;	
	}
	
	
.m_b60 {
	 margin-bottom:60px;	
	}
	
	.m_b80 {
	 margin-bottom:80px;	
	}

/*-------------------------------------------
リンク
-------------------------------------------*/	
a:link {
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:hover { 
  
 color: #3698ce;
} 

	.blue {
		color: #1111cc;
		font-weight: 600;
	}	
	

/*-------------------------------------------
ページトップ
-------------------------------------------*/		
.pagetop {
	display: none;
}

	
	
/*-------------------------------------------
チェックマーク
-------------------------------------------*/	
.checkmark005{
	padding-left:24px;
	position:relative;
}

.checkmark005:before,
.checkmark005:after{
	content:"";
	display:block;
	position:absolute;
}
.checkmark005:before{
	width:16px;
	height:16px;
	border-radius:3px;
	background:#ffffff;
	border:1px solid #000000;
	left:0;top:2px;
}
.checkmark005:after{
	border-left:2px solid #ff0000;
	border-bottom:2px solid #ff0000;
	width:15px;
	height:5px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	left:5px;
	top:3px;
}

}