/* CSS Document */

/**************************基本**************************/
.m0{ margin:0 !important; }
.p0{ padding:0 !important; }

.mt0{ margin-top:0 !important; }
.mt05{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt35{ margin-top:35px !important; }
.mt40{ margin-top:40px !important; }
.mt45{ margin-top:45px !important; }
.mt50{ margin-top:50px !important; }
.mt60{ margin-top:60px !important; }
.mt70{ margin-top:70px !important; }
.mt80{ margin-top:80px !important; }
.mt90{ margin-top:90px !important; }
.mt100{ margin-top:100px !important; }
.mt120{ margin-top:120px !important; }

.mb0{ margin-bottom:0 !important; }
.mb05{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb35{ margin-bottom:35px !important; }
.mb40{ margin-bottom:40px !important; }
.mb45{ margin-bottom:45px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb80{ margin-bottom:80px !important; }
.mb90{ margin-bottom:90px !important; }
.mb100{ margin-bottom:100px !important; }

.ml0{ margin-left:0 !important; }
.ml05{ margin-left:5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml35{ margin-left:35px !important; }
.ml40{ margin-left:40px !important; }
.ml45{ margin-left:45px !important; }
.ml50{ margin-left:50px !important; }
.ml60{ margin-left:60px !important; }
.ml70{ margin-left:70px !important; }
.ml80{ margin-left:80px !important; }
.ml90{ margin-left:90px !important; }
.ml100{ margin-left:100px !important; }

.mr05{ margin-right:5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr35{ margin-right:35px !important; }
.mr40{ margin-right:40px !important; }
.mr45{ margin-right:45px !important; }
.mr50{ margin-right:50px !important; }
.mr60{ margin-right:60px !important; }
.mr70{ margin-right:70px !important; }
.mr80{ margin-right:80px !important; }
.mr90{ margin-right:90px !important; }
.mr100{ margin-right:100px !important; }


.pt05{ padding-top:5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt25{ padding-top:25px !important; }
.pt30{ padding-top:30px !important; }
.pt35{ padding-top:35px !important; }
.pt40{ padding-top:40px !important; }
.pt45{ padding-top:45px !important; }
.pt50{ padding-top:50px !important; }
.pt60{ padding-top:60px !important; }
.pt70{ padding-top:70px !important; }
.pt80{ padding-top:80px !important; }
.pt90{ padding-top:90px !important; }
.pt100{ padding-top:100px !important; }

.pb05{ padding-bottom:5px !important; }
.pb10{ padding-bottom:10px !important; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.pb25{ padding-bottom:25px !important; }
.pb30{ padding-bottom:30px !important; }
.pb35{ padding-bottom:35px !important; }
.pb40{ padding-bottom:40px !important; }
.pb45{ padding-bottom:45px !important; }
.pb50{ padding-bottom:50px !important; }
.pb60{ padding-bottom:60px !important; }
.pb70{ padding-bottom:70px !important; }
.pb80{ padding-bottom:80px !important; }
.pb90{ padding-bottom:90px !important; }
.pb100{ padding-bottom:100px !important; }

.pl05{ padding-left:5px !important; }
.pl10{ padding-left:10px !important; }
.pl15{ padding-left:15px !important; }
.pl20{ padding-left:20px !important; }
.pl25{ padding-left:25px !important; }
.pl30{ padding-left:30px !important; }
.pl35{ padding-left:35px !important; }
.pl40{ padding-left:40px !important; }
.pl45{ padding-left:45px !important; }
.pl50{ padding-left:50px !important; }
.pl60{ padding-left:60px !important; }
.pl70{ padding-left:70px !important; }
.pl80{ padding-left:80px !important; }
.pl90{ padding-left:90px !important; }
.pl100{ padding-left:100px !important; }

.pr05{ padding-right:5px !important; }
.pr10{ padding-right:10px !important; }
.pr15{ padding-right:15px !important; }
.pr20{ padding-right:20px !important; }
.pr25{ padding-right:25px !important; }
.pr30{ padding-right:30px !important; }
.pr35{ padding-right:35px !important; }
.pr40{ padding-right:40px !important; }
.pr45{ padding-right:45px !important; }
.pr50{ padding-right:50px !important; }
.pr60{ padding-right:60px !important; }
.pr70{ padding-right:70px !important; }
.pr80{ padding-right:80px !important; }
.pr90{ padding-right:90px !important; }
.pr100{ padding-right:100px !important; }


.t_center{ text-align:center!important;}
.t_right{ text-align:right!important;}
.t_left{ text-align:left!important;} 
.v_top{ vertical-align:top;}
.v_middle{ vertical-align:middle;}
.v_bottom{ vertical-align:bottom;}
.v_txt_bot{ vertical-align:text-bottom;}
.float_r{ float:right;}
.float_l{ float:left;}

.va_-3px{ vertical-align:-3px;}
.va_-5px{ vertical-align:-5px;}

.fontb{font-weight:bold;}

.txt50p{font-size:50% !important;}
.txt60p{font-size:60% !important;}
.txt70p{font-size:70% !important;}
.txt80p{font-size:80% !important}
.txt90p{font-size:90% !important;}
.txt95p{font-size:95% !important;}
.txt100p{font-size:100%　!important;}
.txt110p{font-size:110% !important;}
.txt120p{font-size:120% !important;}
.txt130p{font-size:130% !important;}
.txt140p{font-size:140% !important;}
.txt150p{font-size:150% !important;}
.txt160p{font-size:160% !important;}
.txt170p{font-size:170% !important;}
.txt180p{font-size:180% !important;}
.txt190p{font-size:190% !important;}
.txt200p{font-size:200% !important;}
.txt240p{font-size:240% !important;}
.txt280p{font-size:280% !important;}

.txt-red{color:#FF0004;}
.txt-000{color:#000;}
.txt-555{color:#555;}
.txt-888{color:#888;}
.txt-right-green{color:#b9f084;}
.txt-green{color: #449627;}
.txt-green2{color: #41B739;}
.txt-green3{color: #087B00;}
.txt-green4{color: #A7D1BB;}
.txt-blue{color: #00a0e9;}
.txt-blue2{color: #307BE0;}
.txt-gold{color: #6F5B00;}

.font-Georgia{font-family:Georgia, "Times New Roman", Times, serif;}
.font-Anto{
	font-family: 'Anton', sans-serif;
}


.lh10{line-height:10px;}
.lh11{line-height:11px;}
.lh12{line-height:12px;}
.lh13{line-height:13px;}
.lh14{line-height:14px;}
.lh15{line-height:15px;}
.lh16{line-height:16px;}
.lh17{line-height:17px;}
.lh18{line-height:18px;}
.lh19{line-height:19px;}
.lh20{line-height:20px;}
.lh21{line-height:21px;}
.lh22{line-height:22px;}
.lh23{line-height:23px;}
.lh24{line-height:24px;}
.lh25{line-height:25px;}
.lh26{line-height:26px;}
.lh27{line-height:27px;}
.lh28{line-height:28px;}
.lh29{line-height:29px;}
.lh30{line-height:30px;
}
.lh110p{line-height: 1.1;}
.lh120p{line-height: 1.2;}
.lh140p{line-height: 1.4;}




img {
/*　　画像の下の余白*/
	vertical-align:bottom;
	
	

}



.clearfix:after {
    clear: both;
    content: "."; 
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
}
a.mouseover:hover img { filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

.pic-round{
	border-radius:10px;}
	
.sp_only{
	display:none;}


.ml_only{
	display: none;
}

.txt-torikesisen{
	text-decoration:line-through;}


/*ページ内リンクのズレ*/

.anker,
#hananoen,
#fuga,
#dsj
{
  margin-top : -70px;
  padding-top : 70px;
}


	
.caution{
	text-indent:-1em;
	padding-left:1em;}
.caution6em{
	padding-left:6em;
	position:relative;}
.caution6em span{
	position:absolute;
	display:block;
	left:0;
	top:0;}
	
.anchorpoint{
	padding-top:135px;
	margin-top:-135px;}
	

	
	
	





@media screen {
.headroom {position: fixed;top: 0;right: 0;right: 0;transition: all .6s linear;z-index:9999;
width: 100%;}
.headroom--unpinned {top: -80px;}
.headroom--pinned {top: 0;}

}








/*----------------------------------*/
body{margin:0 auto;
	font-family: "メイリオ","serif,ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

color:#000;
width:100%;

position:relative;
z-index:0;
	
		background: url(/common/img/top/point/bg_point2.jpg);
		
		
		
		
 }


/*
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body {
  font-family: "Yu Gothic", YuGothic;
}


*/






/*フォント周り*/
body {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
  @media only screen and(-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}




header{
/*	background:#fff;*/
	padding: 30px 20px 0px 20px ;
	
}
.active header{
	background:none;}



header .inner{
	width: 100%;
	max-width: 1110px;
	margin:auto;
/*	height:83px;*/
	background: rgba(255,255,255,1.00);
	

	display: block; /* before Android4.3 iOS6:Safari */
	display:flex;
	display:-ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack: justify;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	
	
	/* box-shadow */
box-shadow:5px 5px 32px 0px rgba(0,0,0,0.13);

/* border-radius */
border-radius:10px 10px 10px 10px ;

	
	}






/*ヘッダー
-------------------------------------------------------*/
header .inner {
		position: relative;
}
header .inner a{
	text-decoration:none;
		display:flex;
	display:-ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack: justify;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	color: #FFFFFF;
	}

.gnav_1 h1{

position: absolute;
  top: 50%;
/*  left: 50%;*/
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%) ;
  
	}
.gnav_1 h1 img{

}

.gnav_9{
	font-size:130%;}
.gnav_9 i{
	font-size:115%;}
	





.menu-trigger{

	}
	
	
	
	
	


p.menu-title{

}

.menu--box--wrap{
	position: relative;
	height: 18px;
	
/*
	top: 10px;
	right: 10px;
*/
	
}


.menu-trigger span {
	display: inline-block;
	transition: all .7s;
	box-sizing: border-box;
	
	position: absolute;
	vertical-align: -2px;
	width: 22px;
	right: 0;
	height: 1px;
	background-color: #ffffff;
	border-radius: 1px;
}





.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 9px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.active .menu-trigger span {
	background-color:#ffffff;
}
.active .menu-trigger span:nth-of-type(1) {
	-webkit-transform: translateY(8.5px) rotate(-45deg);
	transform: translateY(8.5px) rotate(-45deg);
}
.active .menu-trigger span:nth-of-type(2) {
	opacity: 0;
}
.active .menu-trigger span:nth-of-type(3) {
	-webkit-transform: translateY(-8.5px) rotate(45deg);
	transform: translateY(-8.5px) rotate(45deg);
}






.active .menu-trigger:after {
		color:#fff;
}

.openmenu{
	width: 100%;
	height: 100vh;
    width: 100vw;
    position: fixed;
    left: 0;
    top: 0;

	padding-top:100px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#89DFC0), to(#3A79AD));
	background:linear-gradient(45deg, #89DFC0, #3A79AD);
	color:#fff;
	opacity:0;
	font-weight:200;
	overflow-y:scroll;
	    -webkit-overflow-scrolling: touch;
		z-index:999;
	border-bottom: 1px solid rgba(255,255,255,0.7);
	}
.openmenu.fadeOutUp{
	display:none;
	}
	
.openmenu.animated.fadeOutUp{
	display:block;
	}
	
.active .openmenu{
	opacity:1;
	}
	

	

.openmenu a{
	text-decoration:none;
	color:#fff;
	}
.openmenu a:hover{
	color:#79CBFF;
	}
.openmenu_wrap{
	max-width:600px;
	margin:auto;
	padding: 1em;}
	
.openmenu_box{
	margin-top:100px;
	padding:15px 10px;
	border:1px solid #555;
	border-left:none;
	border-right:none;}
	
.openmenu_box span{
	margin-left:20px;}
	
.openmenu_ul{
  /* 待ってからアニメーションする */
  -webkit-animation-duration: .6s;
  animation-delay:.6s;
}


.openmenu_ul li{
	border-bottom: 1px solid rgba(228,228,228,0.3);
	padding: 0.2em;
	font-size: 16px;
	text-align:left;
}
.openmenu_box{
  /* 待ってからアニメーションする */
  -webkit-animation-duration: 1.2s;
  animation-delay:1.2s;
}


/* 767px以下: デフォルト */


/* 768px以上 */
@media (min-width: 768px) {

	

	
.openmenu_box{
	padding-top:300px;
	padding:15px 10px;
	
	}
	
	.openmenu_ul li{
	padding: 0.7em;
	font-size: 18px;
	}
.openmenu_wrap{
	padding: 2em  1em  1em  1em ;

	}

}



/* 992px以上 */
@media (min-width: 992px) {


}

/* 1200px以上 */
@media (min-width: 1200px) {
  
}























/*トップ*/
.top_main{
	overflow:hidden;
	text-align:center;
	position:relative;

}
.top--img--wrap{
/*
	position:relative;
	overflow: hidden;
*/
/*	height: 520px;*/
	background: url(/common/img/top/top_main/p_main_02.jpg) center center;
	

}










.inner-txt_wrap{
/*
	width: 100%;

	text-align: left !important;
	margin: 0px auto 0px auto;
	padding: 150px 0px  0px  10px ;
	position: absolute;
	top: 0px;
	left:50%;
 -webkit-transform:  translateX(-50%);
  transform:  translateX(-50%);
	z-index: 10;
*/
}




	.inner-txt_1{
	color: rgba(255,255,255,1.00);
	font-size: 1.6em;
	text-shadow:2px 2px 2px rgba(0,0,0,0.19);
	}

	.inner-txt_2{
		color: rgba(255,255,255,1.00);
		font-size: 50px;
		font-weight: bold;
		line-height: 1.3em;
		margin-top: 0.4em;
		
		text-shadow:2px 2px 2px rgba(0,0,0,0.19);
			
			
	}
	.inner-txt_3{
		margin-top: 1em;
		font-size: 16px;
		line-height: 1.8em;
    text-shadow: 0 0 10px rgba(255,255,255,.5);
}

.top_main_txt_box{
		width: 100%;
		text-align: center;
		padding: 1em;
		background: #FFF500;
	
		color:#333333;

}

p.top_main_txt_txt{
		font-size: 20px;
}
.top_main_txt_hosoku{
		font-size: 14px;
}





@media (min-width: 768px) {
	.top--img--wrap{
			height:90vh;
			max-height: 540px;
			
		}

		.top--img--wrap img{
			top:10%;
		}
	
	
			.inner-txt_1{
			font-size: 1.2em;
			margin-top: 0em;
			}

			.inner-txt_2{
			font-size: 45px;
			}
			.inner-txt_3{
			font-size: 15px;



			}

	

}
		



@media (min-width: 1000px) {
	.top--img--wrap{
			height:90vh;
			max-height: 560px;
			
		}

		.top--img--wrap img{
			top:0%;
		}
	
	
			.inner-txt_1{
			font-size: 1.2em;
			margin-top: 0em;
			}

			.inner-txt_2{
			font-size: 55px;
			}
			.inner-txt_3{
			font-size: 15px;



			}

	

}
		


















/*共通項目
----------------------------------------------------------------------*/

/* 767px以下: デフォルト */


.h1-type01{
		font-size: 25px;
		font-weight: bold;
}
	.h1-type01::after{
		content: "";
		display: block;
		border-bottom: 4px solid #FFF500;
		width: 100px;
		margin: 0.5em auto;
		
	}

.h1-type02{
	background: #3EB5DD;
	color: #FFFF00;
	text-align: center;
	max-width:700px;
	padding: 0.3em 0;
	box-shadow:10px 10px 32px -4px rgba(0,0,0,0.31);
	margin: 1.5em auto;
	font-size: 1.5em;
	font-weight: normal;

}







.h2-type01{
		font-size: 20px;
		font-weight: 100;
}



.h2-type02::after{
	content: "";
	border-bottom: 8px solid #FFFF00;
	display:block;
	max-width: 10em;
	margin: 0.5em  auto  2em  auto ;


}

.h2-type02{
	font-size: 20px;
	text-align: center;
	
}






.center{
	text-align: center;
}




.hosoku--hang{
	font-size: 12px;
	text-indent: -1em;
    margin-left: 1em;

}


.hosoku--hang2 li{
	text-indent: -1em;
    margin-left: 1em;

}


/*テーブル*/
table.type03 {
	border-collapse: collapse;
	line-height: 1.5;
/*	border-top: 1px solid #ccc;*/
	border-left: 1px solid #95989A;
}

table.type03 td {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #95989A;
	border-bottom: 1px solid #95989A;
	vertical-align: middle;
}





.box--link{
	
}


	.box--link a{
	display: block;
	height: 100%;
	}





/*ボタン*/
.btn-type01{
	border: 1px solid #000000;
	text-align: center;
		transition:.4s;
	width: 80%;
	margin: 1em auto;
}

	.btn-type01 a{
		display: block;
		padding: 1em;
		color: #000000;	
		text-decoration: none;
	}

	.btn-type01:hover{
		box-shadow:10px 10px 42px -4px rgba(0,0,0,0.62);
		transition:.4s;
		}


.btn-type01b{
/*
	border: 1px solid #000000;
	text-align: center;
		transition:.4s;
	width: 80%;*/
	margin: 0.3em auto;

	font-size: 0.8rem;
}
/*

	.btn-type01b a{
		display: block;
		padding: 0.5em 0.1em;
		color: #000000;	
		text-decoration: none;
	}

	.btn-type01b:hover{
		box-shadow:10px 10px 42px -4px rgba(0,0,0,0.62);
		transition:.4s;
		}

*/








/*黄色ボタン*/
.btn-type02{
	background: #FFF500;
	text-align: center;
	padding: 1em;
	width: 80%;
	margin: 1em auto;
	display: block;
	color: #000000 ;
	font-weight: bold;
	box-shadow:10px 10px 10px -6px rgba(0,0,0,0.2);
	transition:.4s;
	cursor: pointer;
}

	.btn-type02:hover{
		background: #FFFBA4;
	box-shadow:10px 10px 42px -4px rgba(0,0,0,0.62);
		transition:.4s;
		color: #FFFFFF:
	}



/*白ボタン*/
.btn-type03{
	background: #FFFFFF;
	
	padding: 1em;
	width: 200px;
	margin: 0em auto 1em auto;
	display: block;
	color: #000000 ;
	text-align: center;
	font-weight: bold;
	box-shadow:10px 10px 10px -6px rgba(0,0,0,0.2);
	transition:.4s;
	cursor: pointer;
}

	.btn-type03:hover{
		background: #FFFBA4;
		box-shadow:10px 10px 42px -4px rgba(0,0,0,0.62);

				transition:.4s;
	}










/* 768px以上 */
@media (min-width: 768px) {
	.h1-type01{
		font-size: 30px;
	}
	.h1-type02{
		font-size: 26px;
		margin: 2.5em auto 3em auto;
	}
	



}

/* 992px以上 */
@media (min-width: 992px) {
.btn-type02{
	background: #FFF500;
	text-align: center;
	padding: 1em;
	width: 300px;
	margin: 1em auto;
	display: block;
	color: #000000 ;
	font-weight: bold;
	box-shadow:10px 10px 10px -6px rgba(0,0,0,0.2);
	transition:.4s;
	cursor: pointer;
}
}

/* 1200px以上 */
@media (min-width: 1200px) {
  
}






































/*ポイント
-----------------------------------------------------------*/




	/* 767px以下: デフォルト */
	.point--wrap{
		background:url( /common/img/top/point/bg_point@sp.jpg) top center;
		background-size: auto;
		padding: 3em 0px;

	}


		.point--inner{
			width: 90%;
			margin: auto;
			padding: 2.5em 1.5em 3em 1.5em ;
			background: rgba(255,255,255,0.9);
		}


		.point--detail{
			msx-width: 730px;
			margin: auto;


		}

		.point--detail p{
				line-height: 2em;
				
		}




	/* 768px以上 */
	@media (min-width: 768px) {
	
		.point--wrap{
			background:url( /common/img/top/point/bg_point@w800.jpg) top center;
			background-size: cover;
			padding: 3em 0px 4em 0px;

		}
	
		.point--inner{
		width: 100%;
		max-width: 980px;
		padding: 3em 8em;
		}



		.point--detail{
		msx-width: 730px;
		margin: auto;


		}

		.point--detail p{
		line-height: 2.5em;
		}


	
		.point--wrap{
			padding: 3em 20px;

		}





	}

	/* 992px以上 */
	@media (min-width: 992px) {

	}

	/* 1200px以上 */
	@media (min-width: 1200px) {
			.point--wrap{
			background:url( /common/img/top/point/bg_point@1366.jpg) top center;
			background-size: cover;
			padding: 3em 0px;

		}
	}










/*ポイント2
-----------------------------------------------------------*/
/* 767px以下: デフォルト */

.point2--box--warp{

}

.point2--inner{
	width: 100%;
	margin: auto;	
}



.point2--box{
	background:  rgba(255,255,255,1);
	box-sizing: border-box;
	 position: relative;
	 margin-bottom: 30px;
}

.box-white-space01{padding: 3em 2em;}
.box-white-space02{padding: 3em 2em 0.5em 2em;}
.box-white-space03{padding: 3em 2em 2em 2em;}


		.point2--box::after {
			background:linear-gradient(45deg, #63C2E2, #FFFF00);
			top: 10px;
			left: -10px;
			z-index:-2;
			content: "";
			height: 100%;
			position: absolute;
			width: 100%;
			
		}


.width--2col{

}

.width--1col{


}

.width--3col{

}




.point2--box h2.point-box-title{
	text-align: center;
	font-size: 1.2em;
}

.point2--box--img{
	text-align: center;
	padding: 1em;
}
.point2--box--img img{
	max-width:300px;
	width: 100%;
}

.point2--box--txt{
	width: 100%;
	margin: auto;
	font-size: 15px;
}




/* 768px以上 */
@media (min-width: 768px) {

.point2--inner{
	width: 100%;
	max-width: 1100px;
	margin: auto;
	padding-left: 30px;
	padding-right: 20px;
	
}


.point2--box--txt{
	width: 85%;
	margin: auto;
	font-size: 16px;
}


	.width--2col{
		-webkit-flex-basis:48.5%;/*--- safari（PC）用 ---*/
		flex-basis:48.5%;
		max-width:48.5%;
	}

	.width--1col{
		-webkit-flex-basis:100% !important;/*--- safari（PC）用 ---*/
		flex-basis:100%% !important;
		width:100% !important;

	}

	.width--3col{
		-webkit-flex-basis:32%;/*--- safari（PC）用 ---*/
		flex-basis:32%;
		max-width:32%;
	}






}

/* 992px以上 */
@media (min-width: 992px) {

}

/* 1200px以上 */
@media (min-width: 1200px) {
  
}




























/*事故
-----------------------------------------------------------*/


/* 767px以下: デフォルト */
		.jiko-wrap{
			background:linear-gradient(45deg, #D10000, #D10000);
			padding: 2em 20px;
		}



		.jiko--box{
			background: #FFFF00;
			border-radius: 19px;
			box-shadow:10px 10px 32px -4px rgba(0,0,0,0.51);
			max-width: 920px;
			margin: auto;
			padding:1em 2em

		}
		
		
		
.jiko--baisho--box{
	text-align: center;
}
.jiko--baisho--img{
	text-align: center;
	
}
	.jiko--baisho--img img{
		width: 100%;
		max-width: 200px;
		margin: 1em auto;
	}

		.jiko--price{

			font-size: 5em;

		}

		.jiko--tani{

			font-size: 2em;

		}



		.jiko-txt{
			margin: 0.5em 0 0.4em 0;
			font-size: 1.5em;
			font-weight: bold;
			
		}
		
		.jiko--baisho{
			display: inline-block;
		}
		.jiko--price{
			color: #FF0000;
			font-weight: bold;
			font-size: 5em;
			display: inline-block;
			font-family: Arial, Helvetica, "sans-serif"
		}

		.jiko--tani{
			color: #FF0000;
			font-weight: bold;
			font-size: 3em;
				display: inline-block;
		}

		.jiko--detail{
			font-weight: bold;
			color: #FF0004;
			text-align: left;
			padding-bottom: 2em;
			padding-top: 2em;
		
		}





/* 768px以上 */
@media (min-width: 768px) {


}

/* 992px以上 */
@media (min-width: 992px) {

		.jiko--detail{
			text-align: center;
		}




		.jiko-box-inner{
			display:flex;
			display:-ms-flexbox;
		-webkit-justify-content: center; /* Safari */
		  justify-content:         center;
			flex-wrap: wrap;
			-ms-flex-wrap: wrap;

		}
		.jiko--baisho--box{
			-webkit-flex-basis:65%;/*--- safari（PC）用 ---*/
			flex-basis:65%;
			max-width:65%
		}
		.jiko--baisho--img{
			-webkit-flex-basis:30%;/*--- safari（PC）用 ---*/
			flex-basis:30%;
			max-width:30%;

		}

		.jiko-txt{
			font-size: 1.7em;
			
		}
		
		.jiko--baisho{
			display: inline-block;
		}
		.jiko--price{
			font-size: 6em;
			display: inline-block;
		}

		.jiko--tani{
			font-size: 3em;
				display: inline-block;
		}


}

/* 1200px以上 */
@media (min-width: 1200px) {
  
}




/*事故
-----------------------------------------------------------*/









































/*保険
-----------------------------------------------------------*/
.hoken-wrap{
	background:#FFFFFF;
		padding: 1em 20px;

	}

.hoken--box .h1-type02{
	margin-bottom: 1.4em;
}


.hoken--table--wrarp{
	/*	個別*/
}

.hoken-talbe-title{
	-webkit-flex-basis:100%;/*--- safari（PC）用 ---*/
    flex-basis:100%;
	max-width:100%;

	font-size: 1.2em;
	font-weight: normal;
	border: 1px solid #95989A;
	background: #E0E0E0;
	padding: 0.4em;
}


.hoken-table{

}

	.hoken-table {
		width:100%;
		font-size: 0.9em;
	}


.pc_center{
	
		text-align: center;
}


/*//xs xtra-smoll*/
@media (max-width: 575px) {
.pc_center{
	max-width: 500px;
	text-align: left;
}




}







/*対象者
----------------------------------------------------------*/

.taisho-wrap{
		background:#F7F7F7;
		padding: 2em 20px 1em 20px ;
}




.taisho--box--wrap{
	display:flex;
	display:-ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack: justify;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	padding-bottom: 4em;
	max-width: 1000px;
	margin: auto;
}



.taisho--box{
	text-align: center;
}



		.taisho--box--img{
		
		}
			.taisho--box--img img{
				height: 66px;
			}
			
		.taisho--box--title{
			font-weight: normal;
			font-size: 1.1em;
			margin: 1em  0  0.2em 0;
			
		}

		.taisho--box--hosoku{
			font-size: 0.9em;
		}



























/*チェックシート
------------------------------------------------------------------*/
/* 767px以下: デフォルト */
.check-wrap{
	padding: 2em 20px 7em 20px ;


	background-image:
	url("/common/img/top/check/bg/check--bg--01@1000.jpg"), /* 最前面の背景レイヤーの背景画像 */
	url("/common/img/top/check/bg/check--bg--02@1000.jpg");

	background-repeat:
	no-repeat, /* 最前面の背景レイヤーに対応 */
	repeat;

	background-position:
	top center, /* 最前面の背景レイヤーに対応 */
	left;

	background-size: 
	contain,
	auto;

	}


.check--box--wrap{
	background: #FFFFFF;

	box-shadow:3px 3px 8px -4px rgba(0,0,0,0.51);
	max-width: 400px;
	margin: auto;
	padding:1em 1em 5em 1em ;
	text-align: center;
	
	
}

.check--title{
	font-size: 20px;
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	display: inline-block;
	padding: 1em 1em;
	margin: 2em auto  1.5em auto ;
}


.reset{
		padding: 10px;
		box-shadow:3px 3px 8px -4px rgba(0,0,0,0.51);
		margin-bottom: 2em;
/*		border: 1px solid rgba(215,215,215,1.00);*/
		display: inline-block;
		background: #FFF500;
		color: rgba(0,0,0,1.00);
		text-decoration: none;
		padding: 1em 2em;
		font-size: 14px;
}



.check-box{
	width: 300px;
	height: 1445px;
position: relative;
/*	background: #FF4D50;*/
	z-index: 0;
	margin:0  auto ;
}



.check--fukidashi {
  animation: horizontal 1s ease-in-out infinite alternate;
}

.check--fukidashi img {
  animation: vertical 1s ease-in-out infinite alternate;
}


.@keyframes horizontal {
    0% { transform:translateX( -3px); }
  100% { transform:translateX(  0px); }
}
@keyframes vertical {
    0% { transform:translateY(-10px); }
  100% { transform:translateY(  0px); }
}










/* 767px以下: デフォルト */


/* 768px以上 */
@media (min-width: 940px) {

}

/* 992px以上 */
@media (min-width: 992px) {



.check-wrap{
	background-image:
	url("/common/img/top/check/bg/check--bg--01@2000.jpg"), /* 最前面の背景レイヤーの背景画像 */
	url("/common/img/top/check/bg/check--bg--02@2000.jpg");

	position: relative;
}




	.check--box--wrap{
		max-width: 1100px;
			position: relative;
	}

	.check--title{
		margin-bottom: 4em;
	}

.check--fukidashi{
	position: absolute;
	top: -3em;
	left: 100px;
	
}



.check-box{
	width: 920px;
	height: 1140px;
	position: relative;
/*	background: #FF4D50;*/
	z-index: 0;
}



.reset{
	 position: absolute;
	 top: 4em;
	 right: 4em
}



}

/* 1200px以上 */
@media (min-width: 1200px) {
  
}


















/* 767px以下: デフォルト */


	.q1--box-sp{
		width: 300px;
		height: 193px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	
	.q2--box-sp{
	
		width: 261.48px;
		height: 92px;
		position: absolute;
		top: 286px;
		left: 36px;
		z-index: 1;
}	
	.q3--box-sp{
	
		width: 198.25px;
		height: 157px;
		position: absolute;
		top: 471px;
		left:99px;
		z-index: 1;
	}
	
	.q4--box-sp{
	
		width: 211.25px;
		height: 157px;
		position: absolute;
		top: 721px;
		left: 28.75px;
		z-index: 1;
	}



/*解答*/
	.a1--box-sp{
		width: 94.84px;
		height: 65px;
		position: absolute;
		top: 981px;
		left: 9px;
		z-index: 1;
	}
	.a2--box-sp{
		width: 65.84px;
		height: 65px;
		position: absolute;
		top: 981px;
		left: 122px;
		z-index: 1;
	}
	.a3--box-sp{
		width: 91.84px;
		height: 65px;
		position: absolute;
		top: 981px;
		left: 205px;
		z-index: 1;
	}



	.a1--box--hosoku-sp{
		width: 284.36px;
		height: 91px;
		position: absolute;
		top: 1100px;
		left: 6px;
		z-index: 1;
	}
	.a2--box--hosoku-sp{
		width: 284.36px;
		height: 111px;
		position: absolute;
		top: 1213px;
		left: 6px;
		z-index: 1;
	}
	.a3--box--hosoku-sp{
		width: 284.36px;
		height: 104px;
		position: absolute;
		top: 1341px;
		left: 6px;
		z-index: 1;
	}






	.q1--yes-sp{
		width: 57.03px;
		height: 787.55px;
		position: absolute;
		top: 193px;
		left: 0px;
		z-index: 1;
	}



	.q2--yes-sp{
		width: 57.03px;
		height: 342.55px;
		position: absolute;
		top: 378px;
		left: 30px;
		z-index: 2;
	}


	.q3--yes-sp{
	
		width: 57.03px;
		height: 92.55px;
		position: absolute;
		top: 628px;
		left: 136px;
		z-index: 3;
	}



	.q4--yes-sp{
	
		width: 57.03px;
		height: 102.55px;
		position: absolute;
		top: 878px;
		left: 30px;
		z-index: 4;
	}



	.q1--no-sp{
		width: 61.03px;
		height: 92.46px;
		position: absolute;
		top: 193px;
		left: 236px;
		z-index: 2;
	}
	

	.q2--no-sp{
		width: 61.03px;
		height: 92.46px;
		position: absolute;
		top: 377px;
		left: 236px;
		z-index: 2;
	}
	

	.q3--no-sp{
		width: 61.03px;
		height: 354.55px;
		position: absolute;
		top: 628px;
		left: 236px;
		z-index: 2;
	}


	.q4--no-sp{
		width: 61.03px;
		height: 102.55px;
		position: absolute;
		top: 878px;
		left: 195px;
		z-index: 3;
	}





	.q1--other-sp{
		width: 91.03px;
		height: 93.46px;
		position: absolute;
		top: 193px;
		left:121px;
		z-index: 2;
	}
	

	.q2--other-sp{
		width: 91.03px;
		height: 93.46px;
		position: absolute;
		top: 378px;
		left: 121px;
		z-index: 2;
	}
	


	.q4--other-sp{
		width: 91.03px;
		height: 102.55;
		position: absolute;
		top: 878px;
		left: 95px;
		z-index: 2;
	}
	
	
	


/*リンクを無効*/
a.no-link       {
pointer-events: none;
}
.pc__check{ display: none;}

/* 768px以上 */
@media (min-width: 768px) {


}

/* 992px以上 */
@media (min-width: 992px) {

.pc__check{ display: block;}
.sp__check{ display: none;}





	.q1--box{
		width: 920px;
		height: 135px;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.q2--box{
	
		width: 809px;
		height: 77px;
		position: absolute;
		top: 243px;
		left: 111px;
		z-index: 1;
}	
	.q3--box{
	
		width: 669px;
		height: 126px;
		position: absolute;
		top: 427px;
		left:231px;
		z-index: 1;
	}
	.q4--box{
	
		width: 698px;
		height: 203px;
		position: absolute;
		top: 661px;
		left: 111px;
		z-index: 1;
	}



/*解答*/
	.a1--box{
		width: 284.36px;
		height: 159px;
		position: absolute;
		top: 981px;
		left: 0px;
		z-index: 1;
	}
	.a2--box{
		width: 284.36px;
		height: 159px;
		position: absolute;
		top: 981px;
		left: 317.82px;
		z-index: 1;
	}
	.a3--box{
		width: 284.36px;
		height: 159px;
		position: absolute;
		top: 981px;
		left: 635.64px;
		z-index: 1;
	}






	.q1--yes{
		width: 111px;
		height: 846.46px;
		position: absolute;
		top: 135px;
		left: 0px;
		z-index: 2;
	}



	.q2--yes{
	
		width: 111px;
		height: 341.46px;
		position: absolute;
		top: 320px;
		left: 111px;
		z-index: 2;
	}


	.q3--yes{
	
		width: 111px;
		height: 108.46px;
		position: absolute;
		top: 553px;
		left: 405px;
		z-index: 2;
	}



	.q4--yes{
	
		width: 111px;
		height: 117.46px;
		position: absolute;
		top: 864px;
		left: 111px;
		z-index: 2;
	}



	.q1--no{
		width: 111px;
		height: 108.46px;
		position: absolute;
		top: 135px;
		left: 809px;
		z-index: 2;
	}
	

	.q2--no{
		width: 111px;
		height: 108.46px;
		position: absolute;
		top: 319px;
		left: 809px;
		z-index: 2;
	}
	

	.q3--no{
		width: 111px;
		height: 428.46px;
		position: absolute;
		top: 553px;
		left: 809px;
		z-index: 2;
	}


	.q4--no{
		width: 111px;
		height: 117.46px;
		position: absolute;
		top: 864px;
		left: 672px;
		z-index: 2;
	}





	.q1--other{
		width: 160px;
		height: 108.46px;
		position: absolute;
		top: 135px;
		left: 380px;
		z-index: 2;
	}
	

	.q2--other{
		width: 160px;
		height: 106.46px;
		position: absolute;
		top: 320px;
		left: 380px;
		z-index: 2;
	}
	


	.q4--other{
		width: 160px;
		height: 118.46px;
		position: absolute;
		top: 864px;
		left: 380px;
		z-index: 2;
	}


}

/* 1200px以上 */
@media (min-width: 1200px) {
  
}




































/*転車安全利用促進事業連携企業・団体
----------------------------------------------------*/
.kigyou-wrap{
	background: #FFFFFF;
	margin: 0 0;
	padding: 2em 20px;
}




.kigyo--box--wrap{
/*	個別*/
}







.kigyou--box{
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 1em;
	margin-bottom: 1.5em;
	
	

}

.kigyou--title img{
	margin: 0px;
	width: auto;
    height: auto;
	max-width: 100%;
	max-height: 50px;
	
}

.kigyo-box-link{
	display: block;

	color: #000000;
	text-decoration: none;
}


.kigyou--title{
	padding-bottom: 0.2em;
}

.kigyou--txt{
	padding-left: 0.5em;
}
.tel{
	font-weight: 100;
	font-size: 29px;
	font-family: Arial, Helvetica, "sans-serif";
	color:#333333;

}
.tel--hosoku{
	font-size: 22px;
}

.tel .fa{
	font-size: 24px;
	margin-right: 0.2em;
}


.kigyou--hosoku{
	font-size: 14px;
}




 


/* 767px以下: デフォルト */
/*ja*/
			.col-2{
			display:flex;
			display:-ms-flexbox;
			justify-content: space-between;
			-ms-flex-pack: justify;
			flex-wrap: wrap;
			-ms-flex-wrap: wrap;


		}

		.col-2 .kigyo-box-link{
			-webkit-flex-basis:49%;
			flex-basis:49%;
			max-width:49%;
			text-align: left;
			
			display: block;
		
		}


		.col-2 .tel,
		.col-2 .fa{
			font-size: 18px;
			white-space: nowrap;

		}

		.col-2 .kigyou--title img{
		width: 100%;
		max-width:209px;

		}



		
/*キャラクター*/
.kigyo-img{
	display: none
}





/* 768px以上 */
@media (max-width: 768px) {


.kigyo-box-link{
	display: block;

	color: #000000;
	text-decoration: none;
	
	
		box-shadow:1px 1px 5px rgba(0,0,0,0.71);
	border-radius: 10px;
	margin-bottom: 0.5em;
	margin-top: 0.8em;
	
	padding: 0.5em 1em 0.5em 0.5em ;
	
	
}






}
			
			
			
			
			
			
	

		
/* 768px以上 */
@media (min-width: 768px) {
		.kigyou-wrap{

		}


		.kigyou--box--wrap{
			display:flex;
			display:-ms-flexbox;
			justify-content: space-between;
			-ms-flex-pack: justify;
			flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			margin: auto;

			
			max-width:1110px; 
			padding: 2em 20px 2em 0px;
		}


		.kigyo--gaiyou{
			text-align: center;
		}

		.kigyou--box{
			-webkit-flex-basis:48.5%;/*--- safari（PC）用 ---*/
			flex-basis:48.5%;
			max-width:48.5%;
			text-align: left;
		}

		.kigyou--box:hover{

		}

		.tel:nth-child(1){
			padding-right: 0.5em;
		}

		.kigyo-box-link{
			padding: 1em;
			cursor: pointer;
		}









		/*jA様 2col用*/
		.col-2 .kigyou--title img{
		
/*			max-width: 209px;*/
			max-height: 40px;
			width: auto;
			height: 100%;

		}

		.kigyou--box .sp_only{
			display: block;
		}






}

/* 992px以上 */
@media (min-width: 992px) {


.kigyo-box-link{
	min-height: 180px;
	
	}

.kigyou--box{
	position: relative;
}

/*キャラクター	*/
	.kigyo-img{
		display: block;
		position: absolute;
		top: 20px;
		left: 300px;
		width: 100px;
		z-index: 2;
	}
		.kigyo-img--thumb{
			width: 100%;
			height: auto;
		}
	
	
	
	
	.font-s .kigyou--hosoku,
	.font-s  .hosoku--hang{
		font-size: 9px;
	}


	

	.font-s  .tel,
	.font-s  .fa{
		font-size: 24px;
	}

	.font-s .tel--hosoku{
		font-size: 14px;
		line-height: 14px;
	}

	.kigyou--box .sp_only{
			display: none;
		}


	
/*	損保様調整*/
	.sonpo-txt{
		font-size: 14px !important;
/*			color: red;	*/
	}
	
	
		.sonpo-img{
		width: 140px;
	}
	
	
	
	
	
	
	








		/*jA様 2col用*/
			.col-2{
			display:flex;
			display:-ms-flexbox;
			justify-content: space-between;
			-ms-flex-pack: justify;
			flex-wrap: wrap;
			-ms-flex-wrap: wrap;


		}

		.col-2 .kigyo-box-link{
			-webkit-flex-basis:48.5%;
			flex-basis:48.5%;
			max-width:48.5%;
			text-align: left;
			
			display: block;
		
		}


		.col-2 .tel{

			font-size: 26px;

		}

		.col-2 .kigyou--title img{
			max-height: 50px;

		}







}

/* 1200px以上 */
@media (min-width: 1200px) {
  
}





























/*よくある質問
----------------------------------------------------*/
.faq-wrap{
padding: 2em 20px;

background-image:
    url("/common/img/top/faq/faq--bg@1000.jpg"), /* 最前面の背景レイヤーの背景画像 */
   url("/common/img/top/faq/faq--bg3@1000.jpg"), 
    url("/common/img/top/faq/faq--bg2@1000.jpg");

  background-repeat:
    no-repeat, /* 最前面の背景レイヤーに対応 */
	no-repeat,
	repeat;

  background-position:
    top center, /* 最前面の背景レイヤーに対応 */
	bottom center,
	left;

background-size: 
	auto,
	contain,
	auto;

}


.faq_bg {

	padding-left: 10px;
}







.faq--box--wrap{
/*	個別*/
}


.faq--box{
	box-sizing: border-box;
    
	background: #FFFFFF;
	box-shadow:3px 3px 8px -4px rgba(0,0,0,0.51);
	border-radius: 10px;
	margin-bottom: 4em;
	
	padding: 2em 2em 0.5em 2em ;
	
	position: relative;
}





	.faq--no{
		position: absolute;
		top: -20px;
		left: -20px;
	background:linear-gradient(120deg, #89DFC0, #3A79AD);
/*	円*/
	width: 60px;
    height: 60px;
    border-radius:30px;
	box-shadow:3px 3px 8px -4px rgba(0,0,0,0.51);
	text-align: center;
	line-height: 60px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 24px;
	}
	.faq--q{
		font-size: 19px;
		padding-bottom: 1em;
	}
	.faq--a{
		font-size: 14px;
		line-height: 1.7em;
		padding-bottom: 2em;
	}
	.faq--a p{
		text-indent: 1em;
	}





	.faq--q { cursor: pointer; }
	.faq--a {display: none;} 



/* 767px以下: デフォルト */


/* 768px以上 */
@media (min-width: 768px) {


.faq--box--wrap{
	display:flex;
	display:-ms-flexbox;
	justify-content: space-between;
	-ms-flex-pack: justify;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	margin: auto;
	

	max-width:1110px; 
	padding: 0px 20px 20px 0px;
}


.faq--box{
    
	-webkit-flex-basis:48.5%;/*--- safari（PC）用 ---*/
    flex-basis:48.5%;
	max-width:48.5%;

}



}

/* 992px以上 */
@media (min-width: 992px) {
	.faq-wrap{


	background-image:
		url("/common/img/top/faq/faq--bg@2000.jpg"), /* 最前面の背景レイヤーの背景画像 */
	   url("/common/img/top/faq/faq--bg3@2000.jpg"), 
		url("/common/img/top/faq/faq--bg2@2000.jpg");

	}

}

/* 1200px以上 */
@media (min-width: 1200px) {
  
}







































/*rule*/

.rule--wrap{

}



.rule--box--img img{
	max-width: 430px;
	width: 100%;
	

}












/*マナー・ルール
------------------------------------------*/
.manners--wrap{
	padding: 1em 20px;
	background: url(/common/img/top/manners/manners--bg@1000.jpg) no-repeat;
	background-size: cover;
	}

.manners--inner{

}

.manners--box--wrap-width{
	max-width: 1110px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 50px;
	
}

.manners--box--wrap{
	display: flex;
	margin-left: -40px;
	flex-wrap: wrap;
}
.manners--box--wrap >*{
	width: calc(100% / 3);
	padding-left: 40px;
}
.manners--box--wrap >*:nth-child(n+4){
	margin-top: 40px;
}

.manners--box{
	background: #FFFFFF;
	box-shadow:3px 3px 8px -4px rgba(0,0,0,0.51);
	border-radius: 10px;
	text-align: center;
	padding: 1em 1em;
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}




.manners--img{
	margin: 0.5em 0em 0.1em 0em ;
	font-size: 12px;
	color: #333333;
}





.manners--img img{
	width:auto;
	height:auto;
	max-width:200px;
	max-height:190px;
	}

.manners--box--title{
	font-size: 18px;
	font-weight: normal;
}


.manners--list li{
	display: inline-block;
	margin: 0.5em 0.5em;
}




/* 767px以下: デフォルト */

@media (max-width: 767px) {


.manners--box--wrap{
	margin-left: -25px;
}
.manners--box--wrap >*{
	width: calc(100% );
	padding-left: 25px;
}
.manners--box--wrap >*:nth-child(n+2){
	margin-top: 25px;
}

.manners--box--wrap{
}

.manners--box{
		padding: 1em;
		
	height: 100%;
	
	}

}

/* 768px以上 */
@media (min-width: 768px) {


.manners--box--wrap{
	margin-left: -30px;
}
.manners--box--wrap >*{
	width: calc(100% / 3);
	padding-left: 30px;
}
.manners--box--wrap >*:nth-child(n+4){
	margin-top: 30px;
}

.manners--box--wrap{
}

.manners--box{
		padding: 1em;
		
	height: 100%;
	
	}

}



/* 992px以上 */
@media (min-width: 992px) {
	.manners--wrap{
	background: url(/common/img/top/manners/manners--bg@1500.jpg) no-repeat;
	background-size: cover;
	}
	
	.manners--box{
		
	}



.manners--box--wrap{
	
/*
	-ms-align-items: stretch;
	align-items: stretch ;
*/
}



}

/* 1200px以上 */
@media (min-width: 1200px) {
  
}


















/*　フッター
------------------------------------------*/

.footer--wrap{
	background:#ffffff;
	padding: 2em 20px;
}

.footer--inner{
	text-align: center;
	
	}

.footer-logo img{
	width: 100%;
	max-width: 260px;
}


.footer--info{
	padding: 0.5em 0.5em;
}
.footer--info p{
	font-size: 14px;
}




/* 767px以下: デフォルト */


/* 768px以上 */
@media (min-width: 768px) {
.footer--inner{
	display:flex;
	display:-ms-flexbox;
	justify-content: space-between;
	align-items: flex-end;
	
	-ms-flex-pack: justify;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	
	min-width: 111px;
 text-align: left;
	
	}


.foot_txt5{
\
}

}

/* 992px以上 */
@media (min-width: 992px) {




}

/* 1200px以上 */
@media (min-width: 1200px) {
  
}






















.inner-txt_4{
    font-size: 1.5em;
    text-shadow: 2px 2px 2px rgb(0 0 0 / 19%);
    font-weight: bold;
    color: #fff500;}
@media (min-width: 1000px) {
.inner-txt_4{
    font-size: 1.8em;}
}