@charset "utf-8";
/***  メインビジュアル  ***/
#slid01 {
	width:100%;
	margin:0 auto;
	text-align:center;
}
#slid01 img { margin:0 auto; }

#pageplugin { width:100%; }
.fb-page { width:100%; max-width:500px; margin:0 auto; height: 20em !important; }

/***  コンテンツバナー  ***/
#toba00 {
	width:100%;
	margin:0 auto;
	position:static;
}
#toba01 { width:100%; position:static; }
#toba01 li { width:50%; float:left; padding-bottom:0; }
#toba01 li img { box-shadow:none; }
#toba01 li a:hover img { box-shadow:none; visibility:visible; } 

/***  メインコンテンツ  ***/
#top01,
#top02,
#top03,
#top04 {
	width:92%;
	margin:0 auto;
	text-align:center;
	padding:2.5em 0 0;
}

#top01 h2 { font-size:120%; font-weight:bold; text-align:left; }
#top01 h3 { font-size:100%; font-weight:bold; padding-bottom:2em; }
.top01_00 { background:#FFFFFF; width:100%; }
.top01_01 { width:48%; margin:0 2%; }
.top01_01:nth-child(odd) { margin-left:0; }
.top01_01:nth-child(even) { margin-right:0; }
.top01_02 { background:#FFFFFF; position:relative; }
.top01_03 { width:90%; padding:5%; }
.top01_04 { position:absolute; bottom:0; right:0;  }
.top01_05 { margin:0 auto; background:#C0C0C0; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; border:#FFFFFF solid 2px; width:80%; }
.top01_05 p { font-size:120%; line-height:2em; }
.top01_05 a { color:#FFFFFF; }

#top02_title {
	width:100%;
	margin:0 auto;
}
#top02 { width:100%; position:relative; }
.top02_00 { width:92%; margin:0 auto; }
.top02_01 { width:100%; position:absolute; top:-3.5em; left:0; }
.top02_012 { width:70%; position:absolute; top:-3.2em; left:23%; }
#top02 h3 { font-size:100%; font-weight:bold; padding-bottom:1em; width:95%; padding-left:5%; }
#top02 h4 { font-size:100%; font-weight:bold; }
.top02_02 li{ width:48%; margin:0 2%; padding-bottom:1em; float:left; }
.top02_02 li:nth-child(2n) { margin-right:0; }
.top02_02 li:nth-child(2n+1) { margin-left:0; }
.top02_02imb img { box-sizing:border-box; border:#DCE3E3 solid 1px; width:100%; } 
.top02_03 { background:#F2F7F9; position:relative; 
	border-bottom:#DCE3E3 solid 1px;
	border-left:#DCE3E3 solid 1px;
	border-right:#DCE3E3 solid 1px;
}
.top02_04 { width:90%; padding:5% 5% 0; }
.top02_04 dl { line-height:1.2em; }
.top02_04 dt { width:100%; float:none; }
.top02_04 dd { width:100%; padding-left:0;}

#top03 h2 { font-size:120%; font-weight:bold; text-align:left; }
.top03_01 { width:100%; }

.top03_02 { margin-top:0.5em; width:92%; padding:1.7em 4%; background:#FFFFFF; }
.top03_02 ul { list-style:outside; margin-left:5%; line-height:1.9em; } 
.top03_02 li { list-style-image:url(../img/top/top_san02.png); }
.top03_02 li a,
.top03_02 li a:hover { color:#3B5A96; }

.top03_02_new { margin-top:0.5em; width:92%; padding:1.7em 4%; background:#FFFFFF; }
.top03_02_new ul { list-style:outside; margin:0; line-height:1.9em; padding-bottom: 2em;} 
/*
.top03_02_new li { list-style-image:url(../img/top/top_san02.png); margin-left:5%;width: 95%; float: left; }
*/
.top03_02_new li:nth-child(odd),
.top03_02_new li:nth-child(even) { list-style-image:url(../img/top/top_san02.png); margin-left:5%;width: 95%; float: left; }

.top03_02_new li a,
.top03_02_new li a:hover { color:#3B5A96; }

.top03_04 { background:#F6F7F8; box-sizing:border-box; border:#CCCCCC solid 1px; }
.top03_05 { width:92%; padding:1.7em 4%; }
.top03_06 { margin-top:0.5em; background:#FFFFFF; }
.top03_06 h5 { font-size:110%; text-align:left; width:94%; padding:1.5em 3% 0; }
.top03_07, 
.top03_08 { width:92%; padding:1.7em 4% 0; }
.top03_07 li { width:48%; margin:0 2%; padding-bottom:1em; float:left; }
.top03_07 li:nth-child(odd) { margin-left:0; }
.top03_07 li:nth-child(even) { margin-right:0; }
.top03_08 li { width:98%; margin:0 1%; padding-bottom:0.5em; }
.top03_07 li img,
.top03_08 li img { width:100%; } 
.top03_09 { width:80%; margin:0 10%; } 
.top03_09 img { width:100%; margin:0 auto; } 
.top_cappu img { width: auto; max-width: 100%; margin: 0 auto;}

#top04 { width:100%; margin:0 auto; padding:0; }
#top04_00 { width:100%; position:relative; padding-bottom: 20em; }
#top04_01 { position:absolute; top:0; left:0; height: 20em; overflow: hidden; width:100%; z-index:100; }

/*=================================================================================*/
/** 768px以上　タブレット縦　サイズ画面  **/
@media print, screen and (min-width : 768px) {
.fb-page { height:40em !important; }

/***  コンテンツバナー  ***/
#toba00 { 
	width:100%;
	margin:0 auto;
	position:relative;
	height:6.5em; 
}
#toba01 { position:absolute; top:-1.5em; left:0; z-index:500; }
#toba01 li { width:22.9166%; margin:0 1.0416% 0.5em 1.0416%; }
#toba01 li { box-shadow:0.2em 0.2em 0.2em rgba(0,0,0,0.3); }
#toba01 li a { display:block; }
#toba01 li a:hover img { visibility:hidden; }

.toba01_01 { background:url(../img/top/tbana_kouza_hover.png) no-repeat center; background-size:100% 100%; }
.toba01_02 { background:url(../img/top/tbana_shisetsu_hover.png) no-repeat center; background-size:100% 100%; }
.toba01_03 { background:url(../img/top/tbana_soudan_hover.png) no-repeat center; background-size:100% 100%; }
.toba01_04 { background:url(../img/top/tbana_torikumi_hover.png) no-repeat center; background-size:100% 100%; }
/***  メインコンテンツ  ***/
#top01, 
#top02, 
#top03,
#top04 { width:100%; }

.top01_01 { width:22.9166%; margin:0 1.0416%; }
.top01_01:nth-child(2n),
.top01_01:nth-child(2n+1) { margin:0 1.0416%; }

.top02_00 { width:100%; }
.top02_01 { top:-5.5em; }
.top02_012 { width:37%; position:absolute; top:-5.1em; left:13%; }
.top02_02 li{ width:22.9166%; margin:0 1.0416%; }
.top02_02 li:nth-child(odd),
.top02_02 li:nth-child(even) { margin:0 1.0416%; }
.top02_04 dt { width:30%; float:left; }
.top02_04 dd { width:70%; padding-left:30%;}

.top03_02_new li:nth-child(odd) { margin-left: 2%; width: 53%; }
.top03_02_new li:nth-child(even) { margin-left: 2%; width: 43%; }

.top03_07 { width:47%; padding:1.7em 1% 0 2%; }
.top03_08 { width:47%; padding:1.7em 2% 0 1%; }

.top03_07 li { width:48%; margin:0 2% 1em; }
.top03_07 li:nth-child(odd) { margin-left:0; }
.top03_07 li:nth-child(even) { margin-right:0; }
.top03_08 li { width:48%; margin:0 1% 1em; }

.top03_09 { width:48%; margin:0 1%; } 

}
/*=================================================================================*/
/** 960px以上 PCサイズ画面 **/
@media print, screen and (min-width : 960px) {
.fb-page { height:40em !important; }

/***  コンテンツバナー  ***/
#toba00 { width:960px; }

/**** メインコンテンツ　****/ 
#top01, 
#top02, 
#top03,
#top04 { width:960px; padding:40px 0 0; }

#top02_title { width:960px; }

.top03_06 li img { width:auto; } 
.top03_09 img { width:auto; } 


#top04 { width:100%; padding:0; }
#top04_00 { padding-bottom: 330px; }
#top04_01 { height: 330px; }

}
/*=================================================================================*/
/** 1080px以上 PCサイズ画面 ダミー表示の時のみ必要 **/
@media print, screen and (min-width : 1050px) {
/**** メインコンテンツ　****/
#slid01 { width:1050px; }

}

/*=================================================================================*/
/* パソコン用 */
@media print, screen and (min-width : 769px) {
	.sp {
		display:none
	}
}

/* スマホ用 */
@media print, screen and (max-width : 768px) {
	
	.top-waku01 {
		font-size:2.2vw;
	}
	
}