body {
  margin: 0;
}

.ham{
  display:none;
}



.head img{
	width:7.5%;
	height:auto;
	margin-left: 10%;
	margin-top: 0.8%;
	float: left;
	position:absolute;
}

a.btn_02 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 6.0%;
	margin-left: 62%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #226265;
	background: #226265;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float: left;
}

a.btn_02:hover {
	color: #226265;
	background: #fff;

}

a.btn_03 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 17.0%;
	margin-left: 75%;
	padding: 0.4% 1.5%;
	font-weight: bold;
	border: 1px solid #153C3E;
	background: #153C3E;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
}

a.btn_03:hover {
	color: #153C3E;
	background: #fff;
	
}

a.btn_04 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 8.0%;
	margin-left: 40%;
	margin-top: 3%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
}

a.btn_04:hover {
	color: #003593;
	background: #fff;
	
}



a.btn_05 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 8.0%;
	margin-left: 37%;
	margin-top: 3%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
}

a.btn_05:hover {
	color: #003593;
	background: #fff;
	
}


a.btn_07 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 12%;
	margin-left: 39%;
	margin-top: 3%;
	margin-bottom: 3%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
}

a.btn_07:hover {
	color: #003593;
	background: #fff;
	
}

a.btn_08 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 30%;
	margin-left: 30%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position:relative;
}

a.btn_08:hover {
	color: #003593;
	background: #fff;
	
}

a.btn_09 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 12%;
	margin-left: 2%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position:relative;
}

a.btn_09:hover {
	color: #003593;
	background: #fff;
	
}

a.btn_10 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 12%;
	margin-left: 2%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position:relative;
}

a.btn_10:hover {
	color: #003593;
	background: #fff;
	
}


a.btn_11 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 12%;
	margin-top: 15%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position:relative;
}

a.btn_11:hover {
	color: #003593;
	background: #fff;
	
}

a.btn_12 {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 12%;
	margin-top: 0%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	position: absolute;
}

a.btn_12:hover {
	color: #003593;
	background: #fff;
	position: absolute;
}


a.btn_13 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 12%;
	margin-top: 3%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position:relative;
}

a.btn_13:hover {
	color: #003593;
	background: #fff;
	
}


a.btn_14 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 12%;
	margin-left: 50%;
	margin-top: 3%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position:relative;
}

a.btn_14:hover {
	color: #003593;
	background: #fff;
	
}

a.btn_15 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 12%;
	margin-left: 0%;
	margin-top: 32%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position: absolute;
}

a.btn_15:hover {
	color: #003593;
	background: #fff;
	
}


a.btn_16 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 12%;
	margin-left: 74%;
	margin-top: 11%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position: absolute;
}

a.btn_16:hover {
	color: #003593;
	background: #fff;
	
}

a.btn_17 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 12%;
	margin-left: 79%;
	margin-top: 33%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position: absolute;
}

a.btn_17:hover {
	color: #003593;
	background: #fff;
	
}


a.btn_18 {
	margin-left: 20%;
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 12%;
	margin-top: 1%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position:relative;
}

a.btn_18:hover {
	color: #003593;
	background: #fff;
	
}

a.btn_19 {
	margin-left: 68%;
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 12%;
	margin-top: 1%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position:relative;
}

a.btn_19:hover {
	color: #003593;
	background: #fff;
	
}

a.btn_20 {
	margin-left: 14%;
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 9%;
	margin-top: 0%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position:relative;
}

a.btn_20:hover {
	color: #003593;
	background: #fff;
	
}

a.btn_21 {
	margin-left: 1.5%;
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 9%;
	margin-top: 0%;
	padding: 0.4% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position:relative;
}

a.btn_21:hover {
	color: #003593;
	background: #fff;
	
}


a.btn_22 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 20%;
	margin-left: 35%;
	margin-top: 1%;
	padding: 0.8% 3.5%;
	font-weight: bold;
	border: 1px solid #003593;
	background: #003593;
	color: #fff;
	font-size:1.1VW;
	transition: 0.5s;
	float:left;
	position:relative;
}


a.btn_22:hover {
	color: #003593;
	background: #fff;
	
}


.kaijyo {
clear: left;
	
}

.kaijyo2 {
display:none;
}

.wrap {
margin-bottom: 1%;
}


.wrap2 {
margin-bottom: 5%;
}

.wrap3 {
margin-bottom: 20%;
}

.wrap4 {
padding-bottom: 12%;
}


.kaijyo3 {
display:none;
margin-bottom: 20%;
padding-bottom: 20%;	
}

.kaijyo {
clear: left;
	
}



/*========= ドロップダウンのためのCSS ===============*/

/*==ナビゲーション全体の設定*/
nav{
	background:#fff;
	color:#333;
	text-align: center;
	font-size:0.8VW;

}

/*ナビゲーションを横並びに*/
nav ul{
    /*2階層目の基点にするためrelativeを指定*/
	position: relative;
	list-style: none;
	display: flex;
	justify-content: center;
}

/*2階層目以降は横並びにしない*/
nav ul ul{
	display: block;
}

/*ナビゲーションのリンク設定*/
nav ul li a{
    /*矢印の基点にするためrelativeを指定*/
	position: relative;
	display: block;
	text-decoration: none;
	color: #999;
	padding:20px 45px;
	transition:all .3s;
		font-size:0.8VW;
	font-weight: bold;
}

nav ul li li a{
	padding:20px;
}

nav ul li a:hover{
	color:#333;	
}

/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/

nav ul li.has-child > a::before{
	content:'';
	position: absolute;
	left:87%;
	top:25px;
	width:6px;
	height:6px;
	border-top: 2px solid #999;
    border-right:2px solid #999;
    transform: rotate(135deg);
}

/*==2階層目以降の画像設定*/

nav ul li.has-child img{
	max-width: 100%;
	height: auto;
	transition: all .5s;
	vertical-align: bottom;
}

/*hoverしたら画像拡大*/
nav ul li.has-child img:hover{
	transform: scale(1.2);
}

nav ul li.has-child dt{
	overflow: hidden;
	height: 20vh;
	margin:0 0 20px 0;
}


.img_wrap{
  border: 1px solid #ddd;
  width: 25%;
  height: auto;
  margin-left:10%;
  margin-top:5%;
  margin-bottom:20%;
  transition-duration: 0.5s;
}

.img_wrap img{
  width: 100%;
  cursor: pointer;
  float: right;
  
}
.img_wrap:hover{
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
  position:relative;
  transform: translateY(-10px);
  transition-duration: 0.5s;
}



.float2{
	width: 19%;
    height: auto;
	font-size:0.9VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    padding:0%;
	padding-left:0%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:10%;
	margin-top:0.5%;

}

.float2 img{
	width: 40%;
    height: auto;
	float: left;
	margin-right:7%;
}

.float2 p{
	font-size:0.7VW;
	color: #336699;
	margin-top:11%;
	line-height: 150%;
	padding-left:9%;
	position:relative;
}

.float2:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;

}

.float3{
	width: 19%;
    height: auto;
	font-size:0.9VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    padding:0%;
	padding-left:0%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.33%;

}

.float3 img{
	width: 40%;
    height: auto;
	float: left;
	margin-right:7%;
}

.float3 p{
	font-size:0.7VW;
	color: #336699;
	margin-top:11%;
	line-height: 150%;
	padding-left:9%;
	position:relative;
}

.float3:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;

}


.float4{
	width: 19%;
    height: auto;
	font-size:0.9VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    padding:0%;
	padding-left:0%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.33%;


}

.float4 img{
	width: 40%;
    height: auto;
	float: left;
	margin-right:7%;
}

.float4 p{
	font-size:0.7VW;
	color: #336699;
	margin-top:11%;
	line-height: 150%;
	padding-left:9%;
	position:relative;
}

.float4:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;

}


.float5{
	width: 19%;
    height: auto;
	font-size:0.9VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    padding:0%;
	padding-left:0%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.33%;


}

.float5 img{
	width: 40%;
    height: auto;
	float: left;
	margin-right:7%;
}

.float5 p{
	font-size:0.7VW;
	color: #336699;
	margin-top:6.0%;
	line-height: 150%;
	padding-left:9%;
	position:relative;
}

.float5:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;

}

.float6{
	width: 19%;
    height: auto;
	font-size:0.9VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    padding:0%;
	padding-left:0%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.33%;


}

.float6 img{
	width: 40%;
    height: auto;
	float: left;
	margin-right:7%;
}

.float6 p{
	font-size:0.7VW;
	color: #336699;
	margin-top:11%;
	line-height: 150%;
	padding-left:9%;
	position:relative;
}

.float6:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;

}


.float7{
	width: 20%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    padding:3%;
	padding-left:2%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:1%;
    margin-top:1%;

}

.float7 img{
	width: 27%;
    height: auto;
	float: left;
	margin-left:5%;
	margin-right:10%;
}

.float7 p{
	font-size:1.0VW;
	color: #023B73;
	margin-top:0.5%;
	line-height: 150%;
	white-space: nowrap;
}

.float7:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}


.box_8{
	width: 19.8%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    padding:3%;
	padding-left:2%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:10%;
	float: left;
	margin-top:1%;

}

.box_8 img{
	width: 22%;
    height: auto;
	float: left;
	margin-left:17%;
	margin-right:9%;
}

.box_8 p{
	font-size:1.5VW;
	color: #023B73;
	margin-top:4.0%;
}




.box_9{
	width: 26.8%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
	padding-top:1.85%;
	padding-bottom:1.85%;
	padding-left:2%;
	padding-right:2%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.5%;
	margin-top:1%;

}

.box_9 img{
	width: 45%;
    height: auto;
	float: left;
	margin-left:10.0%;
	margin-right:0%;
}

.box_9 p{
	font-size:1.5VW;
	color: #023B73;
	margin-top:6%;
	line-height: 150%
}

.box_9 h5{
	font-size:0.7VW;
	color: #023B73;
	margin-top:-6.0%;
}


.box_10{
	width: 19%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
	padding-top:2.1%;
	padding-bottom:2.1%;
	padding-left:2%;
	padding-right:2%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:67%;
	margin-top:-7%;
	position:absolute:

}

.box_10 img{
	width:41%;
    height: auto;
	margin-left:29%;
	margin-right:10%;
}

.box_10 p{
	font-size:1.5VW;
	color: #023B73;
	margin-top:6%;
	line-height: 150%
}

.box_10 h5{
	font-size:0.7VW;
	color: #023B73;
	margin-top:-6.0%;
}

.box_11{
	width: 23.8%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
	padding-top:5.9%;
	padding-bottom:5.9%;
	padding-left:2%;
	padding-right:2%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:10%;
	float: left;
	margin-top:0.5%;
    position:absolute;
	vertical-align: top;

}

.box_11 img{
	width: 35%;
    height: auto;
	margin-left:32.5%;
	margin-right:10%;
	margin-bottom:5%;
}

.box_11 p{
	font-size:1.5VW;
	color: #023B73;
	margin-top:0.5%;
	line-height: 150%;
	margin-left:24.5%;
}

.box_11 h5{
	font-size:0.7VW;
	color: #023B73;
	margin-top:-6.0%;
	margin-left:24.5%;
}


.box_12{
	width: 23.9%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
	padding-top:3.5%;
	padding-bottom:3.5%;
	padding-left:2%;
	padding-right:2%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:38.4%;
	margin-top:0.5%;
    position:absolute;
}

.box_12 img{
	width: 45%;
    height: auto;
	float: left;
	margin-left:7.0%;
	margin-right:9%;
}

.box_12 p{
	font-size:1.5VW;
	color: #023B73;
	margin-top:3%;
	line-height: 150%
}

.box_12 h5{
	font-size:0.7VW;
	color: #023B73;
	margin-top:-6.0%;
}

.box_13{
	width: 23.9%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
	padding-top:3.1%;
	padding-bottom:3.1%;
	padding-left:2%;
	padding-right:2%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:38.4%;
	margin-top:15.7%;
    position:absolute;
}

.box_13 img{
	width: 38%;
    height: auto;
	float: left;
	margin-left:9.0%;
	margin-right:10%;
}

.box_13 p{
	font-size:1.5VW;
	color: #023B73;
	margin-top:3%;
	line-height: 150%
}

.box_13 h5{
	font-size:0.7VW;
	color: #023B73;
	margin-top:-6.0%;
}

.box_14{
	width: 19%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
	padding-top:6.2%;
	padding-bottom:6.2%;
	padding-left:2%;
	padding-right:2%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:-23.1%;
	margin-top:15.7%;
    position:absolute;
}

.box_14 img{
	width:46%;
    height: auto;
	margin-left:29%;
	margin-right:10%;
}

.box_14 p{
	font-size:1.5VW;
	color: #023B73;
	margin-top:6%;
	line-height: 150%;
	margin-left:7%;
}

.box_14 h5{
	font-size:0.7VW;
	color: #023B73;
	margin-top:-7.0%;
	margin-left:7%;
}


.box_15{
	width: 22.8%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
	padding-top:3.25%;
	padding-bottom:2.8%;
	padding-left:6.5%;
	padding-right:2.5%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:10%;
	float: left;
	margin-top:15.5%;

}

.box_15 img{
	width: 28%;
    height: auto;
	float: left;
	margin-left:5%;
	margin-right:10%;
}

.box_15 p{
	font-size:1.5VW;
	color: #023B73;
	margin-top:4.0%;
	line-height: 150%
}

.box_15 h5{
	font-size:0.7VW;
	color: #023B73;
	margin-top:-10.0%;
	margin-left:10%;
}


.box_16{
	width: 19.9%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
	padding-top:2.5%;
	padding-bottom:2.6%;
	padding-left:2%;
	padding-right:2%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.5%;
	margin-top:15.5%;

}

.box_16 img{
	width:27%;
    height: auto;
	margin-left:3%;
	margin-right:10%;
			float: left;
}

.box_16 p{
	font-size:1.5VW;
	color: #023B73;
	margin-top:0%;
	line-height: 150%;
	margin-left:2%;
}

.box_16 h5{
	font-size:0.7VW;
	color: #023B73;
	margin-top:-7.0%;
	margin-left:3%;
}


.box29 {
	width:25%;
	height:auto;
    margin-left:9%;
	margin-top:-12%;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 8px;
	transition: all .3s;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
	position: absolute;
	float: left;

}


.box29 .box-title {
    font-size: 1.2VW;
    background: #F8CE1E;
    padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 0px;
    border: 1px solid #ccc;
    border-radius: 8px 8px 0px 0px;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	text-decoration-line:none;
}

.box29 .box-title img{
	width: 11%;
    height: auto;
	float: left;
	margin-top:-1%;
	margin-left:29.5%;
	margin-right:3%;
	vertical-align: middle;
}

.box29 p {
    padding: 25px 20px;
    margin: 0;
	color: #000000;
	font-size:0.8VW;
}

.box29 a{
	text-decoration-line:none;

}


.box29:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}




.box30 {
	width:25%;
	height:auto;
    margin-left:37%;
	margin-top:-12%;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 8px;
	transition: all .3s;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
	position: absolute;
	float: left;

}


.box30 .box-title {
    font-size: 1.2VW;
    background: #59B377;
    padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 0px;
    border: 1px solid #ccc;
    border-radius: 8px 8px 0px 0px;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	text-decoration-line:none;
}

.box30 .box-title img{
	width: 11%;
    height: auto;
	float: left;
	margin-top:-1%;
	margin-left:29.5%;
	margin-right:3%;
	vertical-align: middle;
}

.box30 p {
    padding: 25px 20px;
    margin: 0;
	color: #000000;
	font-size:0.8VW;
}

.box30 a{
	text-decoration-line:none;

}


.box30:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}


.box31 {
	width:25%;
	height:auto;
    margin-left:65%;
	margin-top:-12%;
    background: #ffffff;
    border: 1px solid #ccc;
    border-radius: 8px;
	transition: all .3s;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
	position: absolute;
	float: left;

}


.box31 .box-title {
    font-size: 1.2VW;
    background: #629FD9;
    padding-top: 5%;
	padding-bottom: 5%;
	padding-left: 0px;
    border: 1px solid #ccc;
    border-radius: 8px 8px 0px 0px;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	text-decoration-line:none;
}

.box31 .box-title img{
	width: 9%;
    height: auto;
	float: left;
	margin-top:-1%;
	margin-left:29.5%;
	margin-right:3%;
	vertical-align: middle;
}

.box31 p {
    padding: 25px 20px;
    margin: 0;
	color: #000000;
	font-size:0.8VW;
}

.box31 a{
	text-decoration-line:none;

}


.box31:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}



.box32 {
	width: 35%;
    height: auto;
    padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 4.5%;
    margin-top: -6.0%;
    color: #ffffff;
    background: #000000;/*背景色*/
	white-space: nowrap;
	font-size:0.8VW;
}

.box32 p {
    margin: 0; 
    padding: 0;
}

.box33 {
	width: 35%;
    height: auto;
    padding-top: 2.5%;
	padding-bottom: 2.5%;
	padding-left: 6.5%;
    margin-top: -4.0%;
    color: #ffffff;
    background: #000000;/*背景色*/
	white-space: nowrap;
}

.box33 p {
    margin: 0; 
    padding: 0;
}



.float9{
	width: 20%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    padding:3%;
	padding-left:2%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:1%;
    margin-top:1%;
	border-radius: 10px;

}

.float9 img{
	width: 27%;
    height: auto;
	float: left;
	margin-left:5%;
	margin-right:10%;
}

.float9 p{
	font-size:1.0VW;
	color: #023B73;
	margin-top:0.5%;
	line-height: 150%;
	white-space: nowrap;
}

.float9:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}


.float10{
	width: 20%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    padding:3%;
	padding-left:2%;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:1%;
    margin-top:1%;
	border-radius: 10px;

}

.float10 img{
	width: 27%;
    height: auto;
	float: left;
	margin-left:5%;
	margin-right:10%;
}

.float10 p{
	font-size:1.0VW;
	color: #023B73;
	margin-top:0.5%;
	line-height: 150%;
	white-space: nowrap;
}

.float10:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.floaty {
    display: none;
}

.sen2{
	margin-bottom:2%;
	
}


.sen2 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen2 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:41%;
    white-space: nowrap;
}

.sen3{
	margin-bottom:0%;
	
}


.sen3 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen3 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	padding-left:4.9%;
    white-space: nowrap;
}


.sen10{
	margin-bottom:0%;
	
}


.sen10 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen10 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	padding-left:37%;
    white-space: nowrap;
}

.sen11{
	margin-bottom:2%;
	
}


.sen11 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen11 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:38%;
    white-space: nowrap;
}



.sen12{
	margin-bottom:2%;
	
}


.sen12 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen12 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:39%;
    white-space: nowrap;
}

.sen13{
	margin-bottom:2%;
	
}


.sen13 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen13 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:41.2%;
    white-space: nowrap;
}

.sen14{
	margin-bottom:2%;
	
}


.sen14 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen14 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:35.8%;
    white-space: nowrap;
}

.sen15{
	margin-bottom:2%;
	
}


.sen15 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen15 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:37.8%;
    white-space: nowrap;
}


.sen15 p{
	font-size:0.8VW;
	margin-top:-1.0%;
	margin-left:38.8%;
    white-space: nowrap;
}

.sen16{
	margin-bottom:2%;
	
}


.sen16 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen16 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:41%;
    white-space: nowrap;
}


.sen16 p{
	font-size:0.8VW;
	margin-top:-1.0%;
	margin-left:38.8%;
    white-space: nowrap;
}


.sen17 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen17 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:33%;
    white-space: nowrap;
}


.sen17 p{
	font-size:0.8VW;
	margin-top:-1.0%;
	margin-left:38.8%;
    white-space: nowrap;
}

.sen18 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen18 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:34.5%;
    white-space: nowrap;
}


.sen18 p{
	font-size:0.8VW;
	margin-top:-1.0%;
	margin-left:38.8%;
    white-space: nowrap;
}


.sen19 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen19 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:34%;
    white-space: nowrap;
}


.sen19 p{
	font-size:0.8VW;
	margin-top:-1.0%;
	margin-left:38.8%;
    white-space: nowrap;
}



.sen20 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen20 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:42.5%;
    white-space: nowrap;
}


.sen20 p{
	font-size:0.8VW;
	margin-top:-1.0%;
	margin-left:38.8%;
    white-space: nowrap;
}

.sen20_2 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen20_2 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:42.5%;
    white-space: nowrap;
}


.sen20_2 p{
	font-size:0.8VW;
	margin-top:-1.0%;
	margin-left:38.8%;
    white-space: nowrap;
}

.sen20_3 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen20_3 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:37.5%;
    white-space: nowrap;
}


.sen20_3 p{
	font-size:0.8VW;
	margin-top:-1.0%;
	margin-left:38.8%;
    white-space: nowrap;
}




.sen21 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen21 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:39.5%;
    white-space: nowrap;
}


.sen21 p{
	font-size:0.8VW;
	margin-top:-1.0%;
	margin-left:38.8%;
    white-space: nowrap;
}

.sen22 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
	
}

.sen22 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:41%;
    white-space: nowrap;
}


.sen22 p{
	font-size:0.8VW;
	margin-top:-1.0%;
	margin-left:38.8%;
    white-space: nowrap;
}


.teikei tr td img{
  width:80%;
  height:auto;
}


.teikei table{
  border-collapse: collapse;
  border:1px solid #333;
  margin-left:10%;
  width:80%;
  font-size:1.0VW;
}


.teikei td{
  border-collapse: collapse;
  border:1px solid #333;
  width:30%;
  font-size:1.0VW;
  padding:1%;
}


.teikei th{
  border-collapse: collapse;
  border:1px solid #333;
  width:10%;
  font-size:1.0VW;
  padding:1%;
  background-color: #FF2A4A;
  color:#FFF;
  text-align:center;
  white-space: nowrap;
  
}



.disp-img{
    background-image:url(../img/sumaho.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;                /* 画像の繰り返しを指定  */              
	padding-top:0%;
	padding-bottom:-4%;
	float: left;
	width:40%;
	margin-top:1%;
}

.disp-img{
    background-image:url(../img/sumaho.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;                /* 画像の繰り返しを指定  */              
	padding-top:0%;
	padding-bottom:-4%;
	float: left;
	width:40%;
	margin-top:5%;
}

.disp-img h1{
  font-size:1.5VW;
  margin-left:21%;
  margin-top:-0%;
  white-space: nowrap;

}


.disp-img p{
  font-size:0.8VW;
  margin-left:22%;
  margin-top:-21%;
  white-space: nowrap;
}


.disp-img2{
    background-image:url(../img/mail.png);             /* 画像のURLを指定       */
    background-repeat:  no-repeat;                /* 画像の繰り返しを指定  */              
	float: left;
	margin-left:12%;
	margin-top:1%;

}

a.btn_222 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 100%;
	margin-left: 45%;
	margin-top: 8%;
	margin-bottom: 8%;
	padding: 3.5% 7.0%;
	font-weight: bold;
	border: 1px solid #FF2A4A;
	background: #FF2A4A;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	float:left;
	position:relative;
	white-space: nowrap;
}


a.btn_222:hover {
	color: #FF2A4A;
	background: #fff;
	
}


.topix br {
    display: none;
  }





.topix li{
  border-bottom:1px dotted #000;
  list-style:none;
  margin-left:22%;
  width:50%;
  white-space: nowrap;
  text-decoration:none;
  font-size:1.0VW;
}

.topix a{
  color:#000;
  text-decoration:none;
}
.topix span{
  background-color:#003593;
  border-radius:3px;
  color:#fff;
  display:inline-block;
  margin-right:20px;
  padding:5px;
}
.topix time{
  display: inline-block;
  font-weight: bold;
  margin-right:40px;
}
.topix p{
  color:#1c448d;
  display: inline-block;
  text-decoration:none;
}

.new::after{
  content:"NEW";
  color: #d10606;
  font-size: 1.1rem;
  border: 1px solid #d10606;
  padding: 4px 8px;
  margin: 0 0 0 20px;
  display: inline-block;
  line-height: 1;
}

.sen3 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
}

.sen3 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:36%;
    white-space: nowrap;
}

.sen3 p{
	font-size:1.0VW;
	margin-top:-0.5%;
	margin-bottom:3%;
	margin-left:0%;
    white-space: nowrap;
	text-align: center;
}

.sen3_1{
    display: none;
}

.sen4_1{
display:none;
}

.sen4 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
}

.sen4 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:40%;
    white-space: nowrap;
}

.sen4 p{
	font-size:1.0VW;
	margin-top:-0.5%;
	margin-bottom:3%;
	margin-left:0%;
    white-space: nowrap;
	text-align: center;
}


.sen5_1{
    display: none;
}

.sen5 img{
	width:6%;
	height:auto;
	margin-top:3%;
	margin-left:44%;
}

.sen5 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:40%;
    white-space: nowrap;
}

.sen5 p{
	font-size:1.0VW;
	margin-top:-0.5%;
	margin-bottom:3%;
	margin-left:0%;
    white-space: nowrap;
	text-align: center;
}

.sen6_1{
    display: none;
}


.sen6 img{
	width:6%;
	height:auto;
	margin-top:10%;
	margin-left:44%;
}

.sen6 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:42%;
    white-space: nowrap;
}

.sen6 p{
	font-size:1.0VW;
	margin-top:-1.5%;
	margin-bottom:3%;
	margin-left:-1.5%;
    white-space: nowrap;
	text-align: center;
}

.sen7_1{
    display: none;
}


.sen7 img{
	width:6%;
	height:auto;
	margin-top:5%;
	margin-left:44%;
}

.sen7 h1{
	font-size:2.5VW;
	margin-top:0.5%;
	margin-left:42%;
    white-space: nowrap;
}

.sen7 p{
	font-size:1.0VW;
	margin-top:-1.5%;
	margin-bottom:3%;
	margin-left:-1.5%;
    white-space: nowrap;
	text-align: center;
}




.about{
	width:90%;
	height:auto;
}

.about img{
	width:25%;
	height:auto;
	display:block;
	position:relative;
	z-index:1;	
	margin-top:0%;
	margin-left:10%;
	margin-right:2%;
	float: left;
}

.about h6{
  color: #D5DCE8;
  font-size: 1.0VW;
  padding-top:2%;
}

.about h1{
  color: #000000;
  font-size: 2.5VW;
  margin-top:-3%;
}

.about p{
  color: #000000;
  font-size: 1.0VW;
  margin-top:-1%;
  line-height: 150%;
}


.about2 img{
	width:32%;
	height:auto;
	position:relative;
	z-index:1;	
	margin-top:2%;
	margin-left:29%;
	float: left;
}

.about3 h1{
	width:80%;
	height:auto;
	font-size: 2.0VW;
	position:relative;
	z-index:1;	
	margin-top:5%;
	margin-left:10%;
	float: left;
	text-align:center;
	letter-spacing: 1.0VW;
}

.ab_haikei{
  margin-top:19%;
  padding-bottom:42.3%;
  background-image: url("https://kariage.co.jp/new/img/about_haikei.png");
  background-repeat: no-repeat;
  background-size:100%
}

.ab_haikei img{
	width:55%;
	height:auto;
	position:relative;
	z-index:1;	
	margin-top:0%;
	margin-left:43%;
	float: left;
}

.ab_haikei h2{
  color: #023B73;
  font-size: 1.2VW;
  margin-top:-3%;
  margin-left:55%;
  position:absolute;
}

.ab_haikei p{
  color: #000000;
  font-size: 1.2VW;
  margin-top:2%;
  margin-left:2%;
  position:absolute;
  width:40%;
  line-height:180%;

}


.online2{
display: none;
}


.online{
  margin-top:19%;
  padding-bottom:5%;
  background-image: url("https://kariage.co.jp/new/img/online.jpg");
  background-repeat: no-repeat;
  background-size:89%;
  margin-top:2%;
  margin-left:9%;
}

.online h1{
  color: #ffffff;
  font-size:3.0VW;
  font-weight:bold;
  margin-top:3.5%;
  margin-left:2.4%;
  position:absolute;
}

.online h3{
  color: #504889;
  font-size:2.0VW;
  font-weight:bold;
  margin-top:12%;
  margin-left:5.0%;
  position:absolute;
}

.online h4{
  color: #504889;
  font-size:3.0VW;
  font-weight:bold;
  margin-top:-3.6%;
  margin-left:10.0%;
  position:absolute;
}

.online h5{
  color: #504889;
  font-size:1.5VW;
  font-weight:bold;
  margin-top:1.3%;
  margin-left:5.0%;
  position:absolute;
}

.online h2{
  color: #000000;
  font-size:1.4VW;
  font-weight:bold;
  margin-top:-6.1%;
  margin-left:42%;
  position:absolute;
}


.online .free img{
	width:4%;
	height:auto;
	margin-top:17.5%;
	margin-left:5.7%;
}

.online img{
	width:22%;
	height:auto;
	margin-top:2.5%;
	margin-left:43%;
}

.online img{
	width:22%;
	height:auto;
	margin-top:2.5%;
	margin-left:43%;
	
}

.online a{
  opacity: 1.0;/*通常は半透明*/
  transition: .3s;
  text-decoration: none;
}

.online a:hover{
   opacity:0.5;
} 

.jireix{
   display:none;
} 

.jirei1{
	width: 19.5%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:10%;


}

.jirei1 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}

.jirei1 p{
	font-size:0.6VW;
	color: #000000;
	margin-top:0.5%;
	margin-left:3.0%;
	line-height: 150%;
	text-decoration: none;
}

.jirei1 a{
	text-decoration: none;
}

/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.jirei1:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.jirei2{
	width: 19.5%;
    height: auto;
	font-size:0.6VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.5%;


}

.jirei2 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}

.jirei2 p{
	font-size:0.6VW;
	color: #000000;
	margin-top:0.5%;
	margin-left:3.0%;
	line-height: 150%;
	text-decoration: none;
}

.jirei2 a{
	text-decoration: none;
}

/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.jirei2:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.jirei3{
	width: 19.5%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.5%;


}

.jirei3 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}

.jirei3 p{
	font-size:0.6VW;
	color: #000000;
	margin-top:0.5%;
	margin-left:3.0%;
	line-height: 150%;
	text-decoration: none;
}

.jirei3 a{
	text-decoration: none;
}

/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.jirei3:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.jirei4{
	width: 19.5%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.5%;


}

.jirei4 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}

.jirei4 p{
	font-size:0.6VW;
	color: #000000;
	margin-top:0.5%;
	margin-left:3.0%;
	line-height: 150%;
	text-decoration: none;
}

.jirei4 a{
	text-decoration: none;
}

/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.jirei4:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.jirei5{
	width: 19.5%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:10%;
	margin-top:0.5%;


}

.jirei5 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}

.jirei5 p{
	font-size:1.0VW;
	color: #023B73;
	margin-top:0.5%;
	line-height: 150%
}

.jirei5 h1 {
	font-size:1.0VW;
	margin-left:2%;
    padding: 0;
	color: #2166A6;
}

.jirei5 h5 {
	width: 95%;
    height: auto;
	font-size:0.6VW;
	margin-left:2%;
	margin-top:-2%;
	margin-bottom:10%;
	color: #000000;
	letter-spacing: 80%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */

}

/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.jirei5:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}


.jirei6{
	width: 19.5%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.5%;


}

.jirei6 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}

.jirei6 p{
	font-size:1.0VW;
	color: #023B73;
	margin-top:0.5%;
	line-height: 150%
}

/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.jirei6:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.jirei6 h1 {
	font-size:1.0VW;
	margin-left:2%;
    padding: 0;
	color: #2166A6;
}

.jirei6 h5 {
	width: 95%;
    height: auto;
	font-size:0.6VW;
	margin-left:2%;
	margin-top:-2%;
	margin-bottom:10%;
	color: #000000;
	letter-spacing: 80%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */

}

.jirei7{
	width: 19.5%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.5%;


}

.jirei7 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}

.jirei7 p{
	font-size:1.0VW;
	color: #023B73;
	margin-top:0.5%;
	line-height: 150%
}

/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.jirei7:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.jirei7 h1 {
	font-size:1.0VW;
	margin-left:2%;
    padding: 0;
	color: #2166A6;
}

.jirei7 h5 {
	width: 95%;
    height: auto;
	font-size:0.6VW;
	margin-left:2%;
	margin-top:-2%;
	margin-bottom:10%;
	color: #000000;
	letter-spacing: 80%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */

}

.jirei8{
	width: 19.5%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.5%;



}

.jirei8 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}

.jirei8 p{
	font-size:1.0VW;
	color: #023B73;
	margin-top:0.5%;
	line-height: 150%
}

/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.jirei8:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.jirei8 h1 {
	font-size:1.0VW;
	margin-left:2%;
    padding: 0;
	color: #2166A6;
}

.jirei8 h5 {
	width: 95%;
    height: auto;
	font-size:0.6VW;
	margin-left:2%;
	margin-top:-2%;
	margin-bottom:10%;
	color: #000000;
	letter-spacing: 80%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */

}


.jirei9{
	width: 19.5%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:10%;
	margin-top:0.5%;


}

.jirei9 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}

.jirei9 p{
	font-size:1.0VW;
	color: #023B73;
	margin-top:0.5%;
	line-height: 150%
}

.jirei9 h1 {
	font-size:1.0VW;
	margin-left:2%;
    padding: 0;
	color: #2166A6;
}

.jirei9 h5 {
	width: 95%;
    height: auto;
	font-size:0.6VW;
	margin-left:2%;
	margin-top:-2%;
	margin-bottom:10%;
	color: #000000;
	letter-spacing: 80%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */

}

/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.jirei9:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.jirei10{
	width: 19.5%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.5%;

}

.jirei10 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}

.jirei10 p{
	font-size:1.0VW;
	color: #023B73;
	margin-top:0.5%;
	line-height: 150%
}

/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.jirei10:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.jirei10 h1 {
	font-size:1.0VW;
	margin-left:2%;
    padding: 0;
	color: #2166A6;
}

.jirei10 h5 {
	width: 95%;
    height: auto;
	font-size:0.6VW;
	margin-left:2%;
	margin-top:-2%;
	margin-bottom:10%;
	color: #000000;
	letter-spacing: 80%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */

}

.jirei11{
	width: 19.5%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.5%;


}

.jirei11 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}

.jirei11 p{
	font-size:1.0VW;
	color: #023B73;
	margin-top:0.5%;
	line-height: 150%
}

/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.jirei11:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.jirei11 h1 {
	font-size:1.0VW;
	margin-left:2%;
    padding: 0;
	color: #2166A6;
}

.jirei11 h5 {
	width: 95%;
    height: auto;
	font-size:0.6VW;
	margin-left:2%;
	margin-top:-2%;
	margin-bottom:10%;
	color: #000000;
	letter-spacing: 80%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */

}

.jirei12{
	width: 19.5%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(128, 128, 128, 0.1) ;
    /*アニメーションの設定*/
    transition: all .3s;
	margin-left:0.5%;



}

.jirei12 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}

.jirei12 p{
	font-size:1.0VW;
	color: #023B73;
	margin-top:0.5%;
	line-height: 150%
}

/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.jirei12:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4), 0 0 50px rgba(128, 128, 128, 0.1) ;
    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.jirei12 h1 {
	font-size:1.0VW;
	margin-left:2%;
    padding: 0;
	color: #2166A6;
}

.jirei12 h5 {
	width: 95%;
    height: auto;
	font-size:0.6VW;
	margin-left:2%;
	margin-top:-2%;
	margin-bottom:10%;
	color: #000000;
	letter-spacing: 80%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */

}




.jirei_box3 {
    padding: 1% 0.3%;
    width: 20%;
    height: auto;
    background: #5654A2;/*背景色*/
	text-align: center;
	float: left;
	position:relative;
	margin-left:2%;
	float: left;
}

.jirei_box3 p {
	font-size:0.4VW;
    margin: 0; 
    padding: 0;
	color: #ffffff;
}



.jirei_box4 {
    padding: 1% 0.3%;
    width: 20%;
    height: auto;
    background: #509D69;/*背景色*/
	text-align: center;
	margin-left:24%;
	position:relative;
}

.jirei_box4 p {
	font-size:0.4VW;
    margin: 0; 
    padding: 0;
	color: #ffffff;
}

.jirei_box5 {
    padding: 1% 0.3%;
    width: 20%;
    height: auto;
    background: #994273;/*背景色*/
	text-align: center;
	margin-left:1%;
	position:relative;
	float: left;
	
}

.jirei_box5 p {
	font-size:0.4VW;
    margin: 0; 
    padding: 0;
	color: #ffffff;
}

.jirei_box6 {
    padding: 1% 0.3%;
    width: 20%;
    height: auto;
    background: #00A9CE;/*背景色*/
	text-align: center;
	margin-left:1%;
	position:relative;
	float: left;
	
}

.jirei_box6 p {
	font-size:0.4VW;
    margin: 0; 
    padding: 0;
	color: #ffffff;
}

.jirei_box7 {
    padding: 1% 0.3%;
    width: 20%;
    height: auto;
    background: #737989;/*背景色*/
	text-align: center;
	margin-left:1%;
	position:relative;
	float: left;
	
}

.jirei_box7 p {
	font-size:0.4VW;
    margin: 0; 
    padding: 0;
	color: #ffffff;
}


.jirei1 h1 {
	font-size:1.0VW;
	margin-left:2%;
    padding: 0;
	color: #2166A6;
}

.jirei1 h5 {
	width: 95%;
    height: auto;
	font-size:0.6VW;
	margin-left:2%;
	margin-top:-2%;
	margin-bottom:10%;
	color: #000000;
	letter-spacing: 80%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */

}

.jirei2 h1 {
	font-size:1.0VW;
	margin-left:2%;
    padding: 0;
	color: #2166A6;
}

.jirei2 h5 {
	width: 95%;
    height: auto;
	font-size:0.6VW;
	margin-left:2%;
	margin-top:-2%;
	margin-bottom:10%;
	color: #000000;
	letter-spacing: 80%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */

}


.jirei3 h1 {
	font-size:1.0VW;
	margin-left:2%;
    padding: 0;
	color: #2166A6;
}

.jirei3 h5 {
	width: 95%;
    height: auto;
	font-size:0.6VW;
	margin-left:2%;
	margin-top:-2%;
	margin-bottom:10%;
	color: #000000;
	letter-spacing: 80%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */

}

.jirei4 h1 {
	font-size:1.0VW;
	margin-left:2%;
    padding: 0;
	color: #2166A6;
}

.jirei4 h5 {
	width: 95%;
    height: auto;
	font-size:0.6VW;
	margin-left:2%;
	margin-top:-2%;
	margin-bottom:10%;
	color: #000000;
	letter-spacing: 80%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; /* 任意の行数を指定 */

}

.tuite1 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}


.tuite1 h1 {
	font-size:1.0VW;
	margin-left:0%;
    padding: 0;
	color: #000000;
}




/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.tuite1:hover {

    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.tuite1 a{
	text-decoration: none;
}


.tuite2{
	width: 26%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    transition: all .3s;
	margin-left:1%;
	margin-top:0.5%;
	


}

.tuite2 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}


.tuite2 h1 {
	font-size:1.0VW;
	margin-left:0%;
    padding: 0;
	color: #000000;
}

.tuite2 a{
	text-decoration: none;
}


/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.tuite2:hover {

    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}

.tuite3{
	width: 26%;
    height: auto;
	font-size:0.8VW;
    background: #fff;
    color: #333;
    display: inline-block;
    text-decoration: none;
    outline: none;
    transition: all .3s;
	margin-left:1%;
	margin-top:0.5%;
	


}

.tuite3 img{
	width: 100%;
    height: auto;
	margin-right:10%;
}


.tuite3 h1 {
	font-size:1.0VW;
	margin-left:0%;
    padding: 0;
	color: #000000;
}




/*hoverをしたらボックスの影が拡がり色が濃くなる*/
.tuite3:hover {

    border-color: transparent;
	  transform: translateY(-10px);
  transition-duration: 0.5s;
}


#page_top {
    position: fixed;
    bottom: 10%;
    right: 3%;
	z-index: 9999;
	border-radius: 50%
}

#page_top a {
    background-color: #005BAC;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 60% 60%;
	opacity: 1.0;/*通常は半透明*/
    transition: .3s;
	
}
#page_top a:hover {
opacity:0.5;
}




.foot_kabe {
  margin-top:10%;
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  position:relative;
  margin-bottom:-20%;
}

.foot_machi{
  margin-top:70%;
  margin: 0 auto;
  width: 100%;
  height: auto;
  padding-bottom:17%;
  background-image: url("../../img/foot.gif");
  background-repeat: no-repeat;
  background-size:contain;
  
}

.foot_machi3{
  margin-top:70%;
  margin: 0 auto;
  width: 100%;
  height: auto;
  padding-bottom:17%;
  background-image: url("../../img/foot.gif");
  background-repeat: no-repeat;
  background-size:contain;
  
}

.foot_rogo img{
  width: 6.5%;
  height: auto;
  margin-left: 4.5%;
  margin-top: 0%;
}


.foot_rogo a{
  opacity: 1.0;/*通常は半透明*/
  transition: .3s;
  text-decoration: none;
  color: #000000;
}


.foot_rogo a:hover{
   opacity:0.5;
} 


.sns{
	
  margin-left: 5.1%;
  height: 20%;
}


.sns img{
  width: 2.0%;
  height: auto;
  margin-top: 0.2%;
  margin-right: 1.3%;
  margin-left: -0.8%;
  float: left;

}

.sns a{
  opacity: 1.0;/*通常は半透明*/
  transition: .3s;
  text-decoration: none;
  color: #000000;
}


.sns a:hover{
   opacity:0.5;
} 


.accordion{
display:none;
} 



.foot_mongon h1{
  margin-left: 5%;
  margin-top: -2.0%;
  display: block;
  font-size: 0.8VW;
  font-weight: bold;
  color: #004392;
  border-bottom: 1px solid #004392;
  width: 12%;
  white-space: nowrap;
  float: left;
}


.foot_mongon2 h1{
  margin-left: 20%;
  margin-top: -2.0%;
  display: block;
  font-size: 0.8VW;
  font-weight: bold;
  color: #004392;
  border-bottom: 1px solid #004392;
  width: 12%;
  white-space: nowrap;
  float: left;
}

.foot_mongon3 h1{
  margin-left: 35%;
  margin-top: -2.0%;
  display: block;
  font-size: 0.8VW;
  font-weight: bold;
  color: #004392;
  border-bottom: 1px solid #004392;
  width: 12%;
  white-space: nowrap;
  float: left;
}

.foot_mongon4 h1{
  margin-left: 50%;
  margin-top: -2.0%;
  display: block;
  font-size: 0.8VW;
  font-weight: bold;
  color: #004392;
  border-bottom: 1px solid #004392;
  width: 12%;
  white-space: nowrap;
  float: left;
  letter-spacing: 0.36em;
}

.foot_mongon5 h1{
  margin-left: 65%;
  margin-top: -2.0%;
  display: block;
  font-size: 0.8VW;
  font-weight: bold;
  color: #004392;
  border-bottom: 1px solid #004392;
  width: 12%;
  white-space: nowrap;
  float: left;
  letter-spacing: 0.36em;
}

.foot_mongon6 h1{
  margin-left: -3%;
  margin-top: 30%;
  display: block;
  font-size: 0.8VW;
  font-weight: bold;
  color: #004392;
  
  border-bottom: 1px solid #004392;
  width: 130%;
  white-space: nowrap;
　position: absolute;
}


.foot_list{

  white-space: nowrap;
  float: left;
  margin-top: -0.5%;
  margin-left: 5.0%;
  text-align: left;
  
}

.foot_list p{
  padding-left: 0em;
  font-size: 0.8VW;
  margin-bottom: 2.0%;
  line-height: 90%;
  color: #000000;
}

.foot_list a{
  position: relative;
  text-decoration: none;/*デフォルトで下線を非表示*/
  padding-left: 0em;
  font-size: 0.8VW;
  margin-bottom: 0.6%;
  line-height: 90%
}

/** 下線を左から引く **/
.foot_list a:after{
  position: absolute;
  margin-bottom: 0.6%;
  left: 0;
  content: '';
  width: 0;
  height: 1px; /*下線の太さ*/
  background-color: #004392; /*下線の色*/
  transition: .3s; /*アニメーション速度*/
}
.foot_list a:hover:after {
  width:100%;
}


.foot_list2{
  white-space: nowrap;
  float: left;
  margin-top: -0.5%;
  margin-left: 4.6%;
  text-align: left;
}

.foot_list2 p{
  padding-left: 0em;
  font-size: 0.8VW;
  margin-bottom: 2.0%;
  line-height: 90%;
  color: #000000;
}


.foot_list2 a{
  position: relative;
  text-decoration: none;/*デフォルトで下線を非表示*/
  padding-left: 0em;
  font-size: 0.8VW;
  margin-bottom: 0.6%;
  line-height: 90%
}

/** 下線を左から引く **/
.foot_list2 a:after{
  position: absolute;
  margin-bottom: 0.6%;
  left: 0;
  content: '';
  width: 0;
  height: 1px; /*下線の太さ*/
  background-color: #004392; /*下線の色*/
  transition: .3s; /*アニメーション速度*/
}
.foot_list2 a:hover:after {
  width:100%;
}




.foot_list3{
  white-space: nowrap;
  float: left;
  margin-top: -0.5%;
  margin-left: 5.0%;
  text-align: left;
}

.foot_list3 p{
  padding-left: 0em;
  font-size: 0.8VW;
  margin-bottom: 2.0%;
  line-height: 90%;
  color: #000000;
}

.foot_list3 a{
  position: relative;
  text-decoration: none;/*デフォルトで下線を非表示*/
  padding-left: 0em;
  font-size: 0.8VW;
  margin-bottom: 0.6%;
  line-height: 90%
}

/** 下線を左から引く **/
.foot_list3 a:after{
  position: absolute;
  margin-bottom: 0.6%;
  left: 0;
  content: '';
  width: 0;
  height: 1px; /*下線の太さ*/
  background-color: #004392; /*下線の色*/
  transition: .3s; /*アニメーション速度*/
}
.foot_list3 a:hover:after {
  width:100%;
}


.foot_list4{
  white-space: nowrap;
  float: left;
  margin-top: -0.5%;
  margin-left: 5%;
  text-align: left;
}

.foot_list4 p{
  padding-left: 0em;
  font-size: 0.8VW;
  margin-bottom: 2.0%;
  line-height: 90%;
  color: #000000;
}

.foot_list4 a{
  position: relative;
  text-decoration: none;/*デフォルトで下線を非表示*/
  padding-left: 0em;
  font-size: 0.8VW;
  margin-bottom: 0.6%;
  line-height: 90%
}

/** 下線を左から引く **/
.foot_list4 a:after{
  position: absolute;
  margin-bottom: 0.6%;
  left: 0;
  content: '';
  width: 0;
  height: 1px; /*下線の太さ*/
  background-color: #004392; /*下線の色*/
  transition: .3s; /*アニメーション速度*/
}
.foot_list4 a:hover:after {
  width:100%;
}

.foot_list5{
  white-space: nowrap;
  float: left;
  margin-top: -0.5%;
  margin-left: 4.7%;
  text-align: left;
}

.foot_list5 p{
  padding-left: 0em;
  font-size: 0.8VW;
  margin-bottom: 2.0%;
  line-height: 90%;
  color: #000000;
}

.foot_list5 a{
  position: relative;
  text-decoration: none;/*デフォルトで下線を非表示*/
  padding-left: 0em;
  font-size: 0.8VW;
  margin-bottom: 0.6%;
  line-height: 90%
}

/** 下線を左から引く **/
.foot_list5 a:after{
  position: absolute;
  margin-bottom: 0.6%;
  left: 0;
  content: '';
  width: 0;
  height: 1px; /*下線の太さ*/
  background-color: #004392; /*下線の色*/
  transition: .3s; /*アニメーション速度*/
}
.foot_list5 a:hover:after {
  width:100%;
}

.foot_list6{
  white-space: nowrap;
  float: left;
  margin-top: -1.5%;
  margin-left: 2.5%;
  text-align: left;
}

.foot_list6 p{
  padding-left: 0em;
  font-size: 0.8VW;
  margin-bottom: 2.0%;
  line-height: 90%;
  color: #000000;
}

.foot_list6 a{
  position: relative;
  text-decoration: none;/*デフォルトで下線を非表示*/
  padding-left: 0em;
  font-size: 0.8VW;
  margin-bottom: 0.6%;
  line-height: 90%
}

/** 下線を左から引く **/
.foot_list6 a:after{
  position: absolute;
  margin-bottom: 0.6%;
  left: 0;
  content: '';
  width: 0;
  height: 1px; /*下線の太さ*/
  background-color: #004392; /*下線の色*/
  transition: .3s; /*アニメーション速度*/
}
.foot_list6 a:hover:after {
  width:100%;
}


.kure2{
display:none;
}

.kure{
  float: left;
  width: 30%;
  margin-left:-80%;
	position: relative;
	
  
}


.kure p{
  margin-left:-20%;
  margin-top:82%;
  margin-bottom:1.5%;
  font-size: 0.8VW;
	z-index: 9999;
}

.foot_under2{
display:none;
}

.foot_under p{
  width: 42%;
  margin-left:58%;
  margin-top:25.0%;
  font-size: 0.8VW;
  line-height: 90%
}

.foot_under a{
  opacity: 1.0;/*通常は半透明*/
  transition: .3s;
  text-decoration: none;
  color: #000000;
}


.foot_under a:hover{
   opacity:0.5;
} 


.recruit img{
  width: 35%;
  height: auto;
  margin-left: 55%;
  margin-top: -6%;
  position: absolute;
}





@media screen and (max-width:1200px){
nav ul li.has-child dt{
	height: 12vh;
}
	
}

/*== 2層目の設定 */

nav li.has-child ul{
  /*絶対配置で位置を指定*/
    position: absolute;
	left:5%;
	top:58px;
	z-index: 4;
  /*子要素を横並びに*/    
	display: flex;

	flex-wrap: wrap;
    /*形状を指定*/
	background:#888;
	width:90%;
    border-radius: 0px;
    /*はじめは非表示*/
	visibility: hidden;
	opacity: 0;
     /*アニメーション設定*/
	transition: all .3s;
    padding: 10px 0;

}

/*hoverしたら表示*/
nav li.has-child:hover > ul{
  visibility: visible;
  opacity: 1;
}

/*各ナビゲーション横幅*/
nav li.has-child ul li{
	width:19.8%;
	
}

/*ナビゲーションaタグの形状*/
nav li.has-child ul li a{
	color: #fff;
	
}

nav li.has-child ul li dd{
	color: #fff;
	margin-left:-5%;		
}

nav li.has-child ul li a:hover,
nav li.has-child ul li a:active{
	background:#3577CA;
}





/*==768px以下の形状*/
@media screen and (max-width:768px){
	
	nav ul{
		display: block;
	}

	nav li.has-child ul{
  	position: relative;
	left:0;
	top:0;
	width:100%;
	visibility:visible;/*JSで制御するため一旦表示*/
	opacity:1;/*JSで制御するため一旦表示*/
	display: none;/*JSのslidetoggleで表示させるため非表示に*/
	transition:none;/*JSで制御するためCSSのアニメーションを切る*/
}
    
	nav li.has-child ul li{
		width:100%;
		text-align: left;
	}
	
	nav li.has-child ul li dl{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	nav li.has-child ul li dt{
		width:30%;
		height: auto;
		margin: 0;
	}

	nav li.has-child ul li dd{
		width:64%;	

	}

    
    nav ul li a{
	    padding: 10px 20px;
	    border-bottom:1px solid #ccc;
}
    
    nav ul li li a{
		padding: 0;
}
	
/*矢印の位置と向き*/
	
nav ul li.has-child > a::before{
	top:17px;
	left:20px;
    transform: rotate(135deg);
}
    
nav ul li.has-child.active > a::before{
    transform: rotate(-45deg);
}
}

.main{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main2.jpg");
  background-repeat: no-repeat;
  background-size:100%;
}

.main2{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main3.jpg");
  background-repeat: no-repeat;
  background-size:100%;
}

.main2{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main3.jpg");
  background-repeat: no-repeat;
  background-size:100%;
}


.main p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main a{
	color: #ffffff;
	text-decoration: none;
}


.main2 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main2 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main2 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main2 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main2 a{
	color: #ffffff;
	text-decoration: none;
}


.main3{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main4.jpg");
  background-repeat: no-repeat;
  background-size:100%;
}


.main3 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main3 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main3 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main3 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main3 a{
	color: #ffffff;
	text-decoration: none;
}


.main4{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main5.jpg");
  background-repeat: no-repeat;
  background-size:100%;
}


.main4 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main4 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main4 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main4 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main4 a{
	color: #ffffff;
	text-decoration: none;
}


.main5{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main6.jpg");
  background-repeat: no-repeat;
  background-size:100%;
}


.main5 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main5 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main5 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main5 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main5 a{
	color: #ffffff;
	text-decoration: none;
}


.main8{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main8.jpg");
  background-repeat: no-repeat;
  background-size:100%;
}


.main8 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main8 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main8 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main8 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main8 a{
	color: #ffffff;
	text-decoration: none;
}



.main9{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main9.png");
  background-repeat: no-repeat;
  background-size:100%;
}


.main9 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main9 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main9 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main9 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main9 a{
	color: #ffffff;
	text-decoration: none;
}


.main10{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main10.png");
  background-repeat: no-repeat;
  background-size:100%;
}


.main10 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main10 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main10 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main10 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main10 a{
	color: #ffffff;
	text-decoration: none;
}


.main11{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main11.png");
  background-repeat: no-repeat;
  background-size:100%;
}


.main11 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main11 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main11 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main11 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main11 a{
	color: #ffffff;
	text-decoration: none;
}


.main12{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main12.png");
  background-repeat: no-repeat;
  background-size:100%;
}


.main12 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main12 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main12 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main12 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main12 a{
	color: #ffffff;
	text-decoration: none;
}


.main13{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main13.png");
  background-repeat: no-repeat;
  background-size:100%;
}


.main13 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 37%;

}

.main13 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main13 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main13 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main13 a{
	color: #ffffff;
	text-decoration: none;
}


.main14{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main14.png");
  background-repeat: no-repeat;
  background-size:100%;
}


.main14 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main14 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main14 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main14 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main14 a{
	color: #ffffff;
	text-decoration: none;
}


.main15{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main15.png");
  background-repeat: no-repeat;
  background-size:100%;
}


.main15 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main15 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main15 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main15 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main15 a{
	color: #ffffff;
	text-decoration: none;
}

.main16{
  margin-top:-1%;
  padding-bottom:21%;
  background-image: url("../img/main16.png");
  background-repeat: no-repeat;
  background-size:100%;
}


.main16 p{

	position: absolute;
	font-size: 0.8VW;
	color: #ffffff;
	margin-left: 10%;
	margin-top: 0%;
	left: 3px;
	top: 349px;

}

.main16 h1{
	width:80%;
	height:auto;
	position:absolute;
	font-size:1.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:5%;
}


.main16 img{
	width:6%;
	height:auto;
	margin-top:6.5%;
	margin-left:10%;
	position:absolute;
}


.main16 h3{
	width:80%;
	height:auto;
	position:absolute;
	font-size:2.0VW;
	color: #ffffff;
	margin-left:10%;
	margin-top:8.2%;
}

.main16 a{
	color: #ffffff;
	text-decoration: none;
}



.mongon p{
    width: 80%;
	font-size: 0.8VW;
	color: #000000;
	margin-left: 10%;
	margin-top: 1.5%;

}

.mongon3 p{
    width: 80%;
	font-size: 0.8VW;
	color: #000000;
	margin-left: 10%;
	margin-top: 1.5%;

}


.mongon2 p{
    width: 80%;
	font-size: 0.8VW;
	color: #000000;
	margin-left: 10%;
	margin-top: 1.5%;
	line-height:300%;

}


.table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 80%;
	margin-left:10%;
	margin-top: 3%;
}
.table tr {
    border-bottom: 1px solid #ACACAC;
}
.table tr th,
.table tr td {
    text-align: left;
    vertical-align: top;
}
.table tr th {
    width: 15%;
    font-weight: bold;
    border-bottom: 1px solid #0059B2;
    padding: 20px 0;
    color: #0070BD;
}
.table tr td {
    width: 75%;
    padding: 20px 20px;
}

.table iframe{
  margin-top: 3%;
  margin-bottom: 2%;
  width: 70%; 
  height: 50VH;
}







/* 装飾 */
body{
  margin: 0px 0px;
}



.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:83%;
   margin-left:7%;
   position: relative;
   margin-top:45.6%;
   margin-bottom:5%;
}


.slider img {
    width:99%;/*スライダー内の画像を横幅100%に*/
    height:auto;
    border: 1px solid #BBBBBB;

}

.slider a{
  opacity: 1.0;/*通常は半透明*/
  transition: .3s;
  text-decoration: none;
  color: #000000;
}


.slider a:hover{
   opacity:0.5;
   transition: .3s;
} 




/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin-left:0.1%;
}






.box2{
display:none;
}

.box1 {
	width:80%;
    padding: 0.5em 1em;
    margin-top:27%;
	margin-left:10%;
	margin-bottom:1.0%;
    border: solid 3px #004392;
	position:relative;
	font-size:0.7VW;
}

.box1 h1 {
    margin: 0; 
    padding: 0;
	font-size:0.8VW;
	color: #004392;
	margin-left:-0.5%;
	margin-bottom:0.8%;
}

.box1 p {
    margin: 0; 
    padding: 0;
	font-size:0.7VW;
	margin-bottom:0.8%;
}

.red{
	float: left;
	color: #C4003A;
	font-size:0.7VW;
	font-weight: bold;
}

.red2{
	float: left;
	color: #C4003A;
	font-size:1.0VW;
	font-weight: bold;
}

}



.daimoku{
	margin-top: -10%;
    margin-left: 0%;
	position: absolute;
	width: 100%;

}

.daimoku h2 {
    position: relative;
	width: 79%;
	margin-left: 10%;
	margin-top: 5%;
    margin-bottom: 0.2rem;
    padding: 0.5rem;
    border-bottom: 5px solid;
    color: #005BAC;
    font-size: 1.5VW;
    font-weight: bold;
}



.daimoku h2:before {
    position: absolute;
    bottom: -0.6rem;
    left: 0rem;
    right: 0rem;
    border-bottom: 1px solid;
    content: '';
}

.daimoku_syou{
   float: left;
   width: 100%;
   margin-left: 0%;
}

.daimoku_syou2{
   float: left;
   width: 100%;
   margin-left: 0%;
   margin-bottom: 0%;
}



.daimoku2{
	width: 36%;
    margin-left: 10%;
	position: relative;
		float: left;
}

.daimoku2 h2 {
	width: 100%;
	margin-left: 0%;
	margin-top: 5%;
    margin-bottom: 0.2rem;
    padding: 0.5rem;
    border-bottom: 5px solid;
    color: #005BAC;
    font-size: 1.5VW;
    font-weight: bold;
}

.daimoku2 h2:before {
    position: absolute;
    bottom: -0.6rem;
    left: 0rem;
    right: 0rem;
    border-bottom: 1px solid;
    content: '';
}


.daimoku3{
	width: 36%;
    margin-left: 53.3%;
	position: relative;
}

.daimoku3 h2 {
	width: 100%;
	margin-left: 0%;
	margin-top: 5%;
    margin-bottom: 0.2rem;
    padding: 0.5rem;
    border-bottom: 5px solid;
    color: #005BAC;
    font-size: 1.5VW;
    font-weight: bold;
}

.daimoku3 h2:before {
    position: absolute;
    bottom: -0.6rem;
    left: 0rem;
    right: 0rem;
    border-bottom: 1px solid;
    content: '';
}




a.btn_05 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 1.1%;
	margin-left: 85%;
	margin-top: -3.2%;
	padding: 0.4% 1.9% 0.4% 1.2%;
	font-weight: bold;
	border: 1px solid #226265;
	background: #226265;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	position: absolute;
}

a.btn_05:hover {
	color: #226265;
	background: #fff;

}

a.btn_06 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 8%;
	margin-left: 88.5%;
	margin-top: -8.0%;
	padding: 1.0% 2.0% 1.0% 1.7%;
	font-weight: bold;
	border: 1px solid #226265;
	background: #226265;
	color: #fff;
	font-size:0.8VW;
	transition: 0.5s;
	position: absolute;
}

a.btn_06:hover {
	color: #226265;
	background: #fff;

}

.table6{
	width: 80%;
  	margin-left: 10%;
	margin-top: 1%;
}


.table6 table{
  width: 100%;
  border-collapse: collapse;
font-size:0.8VW;
}

.table6 table tr{
  border-bottom: solid 2px white;
}

.table6 table tr:last-child{
  border-bottom: none;
}

.table6 table th{
  position: relative;
  text-align: left;
  width: 10%;
  background-color: #005BAC;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.table6 table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #005BAC;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.table6 table td{
  text-align: left;
  width: 100%;
  background-color: #eee;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 2%;
  padding-left: %;
}





.table2{
  	margin-left: 0%;
	margin-top: 3.0%;
	position: relative;
}

.table2 table{
  width: 102.2%;
  border-collapse: collapse;
  font-size:0.8VW;
}

.table2 table tr{
  border-bottom: solid 2px white;
}

.table2 table tr:last-child{
  border-bottom: none;
}

.table2 table th{
  position: relative;
  text-align: left;
  width: 9%;
  background-color: #005BAC;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.table2 table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #005BAC;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.table2 table td{
  text-align: left;
  width: 30%;
  background-color: #eee;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 4%;
}


.table3{
  	margin-left: 0%;
	margin-top: 3%;
	position: relative;
}

.table3 table{
  width: 102.2%;
  border-collapse: collapse;
  font-size:0.8VW;
}

.table3 table tr{
  border-bottom: solid 2px white;
}

.table3 table tr:last-child{
  border-bottom: none;
}

.table3 table th{
  position: relative;
  text-align: left;
  width: 9%;
  background-color: #005BAC;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.table3 table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #005BAC;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.table3 table td{
  text-align: left;
  width: 30%;
  background-color: #eee;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 4%;
}


.table4{
  	margin-left: 0%;
	margin-top: 3%;
	position: relative;
}

.table4 table{
  width: 102.2%;
  border-collapse: collapse;
  font-size:0.8VW;
}

.table4 table tr{
  border-bottom: solid 2px white;
}

.table4 table tr:last-child{
  border-bottom: none;
}

.table4 table th{
  position: relative;
  text-align: left;
  width: 9%;
  background-color: #005BAC;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.table4 table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 5%);
  right:-10px;
  border-left: 10px solid #005BAC;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.table4 table td{
  text-align: left;
  width: 30%;
  background-color: #eee;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 4%;
}

/* 008 */
.button008 a {
    background: #EFEFEF;
    position: relative;
    display: flex;
    justify-content: space-around;
    margin-left: 76.5%;
    max-width: 15%;
    padding: 2VH 2VW;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    z-index:0;
	text-decoration: none;
}
.button008 a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: #D3E1E8;
    transition: .3s;
    left:0;
	text-decoration: none;
}
.button008 a:hover {
    color: color: #313131;;
}
.button008 a:hover:before {
    width: 100%;
    z-index: -1;
}


.table5{
  	margin-left: 0%;
	margin-top: -16.0%;
	position: absolute;
}

.table5 table{
  width: 102.2%;
  border-collapse: collapse;

}

.table5 table tr{
  border-bottom: solid 2px white;
}

.table5 table tr:last-child{
  border-bottom: none;
}

.table5 table th{
  position: relative;
  text-align: left;
  width: 9%;
  background-color: #005BAC;
  color: white;
  text-align: center;
  padding: 10px 0;
}

.table5 table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #005BAC;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.table5 table td{
  text-align: left;
  width: 30%;
  background-color: #eee;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 4%;
}


.head-border {
	margin-left: 22%;
	width: 50%;
    display: flex;
    align-items: center;
	  font-size:1.0VW;
	    position: relative;
	
}
 
.head-border:before,
.head-border:after {
    content: "";
    height: 0.3VH;
    flex-grow: 1;
    background-color: #666;
}
 
.head-border:before {
    margin-left: 1.5%;
}
 
.head-border:after {
    margin-left: 1.5%;
}

.head-border2 {
	margin-left: 12.5%;
	width: 75%;
    display: flex;
    align-items: center;
	  font-size:1.0VW;
	    position: relative;
	
}
 
.head-border2:before,
.head-border2:after {
    content: "";
    height: 0.3VH;
    flex-grow: 1;
    background-color: #666;
}
 
.head-border2:before {
    margin-left: 1.5%;
}
 
.head-border2:after {
    margin-left: 1.5%;
}


.head-border3 {
	margin-left: 12.5%;
	width: 70%;
    display: flex;
    align-items: center;
	font-size:1.0VW;
	position: relative;
	margin-top: 3%;
	
}
 
.head-border3:before,
.head-border3:after {
    content: "";
    height: 0.3VH;
    flex-grow: 1;
    background-color: #666;
}
 
.head-border3:before {
    margin-left: 1.5%;
}
 
.head-border3:after {
    margin-left: 1.5%;
}



.maru {
  height:2.0%;
  width:3.0%;
  border-radius:100%;
  border: double 0.3VW #ffffff;
  line-height:100%;
  text-align:center;
  background:#33679A;
  font-size:1.0VW;
  font-weight:bold;
  color:#ffffff;
  margin-left:1.5%;
  margin-right:1.0%;
  padding-top: 1.0%;
  padding-bottom: 1.0%;
  padding-left: 0.4%;
  padding-right: 0.4%;
}

.maru2 {
  height:1.0%;
  width:2.0%;
  border-radius:100%;
  border: double 0.3VW #ffffff;
  line-height:100%;
  text-align:center;
  background:#33679A;
  font-size:1.0VW;
  font-weight:bold;
  color:#ffffff;
  margin-left:1.5%;
  margin-right:1.0%;
  padding-top: 0.7%;
  padding-bottom: 0.7%;
  padding-left: 0.3%;
  padding-right: 0.3%;
}


.head-mon {
	margin-left: 34%;
	width: 50%;
    display: flex;
    text-align:center;
	font-size:0.8VW;
	
}


.kounyu{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 2%;
	margin-bottom: 10%;
}

.kounyu img{
	margin-left: 10%;
	width: 25%;
	height: auto;
	float: left;
	position: relative;
}

.kounyu2 img{
	margin-left: 4%;
	width: 52%;
	height: auto;
	float: left;
	position: relative;
}

.kousui h3{
	font-size:1.0VW;
	margin-top:0.5%;
	margin-left:10%;
    white-space: nowrap;
	position: relative;
}

.kousui h1{
	width: 80%;
	font-size:2.5VW;
	margin-top:-1.0%;
	margin-left:10%;
    white-space: nowrap;
	position: relative;
}

.bl{
	color: #0083C5;
		float: left;
}

.kousui p{
	width: 80%;
	font-size:0.8VW;
	margin-top:-1.0%;
	margin-left:10%;
	position: relative;
}

.keiken{
  width: 80%;
  height: auto;
  position: relative;
}

.keiken img{
  width: 120%;
  height: auto;
  margin-top:50%;
  position: relative;
}

.keiken p{
	width: 100%;
	font-size:0.8VW;
	margin-top:3.0%;
	margin-left:18%;
	position: relative;
}


.group_ryoku{
  margin-left:20%;
  margin-top:4%;
  padding-bottom:40%;
  background-image: url("../img/img_pgttl.png");
  background-repeat: no-repeat;
  background-size:100%;
  position: relative;
}

.manzoku{
  margin-left:10%;
  margin-top:1%;
  padding-bottom:22%;
  background-image: url("../img/manzoku.jpg");
  background-repeat: no-repeat;
  background-size:87%;
  position: relative;
}

.manzoku h2{
	width: 50%;
	font-size:1.2VW;
	margin-top:10.5%;
	margin-left:34%;
	position:absolute;
	color: #ffffff;
}


.deji{
	width: 80%;
	height:auto;
	margin-left:10%;
    position: relative;
	margin-bottom:4%;
}


.deji img{
	width: 100%;
	height:auto;
    position: relative;
	color: #ffffff;
}


.deji p{
	width: 100%;
	font-size:0.8VW;
	margin-top:1%;
    position: relative;
}


.kachi{
  margin-left:10%;
  margin-top:1%;
  padding-bottom:40%;
  background-image: url("../img/kachi.jpg");
  background-repeat: no-repeat;
  background-size:87%;
  position: relative;
}

.kachi p{
	width: 55%;
	font-size:0.8VW;
	margin-top:35%;
    position:absolute;
	z-index:100;
}


.jirei h2 {
    position: relative;
    margin-bottom: 5%;
	margin-left: -7%;
    font-weight: bold;
    font-size: 1.8VW;
    text-align: center;
}

.jirei h2::before,
.jireih2::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.jirei h2::before {
    bottom: -45%;
    color: #33679A;
    font-size: 1.0VW;
    text-transform: uppercase;
    content: 'WORKS LIST';
}

.jirei h2::after {
    bottom: -15px;
    width: 100px;
    height: 2px;
    background-image: linear-gradient(90deg, #ea504a 10px, transparent 10px calc(100% - 10px), #ea504a calc(100% - 10px));
    content: '';
}


.ansin{
	width: 80%;
	height:auto;
	margin-left:10%;
    position: relative;
	margin-bottom:0%;
}


.ansin img{
	width: 100%;
	height:auto;
    position: relative;
	color: #ffffff;
}


.ansin p{
	width: 100%;
	font-size:0.8VW;
	margin-top:1%;
    position: relative;
}


.toi{
	width: 80%;
	height:auto;
    position: relative;
	margin-left:9%;
}

.toi h3{
	width: 100%;
	font-size:1.5VW;
	margin-top:1%;
    position: relative;
	text-align:center;
}

.toi h4{
	width: 100%;
	font-size:1.0VW;
	margin-top:1%;
    position: relative;
	text-align:center;
	margin-left:-1.5%;
}

.toi p{
	width: 100%;
	font-size:0.8VW;
	margin-top:1%;
    position: relative;
	text-align:center;
}

.toi img{
	margin-top: 0.8%;
	margin-left: 37%;
	margin-right: 1%;
	width: 3%;
	height: auto;
	float: left;
	position:absolute;
	
}

.toi h2{
	width: 100%;
	font-size:2.0VW;
	margin-top:1%;
    position: relative;
	text-align:center;
	margin-left:1%;
}

.toi h5{
	width: 100%;
	font-size:0.8VW;
	margin-top:-2%;
	margin-bottom:5%;
    position: relative;
	text-align:center;
	margin-left:-1%;
}

.toi_bo{
	float: left;
}


.suuji{
	background-color:#E6E6E6;
	background-size: 100%;
	
    background-repeat: no-repeat;
	padding-bottom: 5%;
	
}

.flame03 {
font-size:2.5VW;

padding-left: 3.0%;
padding-right: 0%;
width: 20%;
color: #FFFFFF;
background: #000000;
position:absolute;
margin-top:-6%;
margin-left:67%;
margin-bottom:0%;
}

.gyoumu{
	width: 80%;
	margin-top:1%;
    position: relative;
	float: left;	
	margin-bottom:7%;
}

.gyoumu p{
	font-size:3.0VW;
	margin-top:10%;
	margin-bottom:5%;
    position:absolute;
	text-align:center;
	margin-left:-3%;
    transform: rotate(-90deg);
	z-index:1000;
	font-weight:bold;
}

.gyoumu h1{
	font-size:3.0VW;
	margin-top:2%;
	margin-left:20%;
}



h5.double{
   width: 48%;
   border-bottom: 1.0VH double ;
   margin-left:65%;
   margin-top:-9%;
   
}

.naiyou_left{
	width: 100%;
    height: auto;
	margin-left:0%;
}



.naiyou_left img{
	width: 45%;
    height: auto;
	float: right;
	margin-left:68%;
    margin-top:0%;
	position:absolute;
}

.gyoumu .naiyou_left h3{
	width: 10%;
    height: auto;
	font-size:2.0VW;
	margin-top:10%;
	margin-left:20%;
	margin-right:20%;
	white-space: nowrap;
}

.gyoumu .naiyou_left h6{
	width: 39%;
    height: auto;
	font-size:1.0VW;
	margin-top:-1%;
	margin-bottom:0%;
	margin-left:20%;
    line-height: 3.0VH;
	font-weight: normal;
}


.naiyou_right{
	width: 100%;
    height: auto;
	margin-top:10%;
	
}



.naiyou_right img{
	width: 45%;
    height: auto;
	float: left;
	margin-left:20%;
	margin-right:3%;
    margin-top:0%;
	position:absolute;

}

.gyoumu .naiyou_right h3{
	width: 10%;
    height: auto;
	font-size:2.0VW;
	margin-top:10%;
	margin-left:68%;
	white-space: nowrap;
}

.gyoumu .naiyou_right h6{
	width: 39%;
    height: auto;
	font-size:1.0VW;
	margin-top:-1%;
	margin-bottom:0%;
	margin-left:68%;
    line-height: 2.5VH;
	font-weight: normal;
}


.naiyou_left2{
	width: 100%;
    height: auto;
	margin-top:15%;
}



.naiyou_left2 img{
	width: 45%;
    height: auto;
	float: right;
	margin-left:68%;
    margin-top:0%;
	position:absolute;
}

.gyoumu .naiyou_left2 h3{
	width: 10%;
    height: auto;
	font-size:2.0VW;
	margin-top:10%;
	margin-left:20%;
	margin-right:20%;
	white-space: nowrap;
}

.gyoumu .naiyou_left2 h6{
	width: 39%;
    height: auto;
	font-size:1.0VW;
	margin-top:-1%;
	margin-bottom:0%;
	margin-left:20%;
    line-height: 3.0VH;
	font-weight: normal;	
}

.naiyou_right2{
	width: 100%;
    height: auto;
	margin-top:13%;
	
}



.naiyou_right2 img{
	width: 45%;
    height: auto;
	float: left;
	margin-left:20%;
	margin-right:3%;
    margin-top:0%;
	position:absolute;

}

.gyoumu .naiyou_right2 h3{
	width: 10%;
    height: auto;
	font-size:2.0VW;
	margin-top:10%;
	margin-left:68%;
	white-space: nowrap;
}

.gyoumu .naiyou_right2 h6{
	width: 39%;
    height: auto;
	font-size:1.0VW;
	margin-top:-1%;
	margin-bottom:0%;
	margin-left:68%;
    line-height: 3.0VH;
	font-weight: normal;
}


.naiyou_left3{
	width: 100%;
    height: auto;
	margin-top:13%;
}



.naiyou_left3 img{
	width: 45%;
    height: auto;
	float: right;
	margin-left:68%;
    margin-top:0%;
	position:absolute;
}

.gyoumu .naiyou_left3 h3{
	width: 10%;
    height: auto;
	font-size:2.0VW;
	margin-top:10%;
	margin-left:20%;
	margin-right:20%;
	white-space: nowrap;
}

.gyoumu .naiyou_left3 h6{
	width: 39%;
    height: auto;
	font-size:1.0VW;
	margin-top:-1%;
	margin-bottom:0%;
	margin-left:20%;
    line-height: 3.0VH;
	font-weight: normal;	
}


.fudousan_kanri{
	width: 80%;
    height: auto;
	margin-left:10%;
	margin-top:3%;
	position: relative;
}

.fudousan_kanri img{
	width: 100%;
    height: auto;
	float: right;
	position: relative;
}

.fg35{
	width: 100%;
    height: auto;

	margin-top:2%;
	position: relative;
}

.fg35 img{
	width: 45%;
    height: auto;
	float: right;
	position: relative;
    margin-top:5%;
}

.fg35_2{
	width: 100%;
    height: auto;
	position: relative;
}

.fg35_2 img{
	width: 22%;
    height: auto;
	position: relative;
    margin-top:6%;
	margin-right:33%;
}

.fg35_2 h3{
	font-size:2.0VW;
	margin-top:49%;
	margin-left:0%;
	margin-right:30%;
	white-space: nowrap;
	position:absolute;
}

.fg35_2 p{
	width: 45%;
	font-size:0.8VW;
	margin-top:55%;
	margin-left:0%;
	margin-right:30%;
	position:absolute;
}

.fg35_3{
	width: 100%;
    height: auto;
	margin-left:0%;
	margin-top:7%;
	position: relative;
}

.fg35_3 img{
	width: 100%;
    height: auto;
	float: right;
	position: relative;
}


.fg35_4{
	width: 100%;
    height: auto;
	margin-top:11%;
	position: relative;
}

.fg35_4 h3{
	font-size:2.0VW;
	margin-top:40%;
	margin-left:0%;
	margin-right:30%;
	white-space: nowrap;
	position:absolute;
}

.fg35_4 p{
	width: 100%;
	font-size:0.8VW;
	margin-top:45%;
	margin-left:0%;
	margin-right:30%;
	position:absolute;
	line-height: 3.5VH;
}


.fg35_5{
	width: 100%;
    height: auto;
	margin-left:0%;
	margin-top:60%;
	position: relative;
}

.fg35_5 img{
	width: 100%;
    height: auto;
	position: relative;
}


.nyukyo_bosyu{
	width: 100%;
    height: auto;
	margin-left:0%;
	margin-top:98%;
	position: relative;
}

.nyukyo_bosyu img{
	width: 38%;
    height: auto;
	float: right;
	position: relative;
    margin-top:3%;
}

.nyukyo_bosyu h3{
	font-size:2.0VW;
	padding-top:7%;
	margin-left:0%;
	margin-right:30%;
	white-space: nowrap;
	position: relative;
	padding-bottom:0%;
}


.nyukyo_bosyu p{
	width: 60%;
	font-size:0.8VW;
	margin-top:-2%;
	margin-left:0%;
	margin-right:30%;
	position: relative;
	padding-bottom:36%;
}


.nyukyo_bosyu_2 img{
	width: 55%;
    height: auto;
	position:absolute;
    margin-top:-35%;
	margin-right:39%;
}

.jigyou{
  width: 80%;
  height: auto;
  position: relative;
  margin-left:10%;
  margin-top:7%;
}

.jigyou h1{
  font-size: 1.5VW;
  line-height: 90%;
}

.jigyou span{
  display: inline-block;
  font-size: 0.7VW;
  margin-left: 0.5%;
  vertical-align: top;
  color:#A7A7A7
}

.jigyou_boder{
  border-bottom: 1.0VH double  #000000;
  margin-top:-0.5%;

}



.naiyou_left4{
	width: 100%;
    height: auto;
	margin-left:0%;
	margin-top:3%;
	margin-bottom:15%;
}



.naiyou_left4 img{
	width: 45%;
    height: auto;
	float: right;
	margin-left:55%;
    margin-top:0%;
	position:absolute;
}

.naiyou_left4 h6{
	width: 43%;
    height: auto;
	font-size:0.8VW;
	margin-top:-1%;
	margin-bottom:0%;
	margin-left:0%;
	padding-top:1%;
    line-height: 3.5VH;
	font-weight: normal;
}


.naiyou_right4{
	width: 100%;
    height: auto;
	margin-left:0%;
	margin-top:3%;
	margin-bottom:15%;
	
}



.naiyou_right4 img{
	width: 45%;
    height: auto;
	float: right;
	margin-left:0%;
	margin-right:3%;
    margin-top:0%;
	position:absolute;

}



.naiyou_right4 h6{
	width: 43%;
    height: auto;
	font-size:0.8VW;
	margin-top:-1%;
	margin-bottom:0%;
	margin-left:50%;
    line-height: 3.5VH;
	font-weight: normal;
	padding-top:1%;
	font-weight: normal;
}


.jirei_xx {
    position: relative;
    background-size: 50%;
    background-repeat: no-repeat;
    background-image: url(../img/online_jirei.jpg);
    margin-top: 0%;
    margin-left: 0%;
    padding-bottom: 50%;
    z-index: 0;
}


.jirei_bun1 h1{
position: absolute;
color:#FDC100;
font-size:1.1VW;
margin-left:14.7%;
margin-top:18.7%;
font-weight: bold;
}

.jirei_bun1 p{
width:8.1%;
position: absolute;
color:#015FAA;
font-size:0.8VW;
margin-left:14.7%;
margin-top:20.5%;
line-height: 110%;
letter-spacing: 10%;
font-weight: bold;
}

.jirei_bun2 h1{
position: absolute;
color:#FDC100;
font-size:1.1VW;
margin-left:38.1%;
margin-top:18.7%;
font-weight: bold;
}

.jirei_bun2 p{
width:8.1%;
position: absolute;
color:#015FAA;
font-size:0.8VW;
margin-left:38.1%;
margin-top:20.5%;
line-height: 110%;
letter-spacing: 10%;
font-weight: bold;
}

.jirei_bun3 h1{
position: absolute;
color:#FDC100;
font-size:1.1VW;
margin-left:14.7%;
margin-top:31.7%;
font-weight: bold;
}

.jirei_bun3 p{
width:8.1%;
position: absolute;
color:#015FAA;
font-size:0.8VW;
margin-left:14.7%;
margin-top:33.5%;
line-height: 110%;
letter-spacing: 10%;
font-weight: bold;
}

.jirei_bun4 h1{
position: absolute;
color:#FDC100;
font-size:1.1VW;
margin-left:38.1%;
margin-top:31.7%;
font-weight: bold;
}

.jirei_bun4 p{
width:8.1%;
position: absolute;
color:#015FAA;
font-size:0.8VW;
margin-left:38.1%;
margin-top:33.5%;
line-height: 110%;
letter-spacing: 10%;
font-weight: bold;
}


.flow{
  position: relative;
  background-size:100%;
  z-index: 1;
  background-repeat: no-repeat;  
  background-image: url("../img/flow_2.jpg");
  margin-top:-50%;
  margin-left:50%;
  padding-bottom: 45%;
  z-index: 0;
}

.flow_bun1 h1{
position: absolute;
color:#FDC100;
font-size:1.1VW;
margin-left:35.7%;
margin-top:37.5%;
font-weight: bold;
}

.flow_bun1 p{
width:40%;
position: absolute;
color:#015FAA;
font-size:0.8VW;
margin-left:35.7%;
margin-top:41.5%;
line-height: 110%;
letter-spacing: 10%;
font-weight: bold;
}

.flow_bun2 h1{
position: absolute;
color:#FDC100;
font-size:1.1VW;
margin-left:6%;
margin-top:55.5%;
font-weight: bold;
}

.flow_bun2 p{
width:50%;
position: absolute;
color:#015FAA;
font-size:0.8VW;
margin-left:6%;
margin-top:60%;
line-height: 110%;
letter-spacing: 10%;
font-weight: bold;
}

.flow_bun3 h1{
position: absolute;
color:#FDC100;
font-size:1.1VW;
margin-left:35.7%;
margin-top:75.5%;
font-weight: bold;
}

.flow_bun3 p{
width:40%;
position: absolute;
color:#015FAA;
font-size:0.8VW;
margin-left:35.7%;
margin-top:80%;
line-height: 110%;
letter-spacing: 10%;
font-weight: bold;
}


.toributsu2{
display:none;
}

.toributsu{
  position: relative;
  background-size:120%;
  z-index: 1;
  background-repeat: no-repeat;  
  background-image: url("../img/header_top_bg.jpg");
  margin-top:00%;
  margin-left:0%;
  padding-bottom: 14%;
  z-index: 0;
}


.toributsu img{
	width: 20%;
    height: auto;
	margin-left:37%;
	margin-top:4%;
}

.toributsu p {
    margin-top: 0%;
    font-size: 1.2VW;
    font-weight: 700;
    color: #003399;
    margin-left:33%;
		margin-bottom:1%;
}


#QandA-1 {
	width: 80%;
	font-size: 2.5vw; /*全体のフォントサイズ*/
	margin-left:10%;
	margin-top:-3%;
}
#QandA-1 h2 {
        position: absolute;
        left: 50%;
        margin-right: -50%;
		margin-right: -50%;
        transform: translate(-50%, -50%) }

#QandA-1 dl {
		padding-top: 3%;
}

#QandA-1 dt {
	background: #035FAA; /* 「Q」タイトルの背景色 */
	color: #fff; /* 「Q」タイトルの文字色 */
	padding: 8px;
	border-radius: 2px;
	font-size: 0.8vw; 
}
#QandA-1 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA-1 dd {
	margin: 24px 16px 40px 32px;
	line-height: 140%;
	text-indent: -24px;
	font-size: 0.8vw; 
}
#QandA-1 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
}


.box6 {
	width: 78%;
    position: relative;
	margin-top:4%;
	margin-bottom:3%;
	margin-left:10%;
    padding: 0.5em 1em;
  　
    height:auto;
    background: #ffffff;
    border: dashed 2px #5b8bd0;/*点線*/
	z-index: 9999;
}
.box6 p {
	font-size:0.8VW;
    margin: 0; 
    padding-top :0%;
    padding-bottom :1%;
}

.box6 h1 {
	font-size:1.1VW;
    margin: 0; 
    padding-top :0.5%;
    padding-bottom :1%;
	color:#5b8bd0;
}

.tokuchou{
width:80%;
height:auto;
margin-left:10%;
}


.box-design1 {
  width:27%;
  height:auto;
  padding: 1%;
  border: 3px solid #000000;
  border-radius: 50%;
  float:left;
}

.box-design1 h1{
	font-size:2.0VW;
    text-align: center;
	margin-top:-2%;
}

.box-design1 h3{
	font-size:1.5VW;
    text-align: center;
	margin-top:-7%;
}

.box-design1 h4{
	font-size:2.5VW;
    text-align: center;
	margin-top:-7%;
	margin-bottom:-2%;
	color:#FFA500;
}


.box-design2 {
  width:27%;
  height:auto;
  padding: 1%;
  border: 3px solid #000000;
  border-radius: 50%;
  float:left;
  margin-left:3%;
}

.box-design2 h1{
	font-size:2.0VW;
    text-align: center;
	margin-top:-2%;
}

.box-design2 h3{
	font-size:1.5VW;
    text-align: center;
	margin-top:-7%;
}

.box-design2 h4{
	font-size:2.5VW;
    text-align: center;
	margin-top:-7%;
	margin-bottom:-2%;
	color:#FFA500;
}

.box-design3 {
  width:27%;
  height:auto;
  padding: 1%;
  border: 3px solid #000000;
  border-radius: 50%;
  float:left;
  margin-left:3%;
}

.box-design3 h1{
	font-size:2.0VW;
    text-align: center;
	margin-top:-2%;
}

.box-design3 h3{
	font-size:1.5VW;
    text-align: center;
	margin-top:-7%;
}

.box-design3 h4{
	font-size:2.5VW;
    text-align: center;
	margin-top:-7%;
	margin-bottom:-2%;
	color:#FFA500;
}
	
	
.reoson{
width:80%;
height:auto;
margin-left:10%;
}


.reoson img{
width:49%;
height:auto;
margin-left:0%;
margin-top:5%;
z-index:9999;
}


.ryoukin{
width:80%;
height:auto;
margin-left:10%;
margin-top:4%;
}


.ryoukin2{
width:80%;
height:auto;
margin-left:10%;
margin-top:26%;
margin-bottom:0%;
}


.box-design4 {
  width:43%;
  height:auto;
  padding: 1%;
  border: 3px solid #000000;
  border-radius: 10%;
  float:left;
  margin-right:3%;
}


.box-design4 h1{
	font-size:2.0VW;
    text-align: center;
	margin-top:-2%;
}

.box-design4 h3{
	font-size:1.5VW;
    text-align: center;
	margin-top:-7%;
}

.box-design4 h4{
	font-size:2.5VW;
    text-align: center;
	margin-top:-7%;
	margin-bottom:-2%;
	color:#FFA500;
}

.box-design4_1 {
  width:43%;
  height:auto;
  padding: 1%;
  border: 3px solid #000000;
  border-radius: 10%;
  margin-right:3%;
    float:left;
}


.box-design4_1 h1{
	font-size:2.0VW;
    text-align: center;
	margin-top:-2%;
}

.box-design4_1 h3{
	font-size:1.5VW;
    text-align: center;
	margin-top:-7%;
}

.box-design4_1 h4{
	font-size:2.5VW;
    text-align: center;
	margin-top:-7%;
	margin-bottom:-2%;
	color:#FFA500;
}


.box-design4_2 {
  width:43%;
  height:auto;
  padding: 1%;
  border: 3px solid #000000;
  border-radius: 10%;
  margin-right:3%;
    float:left;
}


.box-design4_2 h1{
	font-size:2.0VW;
    text-align: center;
	margin-top:-2%;
}

.box-design4_2 h3{
	font-size:1.5VW;
    text-align: center;
	margin-top:-7%;
}

.box-design4_2 h4{
	font-size:2.5VW;
    text-align: center;
	margin-top:-7%;
	margin-bottom:-2%;
	color:#FFA500;
}


.box-design4_3 {
  width:43%;
  height:auto;
  padding: 1%;
  border: 3px solid #000000;
  border-radius: 10%;
  margin-right:3%;
    float:left;
}


.box-design4_3 h1{
	font-size:2.0VW;
    text-align: center;
	margin-top:-2%;
}

.box-design4_3 h3{
	font-size:1.5VW;
    text-align: center;
	margin-top:-7%;
}

.box-design4_3 h4{
	font-size:2.5VW;
    text-align: center;
	margin-top:-7%;
	margin-bottom:-2%;
	color:#FFA500;
}




.box-design5 {
  width:43%;
  height:auto;
  padding-bottom: 10%;
  border: 3px solid #000000;
  border-radius: 10%;
  margin-left:50%;
}


.box-design5 h1{
	font-size:2.0VW;
    text-align: center;
	margin-top:-2%;
}

.box-design5 h3{
	font-size:1.5VW;
    text-align: center;
	margin-top:-7%;
}

.box-design5 h4{
	font-size:2.5VW;
    text-align: center;
	margin-top:-7%;
	margin-bottom:-2%;
	color:#FFA500;
}


.box-design6 {
  width:45%;
  height:auto;
  border: 3px solid #000000;
  border-radius: 10%;
  float:left;
  margin-right:3%;
    padding-bottom: -10%;
}


.box-design6 h1{
	font-size:2.0VW;
    text-align: center;
	margin-top:-2%;
}

.box-design6 h3{
	font-size:1.5VW;
    text-align: center;
	margin-top:-7%;
}

.box-design6 h4{
	font-size:2.5VW;
    text-align: center;
	margin-top:-7%;
	margin-bottom:-2%;
	color:#FFA500;
}


.box-design7 {
  width:45%;
  height:auto;
  padding-bottom: 30%;
  border: 3px solid #000000;
  border-radius: 10%;
  margin-left:50%;
}


.box-design7 h1{
	font-size:2.0VW;
    text-align: center;
	margin-top:-2%;
}

.box-design7 h3{
	font-size:1.5VW;
    text-align: center;
	margin-top:-7%;
}

.box-design7 h4{
	font-size:2.5VW;
    text-align: center;
	margin-top:-7%;
	margin-bottom:-2%;
	color:#FFA500;
}


.ryokin_list {
	width: 80%;
	height: 32VH;
	font-size:0.8VW;
	margin-top:2%;
	margin-right:50%;
	position:relative;
	white-space: nowrap;
	
}


.ryokin_list ul{
	font-size:0.8VW;
	margin-left:-7%;
	margin-top:5%;

    position:relative;
	list-style: none;
	float:left;
}




.ryokin_list li {
  text-indent: -1em;
  padding-left: 1em;
}

.ryokin_list li::before {
  content: '・';
}


.ryokin_list img{
	width:40%;
	height:auto;
	margin-left: 12%;
	margin-top:0%;
	position:absolute;
}



.kagu_chu p {
	font-size:0.8VW;
    margin: 0; 
    padding-top :0%;
    padding-bottom :1%;
	margin-top:2%;
	
}



.modal-wrapper {
  z-index: 9998;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  text-align: center
}

.modal-wrapper:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s, visibility .3s;
}

.modal-wrapper:target {
  opacity: 1;
  visibility: visible;
  transition: opacity .4s, visibility .4s;
}

.modal-wrapper::after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  vertical-align: middle;
  content: ""
}

.modal-wrapper .modal-window {
  box-sizing: border-box;
  display: inline-block;
  z-index: 20;
  position: relative;
  width: 42%;
  max-width: 42%;

  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, .6);
  vertical-align: middle
}

.modal-wrapper .modal-window .modal-content {
  max-height: 90vh;
  overflow-y: auto;
  modal-content
}

.modal-wrapper .modal-window .modal-content::-webkit-scrollbar{
  display:none;
}


.modal-overlay {
  z-index: 10;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .8)
}

.modal-wrapper .modal-close {
  z-index: 9999;
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  color: #95979c !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  text-indent: 0
}

.modal-wrapper .modal-close:hover {
  color: #2b2e38 !important
}

.top_botan img{
height: auto;
width: 70%;
margin-top:1%;
margin-left:15%;
margin-bottom:5%;
position: relative;
z-index: 1000;


}

.img_wrap5{
  width: 100%;
  height: auto;
  margin-top:0;
}


.img_wrap5 img{
  width: 80%;
  height: auto;

}


.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	border-top: 1px solid #1b2538;
	width: 80%;
	margin-left: 10%;
	margin-top: 3%;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1px;
	color: #1b2538;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-size:0.8VW;
	font-weight: bold;
	line-height: 1.6;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 1em;
	cursor: pointer;
	border-bottom: 1px solid #1b2538;
}
.cp_qa .cp_actab label:hover {
	color: #00838F;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	overflow: hidden;
	font-size:0.8VW;
	max-height: 0;
	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;
	color: #ffffff;
	background: rgba(0, 131, 143, 0.5);
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em;
}
/* 質問を開いた時の仕様 */
/* --アイコン */
.cp_qa .cp_actab input:checked ~ label {
	color: #00838F;
}
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab label::after {
	line-height: 1.6;
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 3em;
	margin-top: -12.5px;
	-webkit-transition: all 0.5s ease;
	        transition: all 0.5s ease;
	text-align: center;
}
.cp_qa .cp_actab input[type=checkbox] + label::after {
	content: '▼';
}
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}


.syako {
  width: 80%;
  height: auto;
  margin-left: 10%;
  margin-top:3%;
}


.syako_flow {
  width: 80%;
  height: auto;
  margin-left: 7%;
  position: relative;
}
.syako_flow::before {
  content: "";
  width: 0.8VW;
  height: 100%;
  background: #eee;
  margin-left: -2.0%;
  display: block;
  position: absolute;
  top: 0;
  left:11.3%;
}
.syako_flow > li {
  position: relative;
}
.syako_flow > li:not(:last-child) {
  margin-bottom: 8vh;
}
.syako_flow > li .icon3 {
  font-size: 0.8VW;
  color: #fff;
  background: rgb(107,144,219);
  background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
  background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
  background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);

  padding: 1% 2%;
  display: block;
  position: absolute;
  top: 0;
  left:-13.3%;
  z-index: 100;
}


.syako_flow > li dl {
  padding-left: 7.5%;
  position: relative;
}
.syako_flow > li dl::before,
.syako_flow > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 24%;
}
.syako_flow > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -0.3%;;
  background: #6b90db;
  border-radius: 50%;
  left: -0.2%;
}

.syako_flow > li dl::after {
  width: 6%;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 1.0%;
}

.syako_flow > li dl dt {
  font-size: 1.5VW;
  font-weight: 600;
  color: rgb(107,144,219);
  margin-bottom: 1vh;
  list-style:none;
}

.syako_flow dd{
  font-size: 1.0VW;
}

.syako_flow dt {
  list-style:none;
}

.syako_flow dt {
  list-style:none;
}


.syako_flow li {
  list-style:none;
}


.syako {
  width: 80%;
  height: auto;
  margin-left: 10%;
  margin-top:3%;
}

.syako_chui {
　font-size:1.0VW;
  width: 80%;
  height: auto;
  margin-left:10%;
  margin-top:3%;
}


.hikkosi img{
	width: 22%;
    height: auto;
	margin-left:15%;
	margin-top:4%;
	float:left;
}

.hikkosi2 img{
	width: 40%;
    height: auto;
	margin-left:7%;
	margin-top:5.5%;
}

.hikkosi3 img{
	width: 15%;
    height: auto;
	margin-left:17%;
	margin-top:0%;
	float:left;
}


.hikkosi4 img{
	width: 35%;
    height: auto;
	margin-left:0%;
	margin-top:2.3%;
}

.hikkosi5 h1{
    font-size: 3.7VW;
	margin-left:33%;
	margin-top:0.3%;
	position: absolute;
	letter-spacing: 0.7VW;
}

.hikkosi6{
	width: 80%;
    height: auto;
	margin-left:8%;
	margin-top:1.3%;
}

.hikkosi6 img{
	width: 80%;
    height: auto;
	margin-left:10%;
	margin-top:1.3%;
}

.flow_design01 {

  justify-content: center;
  align-items: center;
  width: 80%;
  margin-left:10%;
}

.flow_design01 ul {
  padding: 0;
}

.flow_design01 li {
  list-style-type: none;
}

.flow_design01 dd {
  margin-left: 0;
  font-size: 2.5VH;
}

.flow01 > li {
  position: relative;
  list-style: none;
}

.flow01 > li:not(:last-child) {
  margin-bottom: 40px;
}

.flow01 > li dl {
  box-sizing: border-box;
  width: 100%;
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 3px solid #FF2A4A;
  border-radius: 10px;
  position: relative;
}

.flow01 > li:not(:last-child) dl::before,
.flow01 > li:not(:last-child) dl::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flow01 > li:not(:last-child) dl::before {
  border-width: 22px;
  border-top-color: #FF2A4A;
}

.flow01 > li:not(:last-child) dl::after {
  border-width: 20px;
  border-top-color: #fff;
}

.flow01 > li dl dt {
  font-size: 2.5VH;
  font-weight: 600;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  margin-right: 2vw;
  text-align: center;
}




.flow01 > li dl dt .icon01 {
  font-size: 2.5VH;
  color: #fff;
  background: #FF2A4A;
  padding: 5px 10px;
  margin-bottom: 10px;
  display: block;
  border-radius: 20px;
  position: relative;
  z-index: 100;
}

.hikkosi_chui{
  margin-left:10%;

}

.hikkosi_chui p{
　font-size:2.5VW;
  width: 80%;
  height: auto;
  margin-left:20%;
  margin-top:1.5%;
}



.kanri_dai h1{
    font-size: 1.3VW;
	margin-left:10%;
	margin-top:3%;
	margin-bottom:-1.0%;
	position: relative;
	letter-spacing: 1.0VH;
	color: #003593;
}


.kanri_dai p{
　font-size: 0.8VW;
  width: 80%;
  height: auto;
  margin-left:11%;
  margin-top:0.5%;
}


.kanri_mongon p{
    width: 80%;
	font-size: 0.8VW;
	color: #000000;
	margin-left: 10%;
	margin-top: 1.5%;
	margin-bottom: -1.0%;

}



.title-box3{
  width: 24%;
  height: 30VH;
  margin-left:10%;
  margin-right:2.0%;
  margin-top:2.0%;
  background-color: #ffffff;
  border: 0.2VH solid #003593;
  letter-spacing: .3px;
  float: left;
  font-size: 0.9VW;
  padding-bottom:0.7%;
}

.title-box3-title{
  color: #fff;
  font-weight: bold;
  background-color: #003593;
  padding: 1% 3%;
  margin-bottom:1.5%;
  text-align: center;
}


.title-box3 a{
 font-size: 0.7VW;
 margin-top:75%;
 margin-left:4%;
 text-decoration: none; 
}


.title-box4{
  width: 24%;
  height: 30VH;
  margin-left:0%;
  margin-right:2.0%;
  margin-top:2.0%;
  background-color: #ffffff;
  border: 0.2VH solid #003593;
  letter-spacing: .3px;
  float: left;
  font-size: 0.9VW;
  padding-bottom:0.7%;
}

.title-box4-title{
  color: #fff;
  font-weight: bold;
  background-color: #003593;
  padding: 1% 3%;
  margin-bottom:1.5%;
  text-align: center;
}


.title-box4 a{
 font-size: 0.7VW;
 margin-top:75%;
 margin-left:4%;
 text-decoration: none; 
}


.title-box5{
  width: 24%;
  height: 30VH;
  margin-left:10%;
  margin-right:2.0%;
  margin-top:0.7%;
  background-color: #ffffff;
  border: 0.2VH solid #003593;
  letter-spacing: .3px;
  float: left;
  font-size: 0.9VW;
  padding-bottom:0.7%;
}

.title-box5-title{
  color: #fff;
  font-weight: bold;
  background-color: #003593;
  padding: 1% 3%;
  margin-bottom:1.5%;
  text-align: center;
}


.title-box5 a{
 font-size: 0.7VW;
 margin-top:75%;
 margin-left:4%;
 text-decoration: none; 
}


.title-box6{
  width: 24%;
  height: 30VH;
  margin-left:0%;
  margin-right:2.0%;
  margin-top:0.7%;
  background-color: #ffffff;
  border: 0.2VH solid #003593;
  letter-spacing: .3px;
  float: left;
  font-size: 0.9VW;
  padding-bottom:0.7%;
}

.title-box6-title{
  color: #fff;
  font-weight: bold;
  background-color: #003593;
  padding: 1% 3%;
  margin-bottom:1.5%;
  text-align: center;
}


.title-box6 a{
 font-size: 0.7VW;
 margin-top:75%;
 margin-left:4%;
 text-decoration: none; 
}


.hyou table{
	width: 80%;
	margin-left:10%;
	margin-top:0.5%;
	border-collapse:  collapse;
	}

.hyou tr td{
	margin-left:10%;
	font-size:0.8VW;
	border: solid 1px;
	}
	
.hyou p{
	font-size:0.8VW;
		margin-left:10%;
			margin-top:3%;
}


.movie_blk {
    width: 100%;
    height: 100VH;
    position: relative;
	z-index:1;
}


.movie_blk video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 2px;
    left: -3px;
    z-index: 1000;
}

.movie_blk img{
    width: 10%;
    height: auto;
	z-index:1001;
	position: absolute;
	margin-left:4%;
	margin-top:1.5%;
}


.movie_blk h1{
    width: 30%;
    height: auto;
	font-size:2.2VW;
	z-index:1001;
	position: absolute;
	margin-left:65%;
	margin-top:10.2%;
}

.movie_blk h3{
    width: 30%;
    height: auto;
	font-size:2.2VW;
	z-index:1001;
	position: absolute;
	margin-left:65%;
	margin-top:8%;
}

.movie_blk h3 br{
	display: none;
}



.movie_blk p {
    width: 30%;
    height: auto;
	font-size:1.2VW;
	z-index:1001;
	position: absolute;
	margin-left:65%;
	margin-top:13%;
}

.sanren img {
    width: 30%;
    height: auto;
	z-index:1001;
	position: absolute;
	margin-left:4%;
	margin-top:32%;
}

.sanren2 img {
	display: none;
}



h2 {
  font-size: 30px;
  font-size: 3rem;
  position: relative;
  padding: 1.5rem;
  text-align: center;
}

h2 span {
  font-size: 18px;
  font-size: 1.8rem;
  display: block;
}

h2:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #2166A6;
}

.mongonx {
	width: 80%;
	margin-bottom:5%;
	margin-left:10%;
	margin-top:2%;
}

.mongonx p{
	font-size: 1.0VW;
}

.mongonx h1{
	font-size: 1.0VW;
}

.mongonx h3{
	font-size: 1.0VW;
	margin-top:-1.05%;
	margin-left:1.5%;
}

.mongonx span{
	color: red;
	font-size: 1.0VW;
	font-weight: bold; 
	float: left;
	margin-top:-1%; 
	
}

.box2xx {
	width: 80%;

    padding: 2% 1.5em 15% 1.5em;
    margin-left:10%;
    font-weight: bold;
    color: #000000;/*文字色*/
    background: #FFF;
    border: solid 3px #000000;/*線*/
    border-radius: 10px;/*角の丸み*/
	position: relative;
}


.ranbun{
	margin-left:-5%;
	padding-left:10%; 
	font-size: 1.2VW;
}


.crown  {
    position: relative;
    padding: 2% 0px 0px 2.5em;
    color: #DCB400;
	margin-top:0%;
	margin-left:17%;
	font-size: 1.2VW;
}

.crown::before,
.crown::after {
    position: absolute;
    left: 0px;
    width: 0px;
    height: 0px;
    content: "";
	margin-top:2.5%;
}
.crown::before {
    top: -1.25em;
    border: 1em solid transparent;
    border-bottom: 1.5em solid currentColor;
}
.crown::after {
    top: 0.25em;
    border: 0.5em solid transparent;
    border-left: 1em solid currentColor;
    border-right: 1em solid currentColor;
}


.clear{
    clear:both;
	margin-bottom: 3%;
}

.clear2{
    clear:both;
	margin-bottom: 0.5%;
}

.clear3{
display: none;
}

.clear4{
    clear:both;
	margin-bottom: -15%;
}

.crown2  {
    position: relative;
    padding: 5% 0px 0px 2.5em;
    color: #c9caca;
	margin-top:0%;
	margin-left:40%;
	font-size: 1.2VW;
}



.crown2::before,
.crown2::after {
    position: absolute;
    left: 0px;
    width: 0px;
    height: 0px;
    content: "";
	margin-top:8.0%;
}
.crown2::before {
    top: -1.25em;
    border: 1em solid transparent;
    border-bottom: 1.5em solid currentColor;
}
.crown2::after {
    top: 0.25em;
    border: 0.5em solid transparent;
    border-left: 1em solid currentColor;
    border-right: 1em solid currentColor;
}

.ranbun2{
	width: 80%;
	margin-left:0%;
	padding-left:10%; 
	font-size: 0.9VW;
}

.ranbun3{
	width: 90%;
	margin-left:0%;
	padding-left:10%; 
	font-size: 0.9VW;
}

.ranbun4{
	width: 100%;
	margin-left:0%;
	padding-left:10%; 
	font-size: 0.9VW;
}

.crown3  {
    position: relative;
    padding: 5% 0px 0px 2.5em;
    color: #815a2b;
	margin-top:0%;
	margin-left:43%;
	font-size: 1.2VW;
}



.crown3::before,
.crown3::after {
    position: absolute;
    left: 0px;
    width: 0px;
    height: 0px;
    content: "";
	margin-top:8.0%;
}
.crown3::before {
    top: -1.25em;
    border: 1em solid transparent;
    border-bottom: 1.5em solid currentColor;
}
.crown3::after {
    top: 0.25em;
    border: 0.5em solid transparent;
    border-left: 1em solid currentColor;
    border-right: 1em solid currentColor;
}



.crown4  {
    position: relative;
    padding: 5% 0px 0px 2.5em;
    color: #000000;
	margin-top:0%;
	margin-left:30.5%;
	font-size: 1.2VW;
}



.crown4::before,
.crown4::after {
    position: absolute;
    left: 0px;
    width: 0px;
    height: 0px;
    content: "";
	margin-top:8.0%;
}



.crown5  {
    position: relative;
    padding: 5% 0px 0px 2.5em;
    color: #000000;
	margin-top:0%;
	margin-left:30.5%;
	font-size: 1.2VW;
	white-space: nowrap;
}



.crown5::before,
.crown5::after {
    position: absolute;
    left: 0px;
    width: 0px;
    height: 0px;
    content: "";
	margin-top:8.0%;
}




.kai{
	position: relative;
	margin-left:0%;
	
}

.kai img{
	width: 15%;
    height: auto;
	border: 1px #cccccc solid;
	margin-right:2%;
	float: left;
}

.kai2{
	position: relative;
	margin-right:5%;
	float: left;
	
}

.kai2 img{
	width: 35%;
    height: auto;
	border: 1px #cccccc solid;
	margin-right:5%;
	float: left;
}


.kai3{
	position: relative;
	margin-right:0%;
	float: left;
	
}

.kai3 img{
	width: 37%;
    height: auto;
	border: 1px #cccccc solid;
	margin-right:6%;
	float: left;
}


.kai4{
	position: relative;
	margin-right:7%;
	float: left;
	
}

.kai4 img{
	width: 36.5%;
    height: auto;
	border: 1px #cccccc solid;
	margin-right:5%;
	float: left;
}


.kai5{
	position: relative;
	margin-right:5%;
	float: left;
	
}

.kai5 img{
	width: 39%;
    height: auto;
	border: 1px #cccccc solid;
	margin-right:6%;
	float: left;
}


.osusume{
background-repeat: repeat;
width:100%;
padding-bottom: 18%;
padding-top: 3%;	
background-image: repeating-linear-gradient(45deg, currentColor 0, currentColor 1px, transparent 0, transparent 50%);
background-size: 10px 10px;
color: #EFEFEF;	
}

.dig1{
width:40%;
height: auto;
float: left;
margin-left:3%;
}

.dig1 img{
margin-top:3%;
margin-left:25%;
margin-right:5%; 
float: left;
}

.dig1 h1{
color: #000000 !important;
margin-top:4%;
margin-left:0%;
font-size: 1.5VW;
border-bottom:0.8VH solid #F97F00;
padding-bottom:2.0VH;
display:inline;
line-height:1.0VH;
position: absolute;
}

.dig1 p{
width: 80%;
height: auto;
color: #000000;
margin-top:15.8%;
margin-left:28.8%;
font-size: 0.9VW;
}

.dig2{
width:40%;
height: auto;

float: left;
}

.dig2 img{
margin-top:3%;
margin-left:25%;
margin-right:5%; 
float: left;
}

.dig2 h1{
color: #000000 !important;
margin-top:4%;
margin-left:0%;
font-size: 1.5VW;
border-bottom:0.8VH solid #F97F00;
padding-bottom:2.0VH;
display:inline;
line-height:1.0VH;
position: absolute;
}

.dig2 p{
width: 80%;
height: auto;
color: #000000;
margin-top:15.8%;
margin-left:28.8%;
font-size: 0.9VW;
}


.box5-2 {
	width: 80%;
　　 height: auto;
    position: relative; /* タイトルの配置調整のために基準を設定 */
    border: 3px solid #000000; /* ボックスの線 (太さ・種類・色) */
	margin-left: 10%;
	margin-top: 3%;
	border-radius: 10px;/*角の丸み*/
}

.box5-2 .box-title {
    position: absolute; /* タイトルをボックス内で絶対位置指定 */
    top: -0.5em; /* 上方向に少し移動 */
    left: 1em; /* 左端からの距離 */
    background-color: #fff; /* タイトル背景色 */
    color: #000000; /* タイトルの文字色 */
    padding: 0 .5em; /* タイトルの内側余白 */
    font-weight: bold; /* タイトルのフォントを太字に */
	font-size: 1.2VW;
    line-height: 1; /* タイトルの行の高さ */
    display: inline-block; /* タイトルの幅を内容に合わせる */
    width: auto; /* タイトル幅を内容に応じて可変にする */
    max-width: calc(100% - 2em); /* 左右の余白を考慮して最大幅を調整 */
    white-space: nowrap; /* タイトルを1行に固定 */
    overflow: hidden; /* はみ出した部分を非表示 */
    text-overflow: ellipsis; /* 省略記号（...）を表示 */
}

.box5-2 .box-content {
    padding: 2em; /* ボックス内コンテンツの余白を設定 */
}

.box5-2 p {
    margin: 0; /* 段落の余白をなくして統一感を持たせる */
}

.box5-2 img {
float: left;
margin-right: 3%;
	margin-top: -0.2%;
}


.table4 {
    width: 70%;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 0;
    color: #353535;
	margin-top: 1%;
	border-radius: 10px;/*角の丸み*/
}

.table4 thead {
    background: #d3e1e8;
		border-radius: 10px;/*角の丸み*/
}

.table4 th,
.table4 td {
    border: 1px solid #ccc;
    padding: 1% 1% 1% 1%;
}

.table4 tr:nth-child(2n) td {
    background-color: #efefef;
}

.goods {
	width: 80%;
　　 height: auto;
	margin-left: 5%;
}

.goods li {
	margin-left: 3%;
    border: 2px solid #000000;
	flex-wrap: wrap;
    list-style: none;
	float: left;
}

.goods img{
	width: 70%;
　　 height: auto;
	text-align: center;
}

.flow_design10 {
  display: flex;

}

.flow10 {
  width: 78%;
  height: auto;
  padding-left: 0;
  margin-left: 10%;
}

.flow10 img{
	width: 70%;
　　 height: auto;
	margin-top: 2%;
}


.flow10 > li {
		width: 100%;
　　 height: auto;
  list-style-type: none;
  border: 2px solid #000000;
  padding: 2%;
  border-radius: 20px;
}

.flow10 > li:not(:last-child) {
			width: 100%;
　　 height: auto;
  margin-top: 3%;
  margin-bottom: 4%;
  position: relative;
}

.flow10 > li:not(:last-child)::after {
  content: '';
  position: absolute;
  border: 20px solid transparent;
  width: 0;
  height: 0;
  margin-top:3%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  border-top-color: #4D9BC1;
}

.flow10 > li dl dt {
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2pt dashed #ccc;
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.flow10 > li .icon10 {
  color: #4D9BC1;
  margin-right: 0.5em;
}

.flow10 > li dl dd {
  margin: 0;
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1% 2%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn-border {
  width: 40%;
　height: auto;
  border: 2px solid #000;
  border-radius: 0;
  background: #fff;
  margin-top: 5%;
  margin-bottom: 0%;
  margin-left: 28%;
}

a.btn-border:hover {
  color: #fff;
  background: #000;
}

table.brwsr2 {
margin: 0 auto;
width: 80%;
border: none;
border-top: solid 1px #666;
border-bottom: solid 1px #666;
border-collapse: separate;
border-spacing: 0 10px;
background: #ffffff;
}

table.brwsr2 th {
vertical-align: middle;
height: 53px;
width: 30%;
border-right: solid 1px #666;
margin: 0;
text-align: center;
color: #333;
font-size: 0.9VW;
font-weight: bold;
}

table.brwsr2 td.data {
padding-left: 2%;
margin: 0;
height: 53px;
width: 70%;
border: none;
color: #000;
font-size: 0.8VW;
line-height: 2.0VH;
vertical-align: middle;
overflow: hidden;
}

table.brwsr2 td:fst-child {
padding: 0 0 0 10px;
vertical-align: middle;
}

table.brwsr2 td.bar {
height: 1px;
width: 100%;
border-top: solid 1px #34495e;
}

.toiawase p {
font-size: 1.0VW;
text-align: center;
}

.box2_22 {
	width: 33%;
　　 height: auto;
    padding: 0.5em;
	padding-left: 5%;
    font-weight: bold;
    background: #FFF;
    border: solid 3px #000000;/*線*/
    border-radius: 10px;/*角の丸み*/
	float: left;
	margin-left: 10%;
}

.box2_22 h1 {
color: #000000;/*文字色*/
font-size: 1.5VW;
}

.mawarikomi{
	width: 100%;
　　 height: auto;
	vertical-align: middle;

}

.mawarikomi img {
	width: 15%;
　　 height: auto;
	margin-top: 0%;
	margin-right: 3%;
	float: left;
}

.box2_22 .mawarikomi h3 {
color: #000000;/*文字色*/
font-size: 2.0VW;
padding-bottom:0%;
}

.box2_22 .mawarikomi p {
font-size: 1.0VW;
margin-top: -1%;
margin-left: 0%;
text-align: left;
}

.box2_23 {
	width: 33%;
　　 height: auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
	padding-left: 5%;
    font-weight: bold;
    background: #FFF;
    border: solid 3px #000000;/*線*/
    border-radius: 10px;/*角の丸み*/
	float: left;
	margin-left: 3%;
}

.box2_23 h1 {
color: #000000;/*文字色*/
font-size: 1.5VW;
	margin-left: -10%;
	margin-bottom: 1.5%;
}

.mawarikomi{
	width: 100%;
　　 height: auto;
	vertical-align: middle;

}

.mawarikomi img {
	width: 15%;
　　 height: auto;
	margin-top: 0%;
	margin-right: 3%;
	float: left;
}

.box2_23 .mawarikomi h3 {
color: #000000;/*文字色*/
font-size: 2.0VW;
padding-bottom:0%;
}

.box2_23 .mawarikomi p {
font-size: 1.0VW;
margin-top: 2.9%;
margin-left: -10%;
text-align: left;
}

/* 009 */
.button009 a {
    background: #EFEFEF;
    position: relative;
    display: flex;
    justify-content: space-around;
	margin-top: 5%;
	margin-bottom: 5%;
    margin-left: -10%;
    max-width: 80%;
    padding: 2VH 2VW;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	font-size: 1.0VW;
    z-index:0;
	text-decoration: none;
}
.button009 a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    display: block;
    background: #D3E1E8;
    transition: .3s;
    left:0;
	text-decoration: none;
}
.button009 a:hover {
    color: color: #313131;;
}
.button009 a:hover:before {
    width: 100%;
    z-index: -1;
}


.footer {
  padding: 2rem;
  font-size: 15px;
  color: #9ca3af;
  background: #1d1e22;
	margin-top: 20%;
}

.footer__navi {
  flex-wrap: wrap;
  margin-bottom: 2rem;
	margin-left: -2%;
}

.footer__navi li {
  display: inline-block;
	
}

.footer a {
    color: #9ca3af;
	 text-decoration: none;
}

.footer__navi li:not(:last-child) {
  margin-right: 1%;
}

.footer__logo {
  display: inline-block;
  margin-bottom: 1rem;
}

.full {
  margin-top:0%;
  padding-bottom:100VH;
  background-image: url("https://kariage.co.jp/nyukyo/img/resident_services/top_haikei.jpg");
  background-repeat: no-repeat;
  background-size:100%
}

.seiwa_rogo img{
	width:10%;
	height:auto;
	margin-left: 80%;
	margin-top: 0.8%;
	position:absolute;
}

.title_rogo img{
	width:27%;
	height:auto;
	margin-left: 63%;
	margin-top: 15%;
	position:absolute;
}

.mongonz {
	width: 80%;
	margin-bottom:5%;
	margin-left:10%;
	margin-top:2%;
}

.mongonz p{
	font-size: 1.0VW;
}

.mongonz h1{
	font-size: 1.5VW;
}

.mongonz h3{
	font-size: 1.0VW;
	margin-top:-1.05%;
	margin-left:1.5%;
}

.mongonz span{
	color: red;
	font-size: 1.0VW;
	font-weight: bold; 
	float: left;
	margin-top:-1%; 
	
}

.box5-2xx {
	width: 80%;
　　 height: auto;
    position: relative; /* タイトルの配置調整のために基準を設定 */
    border: 3px solid #000000; /* ボックスの線 (太さ・種類・色) */
	margin-left: 10%;
	margin-top: 3%;
	border-radius: 10px;/*角の丸み*/
}

.box5-2xx .box-title {
    position: absolute; /* タイトルをボックス内で絶対位置指定 */
    top: -0.5em; /* 上方向に少し移動 */
    left: 1em; /* 左端からの距離 */
    background-color: #fff; /* タイトル背景色 */
    color: #000000; /* タイトルの文字色 */
    padding: 0 .5em; /* タイトルの内側余白 */
    font-weight: bold; /* タイトルのフォントを太字に */
	font-size: 1.2VW;
    line-height: 1; /* タイトルの行の高さ */
    display: inline-block; /* タイトルの幅を内容に合わせる */
    width: auto; /* タイトル幅を内容に応じて可変にする */
    max-width: calc(100% - 2em); /* 左右の余白を考慮して最大幅を調整 */
    white-space: nowrap; /* タイトルを1行に固定 */
    overflow: hidden; /* はみ出した部分を非表示 */
    text-overflow: ellipsis; /* 省略記号（...）を表示 */
}

.box5-2xx .box-content {
    padding: 2em; /* ボックス内コンテンツの余白を設定 */
}

.box5-2xx p {
    margin: 0; /* 段落の余白をなくして統一感を持たせる */
}

.box5-2xx img {
float: left;
margin-right: 3%;
	margin-top: -0.2%;
}

.ryoukin{
	width:80%;
	height:auto;
	margin-left: 10%;
	margin-top: 1%;
}

.ryoukin img {
	width:100%;
	height:auto;
}

.flows{
	width:80%;
	height:auto;
	margin-left: 10%;
	margin-top: 1%;
	margin-bottom: 6%;
}

.flows img {
	width:100%;
	height:auto;
}