/************************************



	index.css



*************************************/



h1{

	float: left;

	display: block;

	margin-top: 0.5rem;

}



div.contents_inner_box{
	margin-top: 0;
	position: relative;
	margin-top: -0.9rem;
	z-index: 10;
	background: #538fcc;
	padding-bottom: 2.5rem;
}



div.head_info_box{

	float: right;

}



div.slide_box{

	width: 100%;

}



div.slider_out_box{

	width: 100%;

	/*background: #e50011;*/

	font-size: 0;

	line-height: 0;

	position: relative;

	z-index: 20;

}



div.slider_logo_box{

	text-align: center;

	width: 100%;

	background: #e50011;

	box-sizing: border-box;

	padding: 1rem;

}



div.slider_logo_box img{

	vertical-align: middle;

}



img.slide_img{

	vertical-align: top;

}







/*

スライダー部分体裁

*************************************/



.flex-direction-nav a.flex-prev {

	background: url(../img/btnPrev.png) no-repeat center center;

	opacity: 0.3;

}



.flex-direction-nav a.flex-next {

	background: url(../img/btnNext.png) no-repeat center center;

	opacity: 0.3;

}



/**************ここまで****************/







img.slide_box_obi{

	vertical-align: top;

	position: relative;

	z-index: 50;

	margin-top: -0.5rem;

	width: 100%;

	height: auto;

}



div.how_to_move_service{

	background:#85aad9;

	width: 100%;

	padding: 8% 0;

	/*height: 42.2rem;*/

}



div.how_to_move_service_inner{

	/*background-color:		rgba(255,255,255,0.5);*/

}



img.emblem_sp{

	display: block;

	margin: 0 auto;

	width: 35%;

	height: auto;

}



img.emblem_pc{

	display: none;

}



img.how_to_catch{

	display: block;

	margin: 1rem auto;

	width: 70%;

	height: auto;

}



div.how_to_move_service_txt{

	width: 100%;

}



p.txt{

	width: 90%;

	word-break: break-all;/*禁則処理無視*/

	text-align: justify;

	text-justify: inter-ideograph;/*IE用justify*/

	margin: 0 auto;

	font-size: 1.3rem;

	line-height: 2.5rem;

	color: #fff;

	padding: 1.2rem 0 0 0;

}



a.move_service{

	display: block;

	width: 90%;

	height: 4.3rem;

	font-size: 1.5rem;

	font-weight: bold;

	color: #104892;

	line-height: 2.5rem;

	text-align: center;

	letter-spacing: 0.3rem;

	border-radius: 0.5rem;

	box-sizing: border-box;

	padding-top: 1rem;

	margin: 1.8rem auto 0 auto;

}



span.triangle{

	font-size: 1.7rem;

}



.hvr-radial-in,.hover {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #104892;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}



.hvr-radial-in:before,.hover:before  {

  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}



.hvr-radial-in:hover,.hover:hover{

  color: white;

}



.hvr-radial-in:hover:before,.hover:hover:before {

  -webkit-transform: scale(0);

  transform: scale(0);

}



/*

	サービスバナー群

******************************************/



section.center{

	text-align: center;

	margin-top: 3.5rem;

}



h2.title{

	font-size: 1.8rem;

	line-height:2.5rem;

	color: #fff;

	padding: 1.7rem 0;

}

ul.contents_list{
	width: 90%;
	max-width: 52rem;
	margin: 0 auto;
	text-align: center;
}

a.bunner_left,a.bunner_right{

	display: block;
	font-size: 0;
}

ul.contents_list > li {
    display: block;
    letter-spacing: normal;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

/*

サービスバナー体裁

*************************************/
a.bunner_left, a.bunner_right {
background: #fff none repeat scroll 0 0;
    margin-bottom: 1.5rem;
    max-height: 26.4rem;
    max-width: 52rem;
    padding: 1.5rem;
}

div.figure {
	position: relative;
	/*width: 45.9rem;
	height: 25.3rem;*/
	max-width: 52rem;
	max-height: 26.4rem;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
	-moz-box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
	-webkit-box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
}

div.figure img{
	max-width: 52rem;
	max-height: 26.4rem;
	width: 100%;
	height: auto;
}

a.bunner_right {
    margin-top: 0;
}

p.bunner_text{
	position: absolute;
	bottom: 0;
	max-width: 50rem;
	width: 100%;
	padding: 1rem;
	opacity: 0.9;
	z-index: 2;
	font-size: 1.6rem;
	line-height: 2.5rem;
	background: #426cab;
	color: #fff;
	box-sizing: border-box;
}



img.move_img{
	width: 95%;
	height: auto;
}



div.hover_txt div,div.hover_txt_2 div,div.hover_txt_3 div{

	display: none;

}



img.sec_icon{

	width: 25%;

	height: auto;

}



img.sec_icon_2{

	width: 15%;

	height: auto;

}



div.sec_right{

	margin-top: 3.5rem;

}



a.sp_margin{

	margin-top: 0;

}

/**************ここまで****************/





/**********************************

	新着&Facebookエリア

***********************************/



div.news_out_box{

	display: block;

	border: solid 0.1rem #707170;

    color: #000;

    font-size: 1.4rem;

    height: 39.9rem;

    overflow-x: hidden;

    padding: 2rem 0 0 2rem;

    vertical-align: top;

    width: 95%;

	box-sizing: border-box;

	vertical-align:  top;

	margin: 0 auto;

	margin-bottom: 2rem;

}



h2.news_title{

	font-size: 1.3rem;

    color: #000;

    font-weight: normal;

    line-height: 2rem;

    padding: 1rem 0 0.8rem 0.8rem;

	text-align: left;

	background: #dcdcdd;

	width: 93%;

	/*width: 95.5%;*/

}



table.news_box{

	color: #898989;

    font-size: 1.2rem;

    /*margin: 0 auto 0;*/

    width: 95%;

	/*height: 32rem;*/

	/*height: 20rem;*/

	overflow-x: hidden;

}



div.news_visible_area{

	height: 31rem;

	overflow-x: hidden;

    overflow-y: scroll;

	width: 100%;

}



td.news_date, td.news_txt {

    color: #595757;

    /*padding: 1.7rem 0 1.5rem;*/

	padding: 1.3rem 0 1.2rem;

}



td.news_txt {

    padding-left: 2rem;

	vertical-align: top;

	text-align: left;

}



td.news_date {

    vertical-align: top;

    width: 8.8rem;

	font-weight: bold;

	color: #0074c1;

}



tr.news_box {

    border-bottom: 0.1rem dotted #a6a6a7;

	/*border-bottom: 0.1rem solid #a6a6a7;*/

}



tr.news_box:first-child {

    /*border-top: 0.1rem dotted #a6a6a7;*/

	/*border-top: 0.1rem solid #a6a6a7;*/

}



div.facebook_box{

	display: block;

	margin: 0 auto;

    width: 95%;

	height: 20rem;

    padding: 0;

    text-align: center;

	background: #595757;

	font-size: 1.5rem;

	color: #fff;

}



/**************ここまで****************/



/*a.bunner_left img,a.bunner_right img{

	width: 95%;

	height: auto;

}*/



div.pc_main_img{

	display: none;

}


div.sp_main_img img{

	width: 100%;

	height: auto;

}





/****************************************

for タブレット～PC(980px以下)

*****************************************/



@media print,screen and (min-width:768px) and ( max-width:980px){



h1{

	float: left;

	display: block;

	margin-top: 0.8rem;

}



div.contents_inner_box{
	margin-top: 3.5rem;
	background: #538fcc;
	padding-bottom: 0;
}

img.buttom_mark{
	
	display: block;
	
	margin-left: auto;
	
	width: 57.4rem;
	
}



div.head_info_box{

	float: right;

}



div.slide_box{

	width: 100%;

	display: block;

}



div.slider_out_box{

	width: 100%;

	/*background: #e50011;*/

	font-size: 0;

	line-height: 0;

	position: relative;

	z-index: 20;

}



div.slider_logo_box{

	display: block;

	text-align: center;

	width: 100%;

	/*height: 42.4rem;*/

	background: #e50011;

	box-sizing: border-box;

	padding: 1rem 0 1rem 2.8rem;

}



img.pc_img{

	display: none;

}



img.sp_img{

	display: block;

}



div.slider_logo_box img{

	vertical-align: middle;

}



img.slide_img{

	vertical-align: top;

}







/*

スライダー部分体裁

*************************************/



.flex-direction-nav a.flex-prev {

	background: url(../img/btnPrev.png) no-repeat center center;

}



.flex-direction-nav a.flex-next {

	background: url(../img/btnNext.png) no-repeat center center;

}



/**************ここまで****************/







img.slide_box_obi{

	vertical-align: top;

	position: relative;

	z-index: 50;

	margin-top: -0.5rem;

	width: 100%;

	height: auto;

}



/*div.tablet_bk{

	background: rgba(113,112,113,0.3);

	height: 42.2rem;

}*/



div.how_to_move_service{

	/*background: url(../img/top_how_to_move_service_bk.png) no-repeat center right -5rem;*/

	background: #85aad9;

	max-width: 98rem;

	height: 42.2rem;

	padding: 0;

}



div.how_to_move_service_inner{

	background-color: transparent;

	width: 52.1rem;

	/*margin-left:4.1rem;*/

	margin: 0 auto;

	padding-top: 4rem;

}



img.emblem_pc{

	display: inline;

	margin: 0;

	width: 17.7rem;

	height: auto;

}



img.emblem_sp{

	display: none;

}



img.how_to_catch{

	display: inline;

	margin: 0;

	width: 32.5rem;

	height: 9.5rem;

}



div.how_to_move_service_txt{

	margin-left: 1.2rem;

	width: 32.5rem;

}



p.txt{

	width: 97%;

	word-break: break-all;/*禁則処理無視*/

	text-align: justify;

	text-justify: inter-ideograph;/*IE用justify*/

	margin: 0;

	font-size: 1.3rem;

	line-height: 2.5rem;

	color: #fff;

	padding: 1.2rem 0 0 1rem;

	/*text-shadow: 1px 1px 3px #000;*/

}



a.move_service{

	display: block;

	width: 52.1rem;

	height: 4.3rem;

	font-size: 1.5rem;

	font-weight: bold;

	color: #104892;

	line-height: 2.5rem;

	text-align: center;

	letter-spacing: 0.5rem;

	border-radius: 0.5rem;

	box-sizing: border-box;

	padding-top: 1rem;

	margin: 1.8rem 0 0 0;

}



span.triangle{

	font-size: 1.7rem;

}



.hvr-radial-in {

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  overflow: hidden;

  background: #104892;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}



.hvr-radial-in:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #fff;

  border-radius: 100%;

  -webkit-transform: scale(2);

  transform: scale(2);

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}



.hvr-radial-in:hover{

  color: white;

}



.hvr-radial-in:hover:before {

  -webkit-transform: scale(0);

  transform: scale(0);

}



section.center{

	text-align: center;

	margin-top: 4rem;

}



h2.title{

	font-size: 2.1rem;

	line-height:3rem;

	color: #fff;

	padding: 2rem 0;

}



/*

サービスバナー体裁

*************************************/
a.bunner_left, a.bunner_right {
background: #fff none repeat scroll 0 0;
    margin-bottom: 1.5rem;
    max-height: 26.4rem;
    max-width: 52rem;
    padding: 1.5rem;
}

div.figure {
	position: relative;
	/*width: 45.9rem;
	height: 25.3rem;*/
	max-width: 52rem;
	max-height: 26.4rem;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
	-moz-box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
	-webkit-box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
}

div.figure img{
	max-width: 52rem;
	max-height: 26.4rem;
	width: 100%;
	height: auto;
}

a.bunner_right {
    margin-top: 0;
}

p.bunner_text{
	position: absolute;
	bottom: 0;
	max-width: 50rem;
	width: 100%;
	padding: 1rem;
	opacity: 0.9;
	z-index: 2;
	font-size: 1.6rem;
	line-height: 2.5rem;
	background: #426cab;
	color: #fff;
	box-sizing: border-box;
}



/* Float Shadow */

.hvr-float-shadow {

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform;

  transition-property: transform;

}

.hvr-float-shadow:before {

  pointer-events: none;

  position: absolute;

  z-index: -1;

  content: '';

  top: 100%;

  left: 5%;

  height: 10px;

  width: 90%;

  opacity: 0;

  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);

  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);

  /* W3C */

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-property: transform, opacity;

  transition-property: transform, opacity;

}

.hvr-float-shadow:hover {

  -webkit-transform: translateY(-5px);

  transform: translateY(-5px);

  /* move the element up by 5px */

}

.hvr-float-shadow:hover:before{

  opacity: 1;

  -webkit-transform: translateY(5px);

  transform: translateY(5px);

  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */

}



img.move_img{

	width: 45.9rem;

	height: 25.3rem;

}





/*

サービスバナー体裁

*************************************/

img.move_img{

	width: 100%;

	height: auto;

}



div.figure {

	position: relative;

	/*width: 36.9rem;*/

	width: 100%;

	height: auto;

	margin: 0;

	padding: 0;

	overflow: hidden;

}



div.hover_txt {

	position: absolute;

	top: 0;

	right: 0;

	z-index: 2;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.4);

	-webkit-transition: .3s;

	transition: .3s;

	opacity: 0;

}



div.hover_txt h3,

div.hover_txt div {

	position: absolute;

	right: -200%;

	-webkit-transition: .3s;

	transition: .3s;

}



div.hover_txt div {

	top: 5.5rem;

	display: block;

}



div.hover_txt h3 {

	color: #fff;

	top: 13.5rem;

	font-size: 2rem;

	line-height: 3rem;

}



div.figure:hover div.hover_txt {

	opacity: 1;

}



div.figure:hover div.hover_txt h3,

div.figure:hover div.hover_txt div {

	right: 0;

	left: 0;

}



div.figure:hover div.hover_txt div {

	-webkit-transition-delay: .2s;

	transition-delay: .2s;

}



div.figure:hover div.hover_txt h3 {

	-webkit-transition-delay: .5s;

	transition-delay: .5s;

}



div.figure_2,div.figure_3{

	position: relative;

	overflow: hidden;

	width: 100%;

	height: auto;

}



div.hover_txt_2{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	box-sizing: border-box;

	padding-top: 5rem;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.4);

	-webkit-transform: rotate(90deg) scale(3);

	transform: rotate(90deg) scale(3);

	-webkit-transition: .3s;

	transition: .3s;

	opacity: 0;

}



div.hover_txt_2 h3,div.hover_txt_3 h3{

	color: #fff;

	font-size: 2rem;

	line-height: 3rem;

	margin-top: 1.5rem;

}



div.hover_txt_2 div,div.hover_txt_3 div{

	display: block;

}



div.figure_2:hover div.hover_txt_2 {

	-webkit-transform: rotate(360deg) scale(1);

	transform: rotate(360deg) scale(1);

	opacity: 1;

}



div.hover_txt_3{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	box-sizing: border-box;

	padding-top: 6.5rem;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.4);

	-webkit-transition: .8s;

	transition: .8s;

	opacity: 0;

}



div.figure_3:hover div.hover_txt_3 {

	opacity: 1;

}



img.sec_icon{

	width: 11.9rem;

	height: 7.4rem;

}



img.sec_icon_2{

	width: 6.5rem;

	height: 8rem;

}



div.sec_left,div.sec_right{

	display: inline-block;

	vertical-align: top;

   width: 48%;

}



div.sec_left{

	margin-right: 1rem;

}



div.sec_right{

	margin-top: 0;

}



a.none_margin{

	margin: 0;

	width: 100%;

}



/**************ここまで****************/





/**********************************

	新着&Facebookエリア

***********************************/



div.news_out_box{

	/*display: inline-block;*facebook表示用*/

	display: block;

	border: solid 0.1rem #707170;

    color: #000;

    font-size: 1.4rem;

    height: 39.9rem;

    overflow-x: hidden;

    padding: 2rem 0 0 2rem;

    vertical-align: top;

	width: 97.8%;

    /*width: 56rem;*facebook表示用*/

	box-sizing: border-box;

	vertical-align:  top;

	margin: 0 auto;

}



h2.news_title{

	font-size: 1.3rem;

    color: #000;

    font-weight: normal;

    line-height: 2rem;

    padding: 1rem 0 0.8rem 0.8rem;

	text-align: left;

	background: #dcdcdd;

	width: 97%;

	/*width: 95.5%;*facebook表示用*/

}



table.news_box{

	color: #898989;

    font-size: 1.2rem;

    /*margin: 0 auto 0;*/

    width: 99%;

	/*height: 32rem;*/

	/*height: 20rem;*/

	overflow-x: hidden;

}



div.news_visible_area{

	height: 31rem;

	overflow-x: hidden;

    overflow-y: scroll;

}



td.news_date, td.news_txt {

    color: #595757;

    /*padding: 1.7rem 0 1.5rem;*/

	padding: 1.3rem 0 1.2rem;

}



td.news_txt {

    padding-left: 2rem;

	vertical-align: top;

	text-align: left;

}



td.news_date {

    vertical-align: top;

    width: 8.8rem;

	font-weight: bold;

	color: #0074c1;

}



tr.news_box {

    border-bottom: 0.1rem dotted #a6a6a7;

	/*border-bottom: 0.1rem solid #a6a6a7;*/

}



tr.news_box:first-child {

    /*border-top: 0.1rem dotted #a6a6a7;*/

	/*border-top: 0.1rem solid #a6a6a7;*/

}



div.facebook_box{

	display: inline-block;

	margin: 0;

    margin-left: 1rem;

    width: 38%;

	height: 39.9rem;

    padding: 0;

    text-align: center;

	background: #595757;

	font-size: 1.5rem;

	color: #fff;

}



/**************ここまで****************/



div.pc_main_img{

	display: block;

}


div.pc_main_img img{

	width: 100%;

	height: auto;

}



div.sp_main_img{

	display: none;

}

/*********
メインバナーリンク郡
***********************************/

ul.contents_list {
    letter-spacing: -0.4rem;
    margin: 0 auto;
    text-align: justify;
    width: 95%;
	max-width: 118rem;
}


ul.contents_list::after {
    content: "";
    display: inline-block;
    height: 0;
    line-height: 0;
    width: 100%;
}


ul.contents_list > li {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 49%;
}



}









/****************************************

for PC

*****************************************/



@media print,screen and (min-width:981px){



h1{

	float: left;

	display: block;

	margin-top: 0.5rem;

}

div.contents_box {
    padding-top: 18rem;
}


div.contents_inner_box{
	margin-top: 3.5rem;
	background: #538fcc;
	background-image: url(../img/bottom_mark.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-bottom: 0;
	
}

img.buttom_mark{
	
	display: inline-block;
	
	margin-left: auto;
	
	margin-right: 5rem;
	
}



div.head_info_box{

	float: right;

}



div.slide_box{

	/*width: 76.5rem;*/

	width: 78.05%;

	display: inline-block;

}



div.slider_out_box{

	width: 100%;

	/*background: #e50011;*/

	font-size: 0;

	line-height: 0;

	position: relative;

	z-index: 20;

}



div.slider_logo_box{

	display: inline-block;

	vertical-align: top;

	text-align: left;

	/*width: 21.5rem;*/

	width: 21.93%;

	height: 42.4rem;

	background: #e50011;

	box-sizing: border-box;

	padding: 15.5rem 0 0 2.8rem;

}



div.slider_logo_box img{

	vertical-align: middle;

}



img.slide_img{

	vertical-align: top;

}





/*

スライダー部分体裁

*************************************/



.flex-direction-nav a.flex-prev {

	background: url(../img/btnPrev.png) no-repeat center center;

}



.flex-direction-nav a.flex-next {

	background: url(../img/btnNext.png) no-repeat center center;

}



/**************ここまで****************/



img.slide_box_obi{

	vertical-align: top;

	position: relative;

	z-index: 50;

	margin-top: -0.5rem;

	width: 100%;

	height: auto;

}



div.how_to_move_service{

	background: url(../img/top_how_to_move_service_bk.png) no-repeat center center;

	max-width: 98rem;

	height: 42.2rem;

	padding: 0;

}



div.how_to_move_service_inner{

	background-color: transparent;

	margin-left:4.1rem;

	padding-top: 4rem;

}



img.emblem_pc{

	display: inline;

	margin: 0;

	width: 17.7rem;

	height: auto;

}



img.emblem_sp{

	display: none;

}



img.how_to_catch{

	display: inline;

	margin: 0;

	width: 32.5rem;

	height: 9.5rem;

}



div.how_to_move_service_txt{

	margin-left: 1.2rem;

	width: 32.5rem;

}



p.txt{

	width: 97%;

	word-break: break-all;/*禁則処理無視*/

	text-align: justify;

	text-justify: inter-ideograph;/*IE用justify*/

	margin: 0;

	font-size: 1.3rem;

	line-height: 2.5rem;

	color: #fff;

	padding: 1.2rem 0 0 1rem;

}



a.move_service{

	display: block;

	width: 49.6rem;

	height: 4.3rem;

	font-size: 1.5rem;

	font-weight: bold;

	color: #104892;

	line-height: 2.5rem;

	text-align: center;

	letter-spacing: 0.5rem;

	border-radius: 0.5rem;

	box-sizing: border-box;

	padding-top: 1rem;

	margin: 1.8rem 0 0 2.2rem;

}



span.triangle{

	font-size: 1.7rem;

}



.hvr-radial-in {

  -webkit-transform: perspective(1px) translateZ(0);

  transform: perspective(1px) translateZ(0);

  box-shadow: 0 0 1px transparent;

  position: relative;

  overflow: hidden;

  background: #104892;

  -webkit-transition-property: color;

  transition-property: color;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

}



.hvr-radial-in:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: #fff;

  border-radius: 100%;

  -webkit-transform: scale(2);

  transform: scale(2);

  -webkit-transition-property: transform;

  transition-property: transform;

  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}



.hvr-radial-in:hover{

  color: white;

}



.hvr-radial-in:hover:before {

  -webkit-transform: scale(0);

  transform: scale(0);

}



section.center{

	text-align: center;

	margin-top: 4rem;

}



h2.title{

	font-size: 2.6rem;

	line-height:4.5rem;

	color: #fff;

	padding: 3.5rem 0;

}



a.bunner_left,
a.bunner_right{
	/*display: inline-block;
	font-size: 0;
	overflow: hidden;*/
	max-width: 52rem;
	max-height: 26.4rem;
	padding: 1.5rem;
	background: #fff;
	margin-bottom: 7rem;
}



a.bunner_left{
}



a.bunner_right{
	/*margin-left: 3.5rem;*/
	margin-top: 0;
	margin-left: auto;
}


div.bunner_right_empty{
	display: inline-block;
	font-size: 0;
	overflow: hidden;
	width: 52rem;
	height: 26.4rem;
	padding: 1.5rem;
	margin-bottom: 3.5rem;
	margin-left: 3.5rem;
	margin-top: 0;
}




/*

サービスバナー体裁

*************************************/


div.figure {
	position: relative;
	/*width: 45.9rem;
	height: 25.3rem;*/
	max-width: 52rem;
	max-height: 26.4rem;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow: hidden;
	box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
	-moz-box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
	-webkit-box-shadow:2px 2px 5px 2px rgba(2,2,2,0.35);
}

div.figure img{
	max-width: 52rem;
	max-height: 26.4rem;
	width: 100%;
	height: auto;
}


p.bunner_text{
	
	position: absolute;

	bottom: 0;
	
	max-width: 52rem;
	width: 100%;
	
	padding: 1rem;
	
	opacity: 0.9;

	z-index: 2;
	
	font-size: 2rem;
	
	background: #426cab;
	
	color: #fff;
	
}



a.bunner_left:hover p.bunner_text,
a.bunner_right:hover p.bunner_text{
	
	background: #004098;
	
	opacity: 1;

	-webkit-transition: .5s;

	transition: .5s;
	
}


a.bunner_left:hover img.bunner_img,
a.bunner_right:hover img.bunner_img{
	
	opacity: 0.6;

	-webkit-transition: .5s;

	transition: .5s;
	
}



div.hover_txt {

	position: absolute;

	top: 0;

	right: 0;

	z-index: 2;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.4);

	-webkit-transition: .3s;

	transition: .3s;

	opacity: 0;

}



div.hover_txt h3,

div.hover_txt div {

	position: absolute;

	right: -200%;

	-webkit-transition: .3s;

	transition: .3s;

}



div.hover_txt div {

	top: 7rem;

	display: block;

}



div.hover_txt h3 {

	color: #fff;

	top: 15rem;

	font-size: 2rem;

	line-height: 3rem;

}



div.figure:hover div.hover_txt {

	opacity: 1;

}



div.figure:hover div.hover_txt h3,

div.figure:hover div.hover_txt div {

	right: 0;

	left: 0;

}



div.figure:hover div.hover_txt div {

	-webkit-transition-delay: .2s;

	transition-delay: .2s;

}



div.figure:hover div.hover_txt h3 {

	-webkit-transition-delay: .5s;

	transition-delay: .5s;

}



div.figure_2,div.figure_3{

	position: relative;

	overflow: hidden;

	width: 46.8rem;

}



div.hover_txt_2{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	box-sizing: border-box;

	padding-top: 6.5rem;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.4);

	-webkit-transform: rotate(90deg) scale(3);

	transform: rotate(90deg) scale(3);

	-webkit-transition: .3s;

	transition: .3s;

	opacity: 0;

}



div.hover_txt_2 h3,div.hover_txt_3 h3{

	color: #fff;

	font-size: 2rem;

	line-height: 3rem;

	margin-top: 1.5rem;

}



div.hover_txt_2 div,div.hover_txt_3 div{

	display: block;

}



div.figure_2:hover div.hover_txt_2 {

	-webkit-transform: rotate(360deg) scale(1);

	transform: rotate(360deg) scale(1);

	opacity: 1;

}





div.hover_txt_3{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	box-sizing: border-box;

	padding-top: 6.5rem;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.4);

	-webkit-transition: .8s;

	transition: .8s;

	opacity: 0;

}



div.figure_3:hover div.hover_txt_3 {

	opacity: 1;

}



img.sec_icon{

	width: 11.9rem;

	height: 7.4rem;

}



img.sec_icon_2{

	width: 6.5rem;

	height: 8rem;

}



div.sec_left,div.sec_right{

	display: inline-block;

	vertical-align: top;

    width: 46.8rem;

}



div.sec_left{

	margin-right: 1rem;

}



div.sec_right{

	margin-left: 1rem;

	margin-top: 0;

}



a.none_margin{

	margin: 0;

}



/**************ここまで****************/





/**********************************

	新着&Facebookエリア

***********************************/



div.news_out_box{

	/*display: inline-block;*facebook表示用*/

	display: block;

	border: solid 0.1rem #707170;

    color: #000;

    font-size: 1.4rem;

    height: 39.9rem;

    overflow-x: hidden;

    padding: 2rem 0 0 2rem;

    vertical-align: top;

	width: 97.8%;

    /*width: 56rem;*facebook表示用*/

	box-sizing: border-box;

	vertical-align:  top;

	margin: 0 auto;

}



h2.news_title{

	font-size: 1.3rem;

    color: #000;

    font-weight: normal;

    line-height: 2rem;

    padding: 1rem 0 0.8rem 0.8rem;

	text-align: left;

	background: #dcdcdd;

	width: 97%;

	/*width: 95.5%;*facebook表示用*/

}



table.news_box{

	color: #898989;

    font-size: 1.2rem;

    /*margin: 0 auto 0;*/

    width: 99%;

	/*height: 32rem;*/

	/*height: 20rem;*/

	overflow-x: hidden;

}



div.news_visible_area{

	height: 31rem;

	overflow-x: hidden;

    overflow-y: scroll;

}



td.news_date, td.news_txt {

    color: #595757;

    /*padding: 1.7rem 0 1.5rem;*/

	padding: 1.3rem 0 1.2rem;

}



td.news_txt {

    padding-left: 2rem;

	vertical-align: top;

	text-align: left;

}



td.news_date {

    vertical-align: top;

    width: 8.8rem;

	font-weight: bold;

	color: #0074c1;

}



tr.news_box {

    border-bottom: 0.1rem dotted #a6a6a7;

	/*border-bottom: 0.1rem solid #a6a6a7;*/

}



tr.news_box:first-child {

    /*border-top: 0.1rem dotted #a6a6a7;*/

	/*border-top: 0.1rem solid #a6a6a7;*/

}



div.facebook_box{

	display: inline-block;

	margin: 0;

    margin-left: 2rem;

    width: 37rem;

	height: 39.9rem;

    padding: 0;

    text-align: center;

	background: #595757;

	font-size: 1.5rem;

	color: #fff;

}



/**************ここまで****************/



div.pc_main_img{

	display: block;

}


div.pc_main_img img{

	width: 100%;

	height: auto;

}



div.sp_main_img{

	display: none;

}

/*********
メインバナーリンク郡
***********************************/

ul.contents_list {
    letter-spacing: -0.4rem;
    margin: 0 auto;
    text-align: justify;
    width: 90%;
	max-width: 118rem;
}


ul.contents_list::after {
    content: "";
    display: inline-block;
    height: 0;
    line-height: 0;
    width: 100%;
}


ul.contents_list > li {
    display: inline-block;
    letter-spacing: normal;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 49%;
}

div.bunner_right_empty{
	display: none;
}



}













/*グーグルwebフォントの読み込み指定

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/



/*Safariだけに適用されるCSSハック*/

@media screen and (-webkit-min-device-pixel-ratio:0) {

}



/* IE10以降だけに適用されるCSSハック*/

@media all and (-ms-high-contrast:none){



}