@charset "utf-8";




/* ==========================================================================
	main
========================================================================== */
#main{
	width:100%;
	margin:0 auto;
	position:relative;
	}
#main:before{
	content:"";
	left:0;
	top:0;
	z-index:9996;
	position:absolute;
	display:block;
  /*2色パターン*/
  border-top: 120px solid #0b75be;
  border-right: 120px solid transparent;
  border-bottom: 120px solid transparent;
  border-left: 120px solid #0b75be;
	}
#main:after{
	content:"";
	right:0;
	top:0;
	z-index:9996;
	position:absolute;
	display:block;
  /*2色パターン*/
  border-top: 120px solid #ffea3c;
  border-left: 120px solid transparent;
  border-bottom: 120px solid transparent;
  border-right: 120px solid #ffea3c;
	}
	
	/*
#main_illust{
	display:none;
	width:136px;
	position:absolute;
	bottom:115px;
	left:110px;
	z-index:9997;
	-webkit-animation-name:lr; 
	-webkit-animation-duration:1.5s;
	-webkit-animation-timing-function:ease-in-out;
	-moz-animation-name:lr;
	-moz-animation-duration:1.5s;
	-moz-animation-timing-function:ease-in-out;
	}

@keyframes lr{
  0% { left: 50px; }
  100% { left:110px;}
}

@-webkit-keyframes lr {
  0% { left: 50px; }
  100% { left:110px;}
}


@-moz-keyframes lr{
  0% { left: 50px; }
  100% { left:110px;}
}*/


#catch{
	width:100%;
	margin:0 auto;
	left:0;
	top:0;
	display:none;
	position:fixed;
	z-index:9999;
	background:url(../image/pattern.gif) left top;
	}

#catch:before{
	content:"";
	display:block;
	padding-top:100vh;
	}
	

.catch_img {
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
	margin:auto;
	width:937px;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	/*
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 462px;
	height: 108px;
	*/
}


.catch_img img{
	position: absolute;
	opacity: 0;
	width:66px;
	bottom: -40px;
	
	}
.catch_img .kvtxt1{
	left:0;
  -webkit-animation: fw 0.5s ease 1.5s 1 forwards;
  animation: fw 0.5s ease 1.5s 1 forwards;
	}
.catch_img .kvtxt2{
	left:80px;
  -webkit-animation: fw 0.5s ease 1.6s 1 forwards;
  animation: fw 0.5s ease 1.6s 1 forwards;
	}
.catch_img .kvtxt3{
	left:160px;
  -webkit-animation: fw 0.5s ease 1.7s 1 forwards;
  animation: fw 0.5s ease 1.7s 1 forwards;
	}
.catch_img .kvtxt4{
	left:240px;
  -webkit-animation: fw 0.5s ease 1.8s 1 forwards;
  animation: fw 0.5s ease 1.8s 1 forwards;
	}
.catch_img .kvtxt5{
	left:320px;
  -webkit-animation: fw 0.5s ease 1.9s 1 forwards;
  animation: fw 0.5s ease 1.9s 1 forwards;
	}
.catch_img .kvtxt6{
	left:400px;
  -webkit-animation: fw 0.5s ease 2s 1 forwards;
  animation: fw 0.5s ease 2s 1 forwards;
	}
.catch_img .kvtxt7{
	left:480px;
  -webkit-animation: fw 0.5s ease 2.1s 1 forwards;
  animation: fw 0.5s ease 2.1s 1 forwards;
	}
.catch_img .kvtxt8{
	left:560px;
  -webkit-animation: fw 0.5s ease 2.2s 1 forwards;
  animation: fw 0.5s ease 2.2s 1 forwards;
	}
.catch_img  .kvtxt9{
	left:640px;
  -webkit-animation: fw 0.5s ease 2.3s 1 forwards;
  animation: fw 0.5s ease 2.3s 1 forwards;
	}
.catch_img .kvtxt10{
	left:720px;
  -webkit-animation: fw 0.5s ease 2.4s 1 forwards;
  animation: fw 0.5s ease 2.4s 1 forwards;
	}
.catch_img .kvtxt11{
	left:800px;
  -webkit-animation: fw 0.5s ease 2.5s 1 forwards;
  animation: fw 0.5s ease 2.5s 1 forwards;
	}
.catch_img .kvtxt12{
	left:880px;
  -webkit-animation: fw 0.5s ease 2.6s 1 forwards;
  animation: fw 0.5s ease 2.6s 1 forwards;
	}
@-webkit-keyframes fw {
  50% {
	bottom:20px;
}
  100% {
    opacity: 1;
  	bottom:0;
  }
}
@keyframesfw {
  50% {
	bottom:20px;
}
  100% {
    opacity: 1;
  	bottom:0;
  }
}
	
	
	/*
.top_bnr{
	display:block;
	width:220px;
	position:absolute;
	right:80px;
	bottom:140px;
	z-index:9996;
	-webkit-transition: bottom 0.2s ease;
    -moz-transition: bottom 0.2s ease;
    -o-transition: bottom 0.2s ease;
    transition: bottom 0.2s ease;
}
*/
.top_bnr:hover{
	bottom:145px;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}


.flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective: 1000;
	perspective: 1000;
	display:block;
	width:220px;
	position:absolute;
	right:80px;
	bottom:140px;
	z-index:9996;
}

.flip-container:hover {


	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
		-o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 220px;
	height: 239px;
	background-size:cover;
}
.flipper .front{
	background-image:url(../image/topbnr.png);
	}
.flipper .back{
	background-image:url(../image/topbnr2.png);
	}


/* flip speed goes here */
.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;

	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}













.bottom_msk{
	width:calc(100% - 30px);
	max-width:980px;
	height:60px;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	z-index:9996;
	background:url(../image/pattern.gif) left top;
	}

.bottom_msk:before{
	content:"";
	display:block;
	position:absolute;
	width:60px;
	height:60px;
	left:-59px;
	bottom:0;
	background:url(../image/pattern.gif) left top;
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

.bottom_msk:after{
	content:"";
	display:block;
	position:absolute;
	width:60px;
	height:60px;
	right:-59px;
	bottom:0;
	background:url(../image/pattern.gif) left top;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
clip-path: polygon(0 0, 0% 100%, 100% 100%);
}

@media screen and ( max-width: 1400px ) {
	
#main .bxslider li:before{
	padding-top:756px !important;
	}
	/*
#catch:before{
	padding-top:756px !important;
	}
	*/
	
	}

@media screen and ( max-width: 1115px ) {
.bottom_msk{
	width:calc(100% - 140px);
	}
	
	}
	
	
	
	
@media screen and ( max-width: 950px ) {
.catch_img {
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
	margin:auto;
	width:780px;
	height:67px;
}


.catch_img img{
	position: absolute;
	opacity: 0;
	width:55px;
	bottom: -40px;
	
	}
.catch_img .kvtxt2{
	left:66px;
}
.catch_img .kvtxt3{
	left:132px;
}
.catch_img .kvtxt4{
	left:198px;
}
.catch_img .kvtxt5{
	left:264px;
}
.catch_img .kvtxt6{
	left:330px;
}
.catch_img .kvtxt7{
	left:396px;
}
.catch_img .kvtxt8{
	left:462px;
	}
.catch_img  .kvtxt9{
	left:528px;
	}
.catch_img .kvtxt10{
	left:594px;
	}
.catch_img .kvtxt11{
	left:660px;
	}
.catch_img .kvtxt12{
	left:726px;
	}
	
	}
#main .bxslider{
	width:100% !important;
	margin:0 auto;
	position:relative;
	}
#main .bxslider li:before{
	content:"";
	display:block;
	padding-top:54%;
	}
.mtbg{
	display:block;
	position:absolute;
	top:0;
		padding:0 !important;
	z-index:9995 !important;
	width:100% !important;
	/*
	height:720px!important;
	
	background:url(../image/main1.jpg) top center no-repeat;
	*/
	background-size:cover !important;
	background-position:center center !important;
	background-size:100% !important\9;

  -webkit-animation: sc 20s linear;
  animation: sc 20s linear;
	}
@-webkit-keyframes sc {
  0% {transform: matrix3d(
        1, 0, 0, 0,
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 1
    );
}
  100% {transform: matrix3d(
        1, 0, 0, 0,
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 0.8
    );

  }
}
@keyframes sc {
  0% {transform: matrix3d(
        1, 0, 0, 0,
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 1
    );
}
  100% {transform: matrix3d(
        1, 0, 0, 0,
        0, 1, 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 0.8
    );

  }
}
	




.bx-wrapper {
    position: relative;
	margin:0 auto;
	width:100%;
}
.bx-viewport {
	margin:0 auto;
	width:100%;
}

.bx-wrapper img {
    width:100%;
}
.bx-pager a {
	background: #fff;
	text-indent: -9999px;/*数字表示をブラウザ外に押しやる*/
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 10px;
	-moz-border-radius: 5px;/*角丸指定 四隅を丸くすることで10pxの●に*/
	-webkit-border-radius: 5px;/*角丸指定*/
	border-radius: 5px;/*角丸指定*/
}
.bx-pager a:hover,
.bx-pager a.active {
	background: #000;
}




@media screen and ( max-width: 900px ) {
	
	
#main:before,
#main:after{
	display:none;
	}
	}
@media screen and ( max-width: 800px ) {

#main .bxslider li:before{
	padding-top:395px !important;
	}
.catch_img {
	position: absolute;
	top: 0;
	left: 0;
	right:0;
	bottom:0;
	margin:auto;
	width:272px;
	height:93px;
}


.catch_img img{
	position: absolute;
	opacity: 0;
	width:33px;
	bottom: -40px;
	
	}
.catch_img .kvtxt1{
	left:0;
	bottom:53px;
  -webkit-animation: fw2 0.5s ease 1.5s 1 forwards;
  animation: fw2 0.5s ease 1.5s 1 forwards;
	}
.catch_img .kvtxt2{
	left:40px;
	bottom:53px;
  -webkit-animation: fw2 0.5s ease 1.6s 1 forwards;
  animation: fw2 0.5s ease 1.6s 1 forwards;
}
.catch_img .kvtxt3{
	left:80px;
	bottom:53px;
  -webkit-animation: fw2 0.5s ease 1.7s 1 forwards;
  animation: fw2 0.5s ease 1.7s 1 forwards;
}
.catch_img .kvtxt4{
	left:120px;
	bottom:53px;
  -webkit-animation: fw2 0.5s ease 1.8s 1 forwards;
  animation: fw2 0.5s ease 1.8s 1 forwards;
}
.catch_img .kvtxt5{
	left:160px;
	bottom:53px;
  -webkit-animation: fw2 0.5s ease 1.9s 1 forwards;
  animation: fw2 0.5s ease 1.9s 1 forwards;
}
.catch_img .kvtxt6{
	left:200px;
	bottom:53px;
  -webkit-animation: fw2 0.5s ease 2s 1 forwards;
  animation: fw2 0.5s ease 2s 1 forwards;
}
.catch_img .kvtxt7{
	left:240px;
	bottom:53px;
  -webkit-animation: fw2 0.5s ease 2.1s 1 forwards;
  animation: fw2 0.5s ease 2.1s 1 forwards;
}
.catch_img .kvtxt8{
	left:40px;
	bottom:0;
	}
.catch_img  .kvtxt9{
	left:80px;
	bottom:0;
	}
.catch_img .kvtxt10{
	left:120px;
	bottom:0;
	}
.catch_img .kvtxt11{
	left:160px;
	bottom:0;
	}
.catch_img .kvtxt12{
	left:200px;
	bottom:0;
	}
	
@-webkit-keyframes fw2 {
  50% {
	bottom:73px;
}
  100% {
    opacity: 1;
  	bottom:53px;
  }
}
@keyframesfw2 {
  50% {
	bottom:73px;
}
  100% {
    opacity: 1;
  	bottom:53px;
  }
}



.bottom_msk{
	width:calc(100% - 40px);
	height:45px;
	background:#fff;
	border-top:2px solid #ee780f;
	}

.bottom_msk:before{
	content:"";
	display:block;
	position:absolute;
	width:20px;
	height:45px;
	left:-20px;
	bottom:0;
	background:#fff;
}

.bottom_msk:after{
	content:"";
	display:block;
	position:absolute;
	width:20px;
	height:45px;
	right:-20px;
	bottom:0;
	background:#fff;
}
}





/* ==========================================================================
	top_news_area
========================================================================== */
#top_news_area{
	width:100%;
	background:url(../image/pattern.gif) left top;
	position:relative;
	padding:5px 0 30px;
	}
#top_news{
	width:calc(100% - 150px);
	max-width:950px;
	position:absolute;
	z-index:-1;
	left:0;
	right:0;
	top:-30px;
	margin:auto;
	background:#fff;
	height:60px;
	padding:0 30px;
	box-sizing:border-box;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
  -webkit-animation: in 1s linear;
  animation: in 1s linear;
	}

#top_news:before{
	content:"";
	left:-30px;
	top:0;
	z-index:9996;
	position:absolute;
	display:block;
	width:30px;
	height:60px;
	background:url(../image/top_news_lar.png);
	background-size:cover;
}
#top_news:after{
	content:"";
	right:-30px;
	top:0;
	z-index:9996;
	position:absolute;
	display:block;
	width:30px;
	height:60px;
	background:url(../image/top_news_rar.png);
	background-size:cover;
	}
@-webkit-keyframes in {
  0% {
    opacity: 0;
}
  100% {
    opacity: 1;
  }
}
@keyframes in {
  0% {
    opacity: 0;
}
  100% {
    opacity: 1;
  }
}
#top_news h1{
	width:172px;
	padding-top:16px;
	}

#top_news .news_area{
	width:480px;
	padding-top:19px;
	}
	
	/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
background: #fff; 
width: 480px; 
height: 100%; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
width: 480px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 480px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
white-space:nowrap;

}
ul.newsticker a {
white-space: nowrap;
padding: 0;
/*
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
*/
} 
	
	
	
	
#top_news .news_area:after{
	content:"";
	display:block;
	clear:both;
	}
#top_news .news_area span{
	font-size:13px;
	font-weight:600;
	line-height:1.5;
	color:#ee780f;
	display:inline-block;
	}
#top_news .news_area p{
	font-size:14px;
	line-height:1.5;
	font-weight:600;
	box-sizing:border-box;
	display:inline-block;
	margin-left:15px;
	}
#top_news .news_area p a{
	    font-weight: bold;
    color: #ee780f;
	}
#top_news .top_news_btn{
	display:block;
	position:relative;
	width:108px;
	height:30px;
	margin-top:15px;
	background:#fff;
	padding:5px 0 0 20px;
	box-sizing:border-box;
	border:3px solid #252525;
	-moz-border-radius: 30px;/*角丸指定*/
	-webkit-border-radius: 30px;/*角丸指定*/
	border-radius: 30px;/*角丸指定*/

	-webkit-box-shadow: 3px 2px 2px 1px rgba(227,222,199,1);
	-moz-box-shadow: 3px 2px 2px 1px rgba(227,222,199,1);
	box-shadow: 3px 2px 2px 1px rgba(227,222,199,1);
	-webkit-transition: shadow 0.2s ease,transform 0.2s ease;
    -moz-transition: shadow 0.2s ease,transform 0.2s ease;
    -o-transition: shadow 0.2s ease,transform 0.2s ease;
    transition: shadow 0.2s ease,transform 0.2s ease;
	}
	
#top_news .top_news_btn:before{
	content:"";
	display:block;
	position:absolute;
	right:8px;
	top:0;
	bottom:0;
	margin:auto;
	width:6px;
	height:8px;
	background:url(../image/now_btn_ar.png);
	background-size:cover;
	}
	
#top_news .top_news_btn:hover{
    transform: translate3d(3px, 3px, 0);
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow: none;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transition: shadow 0.2s ease,transform 0.2s ease;
    -moz-transition: shadow 0.2s ease,transform 0.2s ease;
    -o-transition: shadow 0.2s ease,transform 0.2s ease;
    transition: shadow 0.2s ease,transform 0.2s ease;

}
#top_news .top_news_btn img{
	width:58px;
	}
	
	
	
#top_bnr{
	width:calc(100% - 60px);
	max-width:970px;
	margin:0 auto;
	}

#top_bnr:after{
	content:"";
	display:block;
	clear:both;
	}
#top_bnr .kotei_bnr{
	width:42%;
	float:left;
	padding-top:10px;
	}
#top_news_slider{
	width:53%;
	float:right;
	}
	
#top_news_slider .sp-slide a:before{
	content:"";
	display:block;
	width:100px;
	height:100px;
	position:absolute;
	top:0;
	right:10px;
	}

#top_news_slider .event a:before{
	background:url(../image/event_icon.png);
	background-size:cover;
	}

#top_news_slider .offer a:before{
	background:url(../image/offer_icon.png);
	background-size:cover;
	}
#top_news_slider .recruit a:before{
	background:url(../image/recruit_icon.png);
	background-size:cover;
	}

#top_news_slider .new a:before{
	background:url(../image/new_icon.png);
	background-size:cover;
	}

#top_news_slider .hot a:before{
	background:url(../image/hot_icon.png);
	background-size:cover;
	}
#top_news_slider .want a:before{
	background:url(../image/want_icon.png);
	background-size:cover;
	}
#top_news_slider a{
	display:block;
	position:relative;
	padding-top:10px;
	}

@media screen and ( max-width: 980px ) {
	
#top_news .news_area{
	width:calc(100% - 300px);
}
	}

@media screen and ( max-width: 800px ) {
	#top_news_area{
		padding:0;
		}
#top_news{
	width:100%;
	top:0;
	padding:0 15px;
	position:relative;
	height:auto;
	}
#top_news h1{
	width:160px;
	position:absolute;
	left:40px;
	top:-30px;
	padding-top:0;
	}

#top_news:before,
#top_news:after{
	display:none;
}
#top_news .news_area{
	position:relative;
	
	margin:20px auto 0;
	box-sizing:border-box;
	width:100%;
	background:#f2f2f2;
	padding:15px ;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

	/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
background: none ;
width: 100%; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */

width: 100%; 
}
ul.newsticker { /* that's your list */

width: 100%; 

}
	
#top_news .news_area:after{
	content:"";
	display:block;
	clear:both;
	}
#top_news .news_area span{
	font-size:11px;
	font-weight:600;
	color:#ee780f;
	width:80px;
	text-align:center;
	}
#top_news .news_area p{
	width:calc(100% - 80px);
	font-size:13px;
	font-weight:600;
	box-sizing:border-box;
	}
#top_news .top_news_btn{
	display:block;
	position:absolute;
	width:98px;
	height:30px;
	margin-top:0;
	box-sizing:border-box;
	padding-left:15px;
	border:2px solid #252525;
	top:-30px;
	right:40px;
	}
	
#top_news .top_news_btn:before{
	content:"";
	display:block;
	position:absolute;
	right:8px;
	top:0;
	bottom:0;
	margin:auto;
	width:6px;
	height:8px;
	background:url(../image/now_btn_ar.png);
	background-size:cover;
	}
	
#top_news .top_news_btn:hover{
    transform: translate3d(3px, 3px, 0);
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow: none;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transition: shadow 0.2s ease,transform 0.2s ease;
    -moz-transition: shadow 0.2s ease,transform 0.2s ease;
    -o-transition: shadow 0.2s ease,transform 0.2s ease;
    transition: shadow 0.2s ease,transform 0.2s ease;

}
#top_news .top_news_btn img{
	width:58px;
	}
	
	
#sp_btn_menu{
	width:100%;
	background:#fff;
	padding:15px 15px 25px;
	box-sizing:border-box;
	}
	
#sp_btn_menu ul{
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}

#sp_btn_menu ul li{
	text-align:center;
	width:30%;
	margin-bottom:3.3%;
	}
#sp_btn_menu ul li a{
	display:block;
	width:100%;
	height:100px;
	box-sizing:border-box;
	padding-top:15px;
	background:#f2f2f2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	-moz-box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
}
	
#sp_btn_menu ul li a:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	}
#sp_btn_menu ul li .menu_txt{
	margin:8px 0 5px;
	}
#sp_btn_menu ul li span{
	font-size:10px;
	color:#777777;
	font-weight:500;
	-webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
	}

#sp_btn_menu ul li:hover span{
	color:#ee780f
	}

#sp_btn_menu ul .menu1 .menu_txt{
	width:60px;
	}
#sp_btn_menu ul .menu1 .menu_icon{
	width:64px;
	}
	
#sp_btn_menu ul .menu2 a{
	padding-top:18px;
	}
#sp_btn_menu ul .menu2 .menu_txt{
	width:54px;	
	}
#sp_btn_menu ul .menu2 .menu_icon{
	width:28px;
	}
#sp_btn_menu ul .menu2 .menu_txt{
	}
	/*
#sp_btn_menu ul .menu3 a{
	padding-top:3px;
	}*/
#sp_btn_menu ul .menu3 .menu_txt{
	width:90%;
	max-width:95px;
	}
#sp_btn_menu ul .menu3 .menu_icon{
	width:56px;
	}
	
#sp_btn_menu ul .menu4 .menu_txt{
	width:55px;
	}
#sp_btn_menu ul .menu4 .menu_icon{
	width:34px;
	}
	
#sp_btn_menu ul .menu5 .menu_txt{
	width:79px;
	}
#sp_btn_menu ul .menu5 .menu_icon{
	width:37px;
	}
	
#sp_btn_menu ul .menu6 .menu_txt{
	width:80px;
	}
#sp_btn_menu ul .menu6 .menu_icon{
	width:34px;
	}
	
#top_bnr{
	width:calc(100% - 30px);
	padding:25px 0 40px;
	}
#top_news_slider{
	width:100% !important;
	float:none;
	margin-left:0 !Important;
	}
#top_bnr .kotei_bnr{
	width:100%;
	float:none;
	display:block;
	margin-top:20px;
	}
#top_news_slider .sp-slide a:before{
	content:"";
	display:block;
	width:80px;
	height:80px;
	position:absolute;
	top:0;
	right:20px;
	z-index:100;
	}

	
	}
/* ==========================================================================
	top_service
========================================================================== */

#top_service{
	width:100%;
	position:relative;
	background:#fff;
	}
#top_service:before{
	content:"";
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:url(../image/top_service_bg.png) top center no-repeat;
	}



#top_service h1{
	width:653px;
	margin:0 auto;
	text-align:center;
	}

#top_service h1 img:nth-child(2){
	width:397px;
	margin:22px auto 25px;
	}

#top_service h1 img:nth-child(3){
	width:519px;
	margin:0 auto;
	
	}
	

#top_service .c_txt{
	margin:43px 0 66px;
	text-align:center;
	font-size:15px;
	line-height:40px;
	font-weight:600;
	}
	
#top_service ul{
	width:calc(100% - 30px);
	max-width:1100px;
	margin:0 auto 60px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	
#top_service ul li{
	width:30.9%;
	margin-top:30px;
	-webkit-transition: shadow 0.2s ease,transform 0.2s ease;
    -moz-transition: shadow 0.2s ease,transform 0.2s ease;
    -o-transition: shadow 0.2s ease,transform 0.2s ease;
    transition: shadow 0.2s ease,transform 0.2s ease;
	}

#top_service ul li:nth-child(2){
	margin-top:0;
	}
#top_service ul li .img_area{
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	position:relative;
	background-image:url(../image/top_service_conbg1.jpg);
	background-size:cover;
	}
#top_service ul li:nth-child(2) .img_area{background-image:url(../image/top_service_conbg2.jpg);}
#top_service ul li:nth-child(3) .img_area{background-image:url(../image/top_service_conbg3.jpg);}
#top_service ul li .img_area:before{
	content:"";
	display:block;
	padding-top:88%;
	}
#top_service ul li .img_area:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:-1px;
	width:100%;
	padding-top:14.9%;
	background:url(../image/top_service_stitbg.png);
	background-size:cover;
	}
	
#top_service ul li .text_area{
	position:relative;
	padding-top:18px;
	padding-bottom:20px;
	text-align:center;
	border-left:3px solid #0b75be;
	border-right:3px solid #0b75be;
	border-bottom:3px solid #0b75be;
	box-sizing:border-box;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	color:#000;

	-webkit-box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	-moz-box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	}
	
	
#top_service ul li:hover{
    transform: translate3d(0, 3px, 0);
	-webkit-transition: shadow 0.2s ease,transform 0.2s ease;
    -moz-transition: shadow 0.2s ease,transform 0.2s ease;
    -o-transition: shadow 0.2s ease,transform 0.2s ease;
    transition: shadow 0.2s ease,transform 0.2s ease;
	}
	
	
#top_service ul li:hover .text_area{
	-webkit-transition: shadow 0.2s ease,transform 0.2s ease;
    -moz-transition: shadow 0.2s ease,transform 0.2s ease;
    -o-transition: shadow 0.2s ease,transform 0.2s ease;
    transition: shadow 0.2s ease,transform 0.2s ease;

	-webkit-box-shadow: 0px 0px 0px 0px rgba(227,222,199,1);
	-moz-box-shadow: 0px 0px 0px 0px rgba(227,222,199,1);
	box-shadow: 0px 0px 0px 0px rgba(227,222,199,1);
	
	
	}
	
	
#top_service ul li:nth-child(2) .text_area{border-color:#2aa830;}
#top_service ul li:nth-child(3) .text_area{border-color:#ee780f;}
	
#top_service ul li .text_area h2{
	position:absolute;
	left:0;
	right:0;
	top:-22px;
	width:83px;
	margin:auto;
	z-index:100;
	}
	
#top_service ul li:nth-child(2) .text_area h2{width:85px;}
#top_service ul li:nth-child(3) .text_area h2{width:111px;}
	
#top_service ul li:first-child .text_area span{
	font-size:10px;
	font-weight:500;
	color:#0b75be;
	text-align:center;
	}
#top_service ul li:nth-child(2) span{color:#2aa830;}
#top_service ul li:nth-child(3) span{color:#ee780f;}

#top_service ul li .text_area p{
	font-size:14px;
	line-height:24px;
	text-align:center;
	margin-top:16px;
	}
	
	
	
#top_service .link_btn img{
	width:215px;
	}
	
	
	
@media screen and ( max-width: 800px ) {
	
#top_service{
	width:100%;
	position:relative;
	background:#fff;
	padding:30px 0;
	}
#top_service:before{
	display:none;
}



#top_service h1{
	width:272px;
	margin:0 auto;
	text-align:center;
	}
	

#top_service .c_txt{
	margin:40px 0 45px;
	text-align:center;
	font-size:13px;
	line-height:26px;
	font-weight:600;
	}
	

	
#top_service ul{
	margin:0 auto 5px;
}
	
#top_service ul li{
	width:100%;
	margin-top:0px;
	margin-bottom:25px;
	}

#top_service ul li:nth-child(2){
	margin-top:0;
	}
#top_service ul li .img_area:before{
	content:"";
	display:block;
	padding-top:46%;
	}
#top_service ul li .img_area{	
	background-image:url(../image/top_service_conbg01_sp.jpg);
	background-size:cover;
}
#top_service ul li:nth-child(2) .img_area{background-image:url(../image/top_service_conbg02_sp.jpg);}
#top_service ul li:nth-child(3) .img_area{background-image:url(../image/top_service_conbg03_sp.jpg);}
#top_service ul li .img_area:after{
	width:170px;
	height:25px;
	left:0;
	right:0;
	margin:auto;
	padding-top:0;
}
	
#top_service ul li .text_area{
	position:relative;
	padding-top:14px;
	padding-bottom:20px;
	text-align:center;
	border-left:2px solid #0b75be;
	border-right:2px solid #0b75be;
	border-bottom:2px solid #0b75be;
	box-sizing:border-box;
	}
	
#top_service ul li .text_area h2{
	position:absolute;
	left:0;
	right:0;
	top:-12px;
	width:58px;
	margin:auto;
	z-index:100;
	}
	
#top_service ul li:nth-child(2) .text_area h2{width:59px;}
#top_service ul li:nth-child(3) .text_area h2{width:77px;}
	
#top_service ul li .text_area p{
	font-size:13px;
	line-height:26px;
	text-align:center;
	margin-top:12px;
	}
	
	
	
#top_service .link_btn{
	width:calc(100% - 30px);
	}
#top_service .link_btn img{
	width:174px;
	}
	
	
	
	
	}

/* ==========================================================================
	howto
========================================================================== */

#howto{
	width:100%;
	background:url(../image/pattern.gif) left top;
	padding:100px 0 95px;
	}

#howto h1{
	width:274px;
	margin:0 auto;	
	}
#howto .c_txt{
	font-size:14px;
	line-height:32px;
	font-weight:700;
	margin:42px auto 45px;
	text-align:center;
	}
	
#howto_slider{
	width:100%;
	}
	
	
#howto_slider .sp-slide{
	width:50%;
	height:411px;
	padding-top:10px;
	box-sizing:border-box;
	}
#howto_slider .sp-slide .slidewrap{
	display:block;
	background:#fff;
	width:100%;
	height:400px;
	position:relative;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			color:#333;
	-webkit-transition: opacity 0.4s ease !Important;
    -moz-transition: opacity 0.4s ease !Important;
    -o-transition: opacity 0.4s ease !Important;
    transition: opacity 0.4s ease !Important;
	}
	
#howto_slider .sp-slide .slidewrap .txt_area{
	position:relative;
	-moz-border-radius: 10px 0 0 10px;
	-webkit-border-radius: 10px 0 0 10px;
	border-radius: 10px 0 0 10px;
	box-sizing:border-box;
	width:48%;
	padding:130px 0 0 40px;
	box-sizing:border-box;
	background:#fff;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	-moz-box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	}
	
#howto_slider .sp-slide .slidewrap .txt_area .type{
	display:block;
	position:absolute;
	width:127px;
	left:30px;
	top:-10px;
	}	
#howto_slider .sp-slide .slidewrap .txt_area p{
	font-size:14px;
	line-height:28px;
	margin-top:15px;
	}

#howto_slider .sp-slide .slidewrap .txt_area h2{
	padding-bottom:20px;
	border-bottom:4px dotted #2aa830;
	}
	
#howto_slider .sp-slide .slidewrap .img_area{
	width:52%;
	position:relative;
	-moz-border-radius: 0 10px 10px 0;
	-webkit-border-radius: 0 10px 10px 0;
	border-radius: 0 10px 10px 0;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	-moz-box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	}
#howto_slider .sp-slide .slidewrap .img_area:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
  /*2色パターン*/
  border-top: 200px solid #fff;
  border-right: 45px solid transparent;
  border-bottom: 200px solid transparent;
  border-left: 45px solid #fff;
	
	}
	
	
#howto_slider .sp-slide .slidewrap.type01 .txt_area h2{
	width:263px;
	}		
#howto_slider .sp-slide .slidewrap.type01 .img_area{
	background:url(../image/howto_img01.jpg);
	background-size:cover;
	}
	
	
#howto_slider .sp-slide .slidewrap.type02 .txt_area h2{
	width:250px;
	border-color:#e33e3a;
	}		
#howto_slider .sp-slide .slidewrap.type02 .img_area{
	background:url(../image/howto_img02.jpg);
	background-size:cover;
	}
	
	
#howto_slider .sp-slide .slidewrap.type03 .txt_area h2{
	width:280px;
	border-color:#0b75be;
	}		
#howto_slider .sp-slide .slidewrap.type03 .img_area{
	background:url(../image/howto_img03.jpg);
	background-size:cover;
	}
	
	
#howto_slider .sp-slide .slidewrap.type04 .txt_area h2{
	width:226px;
	border-color:#15c39c;
	}		
#howto_slider .sp-slide .slidewrap.type04 .img_area{
	background:url(../image/howto_img04.jpg);
	background-size:cover;
	}
	
	
#howto_slider .sp-slide .slidewrap.type05 .txt_area{
	width:52%;
	}
#howto_slider .sp-slide .slidewrap.type05 .txt_area h2{
	width:100%;
	max-width:311px;
	border-color:#f5c400;
	}		
#howto_slider .sp-slide .slidewrap.type05 .img_area{
	width:48%;
	background:url(../image/howto_img05.jpg);
	background-size:cover;
	}
	
	
#howto_slider .sp-slide .slidewrap.type06 .txt_area h2{
	width:203px;
	border-color:#ee780f;
	}		
#howto_slider .sp-slide .slidewrap.type06 .img_area{
	background:url(../image/howto_img06.jpg);
	background-size:cover;
	}
	
	
@media screen and ( max-width: 800px ) {
	
#howto{
	padding:50px 0 45px;
	}

#howto h1{
	width:200px;
	margin:0 auto;	
	}
#howto .c_txt{
	font-size:13px;
	line-height:26px;
	margin:20px auto 25px;
	width:calc(100% - 30px);
	}
#howto_slider .sp-slide{
	height:285px;
	padding-top:5px;
	}
#howto_slider .sp-slide .slidewrap{
	height:275px;
	display:blockl;
	}
	
#howto_slider .sp-slide .slidewrap .txt_area{
	width:calc(46% + 50px);
	height:275px;
	position:absolute;
	left:0;
	top:0;
	padding:75px 0 0 15px;
	z-index:100;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}
	
#howto_slider .sp-slide .slidewrap .txt_area .type{
	width:75px;
	left:20px;
	top:-5px;
	}	
#howto_slider .sp-slide .slidewrap .txt_area p{
	font-size:13px;
	line-height:26px;
	margin-top:10px;
	}

#howto_slider .sp-slide .slidewrap .txt_area h2{
	padding-bottom:15px;
	border-bottom:3px dotted #2aa830;
	}
	
#howto_slider .sp-slide .slidewrap .txt_area h3{
	font-size:16px;
	font-weight:bold;
	line-height:24px;
	padding-bottom:10px;
	border-bottom:3px dotted #2aa830;
	letter-spacing:0.04em;
	}
#howto_slider .sp-slide .slidewrap .txt_area h3 span{
	font-size:13px;
	font-weight:bold;
	letter-spacing:0.04em;
	}
#howto_slider .sp-slide .slidewrap .img_area{
	width:calc(52% - 50px);
	height:275px;
	position:absolute;
	right:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}
#howto_slider .sp-slide .slidewrap .img_area:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
  /*2色パターン*/
  border-top: 137.5px solid #fff;
  border-right: 25px solid transparent;
  border-bottom: 137.5px solid transparent;
  border-left: 25px solid #fff;
	
	}
	
	
#howto_slider .sp-slide .slidewrap.type01 .txt_area h3{
	width:100%;
	max-width:165px;
	}		
#howto_slider .sp-slide .slidewrap.type01 .img_area{
	background:url(../image/howto_img01.jpg);
	background-size:cover;
	}
	
	
#howto_slider .sp-slide .slidewrap.type02 .txt_area h3{
	width:100%;
	max-width:164px;
	border-color:#e33e3a;
	}		
#howto_slider .sp-slide .slidewrap.type02 .img_area{
	background:url(../image/howto_img02.jpg);
	background-size:cover;
	}
	
	
#howto_slider .sp-slide .slidewrap.type03 .txt_area h3{
	max-width:170px;
	width:100%;
	border-color:#0b75be;
	}		
#howto_slider .sp-slide .slidewrap.type03 .img_area{
	background:url(../image/howto_img03.jpg);
	background-size:cover;
	}
	
	
#howto_slider .sp-slide .slidewrap.type04 .txt_area h3{
	width:100%;
	max-width:150px;
	border-color:#15c39c;
	}		
#howto_slider .sp-slide .slidewrap.type04 .img_area{
	background:url(../image/howto_img04.jpg);
	background-size:cover;
	}
	
	
#howto_slider .sp-slide .slidewrap.type05 .txt_area{
	width:55%;
	}
#howto_slider .sp-slide .slidewrap.type05 .txt_area h2{
	width:100%;
	max-width:211px;
}		
#howto_slider .sp-slide .slidewrap.type05 .img_area{
	width:45%;
	background:url(../image/howto_img05.jpg);
	background-size:cover;
	}
	
	
#howto_slider .sp-slide .slidewrap.type06 .txt_area h3{
	width:100%;
	max-width:135px;
	border-color:#ee780f;
	}		
#howto_slider .sp-slide .slidewrap.type06 .img_area{
	background:url(../image/howto_img06.jpg);
	background-size:cover;
	}
	
	
	}


/* ==========================================================================
	top_info
========================================================================== */
#top_info{
	width:100%;
	background:#fff;
	position:relative;
	}
#top_info h1{
	width:144px;
	margin:0 auto;
	}
	/*
#top_info ul{
	width:calc(100% - 30px);
	margin:45px auto 10px;
	max-width:1100px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}

#top_info ul li{
	width:48.63%;
	margin-bottom:40px;
	}
#top_info ul li a{
	position:relative;
	display:block;
	width:100%;
	}
#top_info ul li a:after{
	content:"";
	display:block;
	clear:both;
	}
#top_info ul li a .img_area{
	width:160px;
	height:160px;
	float:left;
	background-size:cover;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
#top_info ul li.new a .img_area:before{
	content:"";
	display:block;
	width:53px;
	height:45px;
	position:absolute;
	left:5px;
	top:-5px;
	background:url(../image/info_new.png);
	background-size:cover;
	}
	
	

#top_info ul li .text_area{
	width:calc(100% - 184px);
	float:right;
	padding-top:11px;
	}
#top_info ul li .text_area .day{
	font-size:14px;
	position:relative;
	}
#top_info ul li .text_area .day:after{
	content:"";
	display:block;
	position:absolute;
	width:132px;
	height:24px;
	left:100px;
	top:-6px;
	background-size:cover;
	}
#top_info ul li .text_area h2{
	font-size:16px;
	font-wieght:700;
	line-height:1.5;
	margin:15px 0 12px;
	width:100%;
	color:#252525;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
	}
#top_info ul li .text_area p{
	font-size:12px;
	line-height:26px;
	color:#8c8c8c;
	font-weight:700;
	}
	
#top_info ul .news .text_area .day{
	color:#2aa830;
	}
#top_info ul .news .text_area .day:after{
	background-image:url(../image/info_news_stit.png);
	}
	
#top_info ul .note .text_area .day{
	color:#0b75be;
	}
#top_info ul .note .text_area .day:after{
	background-image:url(../image/info_note_stit.png);
	}
	
	
#top_info ul .event .text_area .day{
	color:#ee780f;
	}
#top_info ul .event .text_area .day:after{
	background-image:url(../image/info_event_stit.png);
	}
	
	
#top_info ul .column .text_area .day{
	color:#272727;
	}
#top_info ul .column .text_area .day:after{
	background-image:url(../image/info_column_stit.png);
	}
	
*/


#top_info .news_wrap{
	width:calc(100% - 30px);
	margin:45px auto 10px;
	max-width:1100px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}

#top_info .l_con,
#top_info .r_con{
	width:48.63%;
	}
	
#top_info .news,
#top_info .event,
#top_info .note,
#top_info .column{
	margin-bottom:40px;
	}
	
#top_info .news_wrap a{
	position:relative;
	display:block;
	width:100%;
	}
#top_info .news_wrap a:after{
	content:"";
	display:block;
	clear:both;
	}
#top_info .news_wrap a .img_area{
	width:160px;
	height:160px;
	float:left;
	background-size:cover;
	background-position:center center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
#top_info .news_wrap .new a .img_area:before{
	content:"";
	display:block;
	width:53px;
	height:45px;
	position:absolute;
	left:5px;
	top:-5px;
	background:url(../image/info_new.png);
	background-size:cover;
	}
	
	

#top_info .news_wrap .text_area{
	width:calc(100% - 184px);
	float:right;
	padding-top:11px;
	}
#top_info .news_wrap .text_area .day{
	font-size:14px;
	position:relative;
	}
#top_info .news_wrap .text_area .day:after{
	content:"";
	display:block;
	position:absolute;
	width:132px;
	height:24px;
	left:100px;
	top:-6px;
	background-size:cover;
	}
#top_info .news_wrap .text_area h2{
	font-size:16px;
	font-wieght:700;
	line-height:1.5;
	margin:15px 0 12px;
	width:100%;
	color:#252525;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
	}
#top_info .news_wrap .text_area p{
	font-size:12px;
	line-height:26px;
	color:#8c8c8c;
	font-weight:700;
	}
	
#top_info .news_wrap .news .text_area .day{
	color:#2aa830;
	}
#top_info .news_wrap .news .text_area .day:after{
	background-image:url(../image/info_news_stit.png);
	}
	
#top_info .news_wrap .note .text_area .day{
	color:#0b75be;
	}
#top_info .news_wrap .note .text_area .day:after{
	background-image:url(../image/info_note_stit.png);
	}
	
	
#top_info .news_wrap .event .text_area .day{
	color:#ee780f;
	}
#top_info .news_wrap .event .text_area .day:after{
	background-image:url(../image/info_event_stit.png);
	}
	
	
#top_info .news_wrap .column .text_area .day{
	color:#272727;
	}
#top_info .news_wrap .column .text_area .day:after{
	background-image:url(../image/info_column_stit.png);
	}
#top_info .link_btn img{
	width:131px;
	}


@media screen and ( max-width: 800px ) {
	
	
#top_info{
	padding-top:20px;
	}
#top_info h1{
	width:100px;
	margin:0 auto;
	}
#top_info .news_wrap{
	width:calc(100% - 30px);
	margin:35px auto 10px;
	max-width:1100px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}

#top_info .l_con,
#top_info .r_con{
	width:100%;
	}
#top_info .news,
#top_info .event,
#top_info .note,
#top_info .column{
	margin-bottom:15px;
	}
#top_info .news_wrap a{
	position:relative;
	display:block;
	width:100%;
	}
#top_info .news_wrap a .img_area{
	width:110px;
	height:110px;
	}
#top_info .news_wrap .new a .img_area:before{
	width:47px;
	height:40px;
	}
	
	
#top_info .news_wrap .text_area{
	width:calc(100% - 125px);
	float:right;
	padding-top:5px;
	}
#top_info .news_wrap .text_area .day{
	font-size:12px;
	position:relative;
	}
#top_info .news_wrap .text_area .day:after{
	content:"";
	display:block;
	position:absolute;
	width:87px;
	height:16px;
	left:75px;
	top:-3px;
	background-size:cover;
	}
#top_info .news_wrap .text_area h2{
	font-size:14px;
	margin:12px 0 8px;
	width:100%;
	color:#252525;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
	}
#top_info .news_wrap .text_area p{
	font-size:11px;
	line-height:20px;
}
	
	/*
#top_info ul{
	width:calc(100% - 30px);
	margin:35px auto 10px;
	max-width:1100px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}

#top_info ul li{
	width:100%;
	margin-bottom:15px;
	}
#top_info ul li a{
	position:relative;
	display:block;
	width:100%;
	}
#top_info ul li a .img_area{
	width:110px;
	height:110px;
	}
#top_info ul li.new a .img_area:before{
	width:47px;
	height:40px;
	}
	
	
#top_info ul li .text_area{
	width:calc(100% - 125px);
	float:right;
	padding-top:5px;
	}
#top_info ul li .text_area .day{
	font-size:12px;
	position:relative;
	}
#top_info ul li .text_area .day:after{
	content:"";
	display:block;
	position:absolute;
	width:87px;
	height:16px;
	left:75px;
	top:-3px;
	background-size:cover;
	}
#top_info ul li .text_area h2{
	font-size:14px;
	margin:12px 0 8px;
	width:100%;
	color:#252525;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
	}
#top_info ul li .text_area p{
	font-size:11px;
	line-height:20px;
}
	*/
#top_info .link_btn{
	
      width: calc(100% - 30px);
	  margin-bottom:30px;
	  }
#top_info .link_btn img{
	width:105px;
	}
		
}
	
	
	
/* ==========================================================================
	top_link
========================================================================== */
	
#top_link{
	width:100%;
	position:relative;
	background:url(../image/pattern.gif) left top;
	padding:100px 0 240px;
	/*
	margin-bottom:240px;
	*/
	}

#top_link ul{
	width:calc(100% - 30px);
	max-width:1100px;
	margin:0 auto 40px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	
#top_link ul li{
	width:30.9%;
	}
#top_link ul li a{
	display:block;
	width:100%;
	position:relative;
	-webkit-transition: shadow 0.2s ease,transform 0.2s ease;
    -moz-transition: shadow 0.2s ease,transform 0.2s ease;
    -o-transition: shadow 0.2s ease,transform 0.2s ease;
    transition: shadow 0.2s ease,transform 0.2s ease;
	}
#top_link ul li a:hover{
    transform: translate3d(0, 3px, 0);
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transition: shadow 0.2s ease,transform 0.2s ease;
    -moz-transition: shadow 0.2s ease,transform 0.2s ease;
    -o-transition: shadow 0.2s ease,transform 0.2s ease;
    transition: shadow 0.2s ease,transform 0.2s ease;

}
	
	
#top_link ul li .img_area{
	-moz-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	position:relative;
	background-image:url(../image/top_link_conbg1.jpg);
	background-size:cover;
	}
#top_link ul li:nth-child(2) .img_area{background-image:url(../image/top_link_conbg2.jpg);}
#top_link ul li:nth-child(3) .img_area{background-image:url(../image/top_link_conbg3.jpg);}
#top_link ul li .img_area:before{
	content:"";
	display:block;
	padding-top:53%;
	}
#top_link ul li .img_area:after{
	content:"";
	display:block;
	position:absolute;
	z-index:100;
	left:0;
	right:0;
	margin:auto;
	bottom:-5px;
	width:139px;
	height:55px;
	background:url(../image/top_link_icon1.png);
	background-size:cover;
	}
#top_link ul li:nth-child(2) .img_area:after{background:url(../image/top_link_icon2.png);background-size:cover;}
#top_link ul li:nth-child(3) .img_area:after{background:url(../image/top_link_icon3.png);background-size:cover;}
	
#top_link ul li .text_area{
	position:relative;
	background:#fff;
	padding-top:18px;
	padding-bottom:20px;
	text-align:center;
	box-sizing:border-box;
	-moz-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	-moz-box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	-webkit-transition: shadow 0.2s ease;
    -moz-transition: shadow 0.2s ease;
    -o-transition: shadow 0.2s ease;
    transition: shadow 0.2s ease;
	}
#top_link ul li a:hover .text_area{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow: none;
	-webkit-transition: shadow 0.2s ease;
    -moz-transition: shadow 0.2s ease;
    -o-transition: shadow 0.2s ease;
    transition: shadow 0.2s ease;
	
	}
	
#top_link ul li .text_area h2{
	width:103px;
	margin:0 auto 10px;
	z-index:100;
	}
	
#top_link ul li:nth-child(2) .text_area h2{width:102px;}
#top_link ul li:nth-child(3) .text_area h2{width:101px;}
	
#top_link ul li .text_area span{
	font-size:10px;
	font-weight:700;
	color:#ee780f;
	text-align:center;
	}

#top_link ul li .text_area p{
	font-size:14px;
	line-height:24px;
	text-align:center;
	margin-top:16px;
	color:#252525;
	}
	
	
	
	
	
#top_link .bnr_area{
	width:calc(100% - 30px);
	max-width:1100px;
	margin:0 auto;
	position:relative;
	}
	

#top_link .bnr_area:after{
	content:"";
	display:block;
	clear:both;
	}
#top_link .bnr_area a{
	display:block;
	/*width:48%;*/
	width:530px;
	float:right;
	position:relative;
	-webkit-transition:transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
	}
#top_link .bnr_area a:first-child{
	float:left;
	}
#top_link .bnr_area a img{		
	-moz-border-radius: 10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	-moz-box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	box-shadow: 0px 4px 0px 0px rgba(227,222,199,1);
	-webkit-transition: shadow 0.2s ease;
    -moz-transition: shadow 0.2s ease;
    -o-transition: shadow 0.2s ease;
    transition: shadow 0.2s ease;	
	}
#top_link .bnr_area a:hover{
    transform: translate3d(0, 3px, 0);
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transition: transform 0.2s ease;
    -moz-transition: transform 0.2s ease;
    -o-transition: transform 0.2s ease;
    transition: transform 0.2s ease;

}
#top_link .bnr_area a:hover img{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow: none;
	-webkit-transition: shadow 0.2s ease;
    -moz-transition: shadow 0.2s ease;
    -o-transition: shadow 0.2s ease;
    transition: shadow 0.2s ease;
	
	}
	
	
	
	
#loopslidewrap{
	position:relative;
	width:100%;
	margin-bottom:240px;
	}
#loopslidewrap .loop_wrap{
	position:absolute;
	height:320px;
	width:100%;
	top:-170px;
	
	}
/*ループスライダーの設定*/

.loopslider {
	margin: 0 auto;
	width: 100%;
	height: 320px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.loopslider ul {
	width: 100%;
	height:320px; 
	float: left;
	display: inline;
	overflow: hidden;
}
.loopslider ul li {
	height: 320px;
	float: left;
	margin:0 10px;
	display: inline;
}
.loopslider ul li.img01{
	width:392px;
	}
.loopslider ul li.img02{
	width:300px;
	}
.loopslider ul li.img03{
	width:400px;
	}
.loopslider ul li.img04{
	width:300px;
	}
.loopslider ul li.img05{
	width:400px;
	}
.loopslider ul li.img06{
	width:300px;
	}
/*
.loopslider ul li img{
	width: 217px;
	height: 217px;
	}
	*/
.loopslider .loopslider_wrap{
	height:320px !important;
	}	


/*	ClearFixElements */
/*
.loopslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
*/

.loopslider ul {
	display: inline-block;
	overflow: hidden;
}


	
@media screen and ( max-width: 1100px ) {
	#top_link .bnr_area a{width:48%; margin-bottom:25px;}
	}
	
@media screen and ( max-width: 800px ) {
	
#top_link{padding:55px 0 105px;}

#top_link ul{margin:0 auto;}
	
#top_link ul li{width:100%;	margin-bottom:25px;}

#top_link ul li .img_area:before{padding-top:35%;}
#top_link ul li .img_area:after{bottom:-3px;width:78px;height:31px;	}

#top_link ul li .text_area{padding-top:9px;	padding-bottom:15px;}
#top_link ul li .text_area h2{width:76px;}
	
#top_link ul li:nth-child(2) .text_area h2{width:75px;}
#top_link ul li:nth-child(3) .text_area h2{width:75px;}
	
#top_link ul li .text_area p{font-size:13px;line-height:24px;margin-top:10px;}

#top_link .bnr_area a{width:100%;float:none;}
#top_link .bnr_area a:first-child{float:none;}
	

#loopslidewrap{margin-bottom:120px;}
#loopslidewrap .loop_wrap{height:160px;top:-80px;} 
/*ループスライダーの設定*/

.loopslider,
.loopslider ul,
.loopslider ul li {height: 160px;}
.loopslider ul li {margin:0 5px;}
.loopslider .loopslider_wrap{height:160px !important;}	
.loopslider ul li.img01{width:196px;}
.loopslider ul li.img02{width:150px;}
.loopslider ul li.img03{width:200px;}
.loopslider ul li.img04{width:150px;}
.loopslider ul li.img05{width:200px;}
	}
	
	
/* ==========================================================================
	top_contact
========================================================================== */
/*
#top_contact_wrap{
	width:100%;
	max-width:calc(100% - 60px);
	
	position:relative;
	margin:0 auto;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background:#fff;
	z-index:500;
	
	}
#top_contact{
	width:100%;
	max-width:1160px;
	position:relative;
	padding:0 30px 60px;
	box-sizing:border-box;
	margin:0 auto;

	}
#top_contact h1{
	width:217px;
	margin: 0 auto;
	}
	
#top_contact .c_txt{
	font-size:14px;
	line-height:32px;
	font-weight:bold;
	text-align:center;
	margin-top:40px;
	}
	
	
#top_contact .contact_link{
	width:100%;
	margin:60px auto 100px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}

#top_contact .contact_link li{
	width:22.7%;
	border:3px solid #0c0307;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height:100px;
	position:relative;
	box-sizing:border-box;
	text-align:center;
	-webkit-box-shadow: 2px 2px 2px 1px rgba(227,222,199,1);
    -moz-box-shadow: 2px 2px 2px 1px rgba(227,222,199,1);
    box-shadow: 2px 2px 2px 1px rgba(227,222,199,1);
    -webkit-transition: shadow 0.2s ease,transform 0.2s ease;
    -moz-transition: shadow 0.2s ease,transform 0.2s ease;
    -o-transition: shadow 0.2s ease,transform 0.2s ease;
    transition: shadow 0.2s ease,transform 0.2s ease;
	}

#top_contact .contact_link li:before{
	content:"";
	display:block;
	position:absolute;
	width:80px;
	height:40px;
	background:#fff;
	left:0;
	right:0;
	top:-10px;
	margin:auto;
	}
	
#top_contact .contact_link .link_box1{
	padding-top:33px;
	}
#top_contact .contact_link .link_box1 p{
	font-size:28px;
	color:#0b75be;
	font-style:italic;
	font-weight:700;
}
#top_contact .contact_link .link_box1 p span{
	color:#0c0307;
	}
#top_contact .contact_link .link_box1:before{
	top:-16px;
	background:url(../image/contact_link_box1_icon.png) #fff no-repeat top center;
	background-size:32px 32px;
}
	
#top_contact .contact_link .link_box2{
	padding-top:33px;
	}
#top_contact .contact_link .link_box2 p{
	font-size:28px;
	color:#31be0b;
	font-weight:700;
	}
#top_contact .contact_link .link_box2:before{
	top:-11px;
	background:url(../image/contact_link_box2_icon.png) #fff no-repeat top center;
	background-size:41px 27px;
}
	
#top_contact .contact_link .link_box3 img{
	display:block;
	width:104px;
	height:41px;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	}
#top_contact .contact_link .link_box3 img.pc_off{display:none;}
#top_contact .contact_link .link_box3:before{
	background:url(../image/contact_link_box3_icon.png) #fff no-repeat top center;
	background-size:31px 22px;
}
	
#top_contact .contact_link .link_box4 img{
	display:block;
	width:97px;
	height:16px;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	}
#top_contact .contact_link .link_box4:before{
	top:-16px;
	background:url(../image/contact_link_box4_icon.png) #fff no-repeat top center;
	background-size:30px 36px;
}



#top_contact .contact_link .link_box3:after,
#top_contact .contact_link .link_box4:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	margin:auto;
	width:11px;
	height:14px;
	background:url(../image/contact_link_box_ar.png);
	background-size:cover;
	}
	
	
	
#top_contact .contact_link .link_box3:hover,
#top_contact .contact_link .link_box4:hover{
    transform: translate3d(2px, 2px, 0);
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow: none;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	-webkit-transition: shadow 0.2s ease,transform 0.2s ease;
    -moz-transition: shadow 0.2s ease,transform 0.2s ease;
    -o-transition: shadow 0.2s ease,transform 0.2s ease;
    transition: shadow 0.2s ease,transform 0.2s ease;

}


#btm_info:after{
	content:"";
	display:block;
	clear:both;
	}

#btm_info h1{
	width:194px;
	float:left;
	}

#btm_info p{
	float:left;
	padding-top:5px;
	font-size:14px;
	line-height:30px;
	margin-left:30px;
	}
	
#btm_info ul{
	padding-top:30px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	width:184px;
	float:right;
	}
	
#btm_info ul .fb{
	width:26px;
	}
#btm_info ul .twi{
	width:31px;
	}
#btm_info ul .insta{
	width:25px;
	}
#btm_info ul .line{
	width:25px;
	}
	
.footer_link{
	width:100%;
	box-sizing:border-box;
	margin-top:50px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	
	}

.footer_link li h2{
	font-size:15px;
	font-weight:bold;
	margin-bottom:30px;
	color:#252525;
	}
	
.footer_link li a{
	display:block;
	color:#000;
	font-size:12px;
	line-height:30px;
	letter-spacing:-0.02em;
	}
	
.footer_link .link_box01{
	width:230px;
	}
.footer_link .link_box01 h2{
 	color:#de1919;
 }	
 
.footer_link .link_box02{
	width:120px;
	}
.footer_link .link_box02 h2{
 	color:#3db143;
 }	
 
.footer_link .link_box03{
	width:100px;
	}
.footer_link .link_box03 h2{
	
 	color:#edb316;
 }	
 
.footer_link .link_box04{
	width:122px;
	}
.footer_link .link_box04 h2{
 	color:#0b75be;
 }	
 
.footer_link .link_box05{
	width:80px;
	}
.footer_link .link_box05 h2{
 	color:#ee780f;
 }	
 
 
.footer_link .link_box06,
.footer_link .link_box07{
	width:100px;
	}
.footer_link .link_box06 h2 a,
.footer_link .link_box07 h2 a{
	font-size:15px;
	font-weight:bold;
	line-height:15px;
 }	
 
.oc{pointer-events: none;}
 
@media screen and ( max-width: 1100px ) {
	
	
#top_contact .contact_link{	padding-left:15px;	padding-right:15px;	box-sizing:border-box;	}

#top_contact .contact_link li{width:48%;}

#top_contact .contact_link li{margin-bottom:20px;}

	
#btm_info{width:100%;box-sizing:border-box;}

}
@media screen and ( max-width: 990px ) {
	
.footer_link .tab_on{display:block;}
.footer_link .tab_off{display:none;}

}
@media screen and ( max-width: 960px ) {
	
#btm_info .cl{display:inline;}
#btm_info ul{float:left;}
.footer_link .link_box01{width:150px; padding-right:10px;box-sizing:border-box;}
.footer_link .link_box02{width:100px;}
.footer_link .link_box03{width:90px;}
	}
	
	
@media screen and ( max-width: 800px ) {
#top_contact_wrap{width:100%;max-width:100%;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius:0px;}
.footer_link .tab_on{display:none;}
.footer_link .tab_off{display:block;}

#top_contact{padding:0 0 0px;}
#top_contact h1{width:166px;}
	
#top_contact .c_txt{font-size:13px;line-height:20px;margin-top:25px;}
		
#top_contact .contact_link{	margin:45px auto 40px;	}

#top_contact .contact_link li{width:100%;border:2px solid #0c0307;-moz-border-radius: 65px;-webkit-border-radius: 65px; border-radius: 65px; height:65px; margin-bottom:25px;}


#top_contact .contact_link li p{z-index:300; position:relative;}
#top_contact .contact_link .link_box1{padding-top:20px;	}
#top_contact .contact_link .link_box1 p{font-size:24px;}
#top_contact .contact_link .link_box2{	padding-top:20px;	}
#top_contact .contact_link .link_box2 p{font-size:26px;	}
#top_contact .contact_link .link_box3 img{width:211px;height:17px;}
#top_contact .contact_link .link_box3 img.pc_off{display:inline;}

#btm_info h1{width:113px;float:none;margin:0 auto;}

#btm_info p{float:none;text-align:center;padding:15px 15px 20px;box-sizing:border-box;font-size:12px;line-height:24px;margin-left:0;	}
	
#btm_info ul{padding-top:0px;float:none; margin:0 auto;}
	
	
	
	
.footer_link{margin-top:0;padding:0;}
	
.footer_link li .btm_toggle{display:none;}
	
.footer_link li h2{	font-size:14px;	margin-bottom:0px; padding: 17px 0; border-bottom: 1px solid #4e4e4e; margin: 0; position:relative; text-align: center; cursor:pointer;}
	
.footer_link li a{padding: 15px 0; border-bottom: 1px solid #4e4e4e; text-align:center; line-height:20px;}
	
.footer_link li h2:before{content:"+";display:block;position:absolute;top:12px;right:17px;color:#999999;font-size:17px;font-weight:nomal;text-align:center;}
.footer_link li h2.active:before{content:"-";}
.footer_link .link_box01{border-top:1px solid #4e4e4e;}
	
	
	
.footer_link .link_box01, 
.footer_link .link_box02,
.footer_link .link_box03, 
.footer_link .link_box04, 
.footer_link .link_box05{
	width:100%;
	padding:0;
	}
.footer_link .link_box06{
	border-right:1px solid #4e4e4e;box-sizing:border-box;
	}
.footer_link .link_box06,
.footer_link .link_box07{
	width:50%;
	}
.footer_link .link_box06 h2,
.footer_link .link_box07 h2{
	padding:0;
	border-bottom:0;
	}
	
.footer_link .link_box06 h2:before,
.footer_link .link_box07 h2:before{	
      content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    width: 11px;
    height: 14px;
    background: url(../image/contact_link_box_ar.png);
    background-size: cover;}
	
	
.oc{pointer-events: all;}
}