@charset "utf-8";



.scroll_area{
position:relative;
height:100px;
}



.scroll_area a {
position: absolute;
/*bottom: 20px;*/
left: 50%;
z-index: 2;
display: inline-block;
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0);
text-decoration: none;
text-align:center;

padding-top: 60px;

    top: 0;
    /*right: 0;*/
    width: 50%;
    /*background: #000;*/
    /*padding-bottom: 100%;*/
margin-bottom:0;
}

.scroll_area a span {
position: absolute;
top: 0;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: sdb 2s infinite;
animation: sdb 2s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}


/**************************************************
SP
**************************************************/
section{
margin-bottom:0;
}
/*main_img*/
.main_img{
}

/*info*/
.info{
background:#0a1946;
}
.info ul{
width:90%;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
padding:5% 0;
}
.info li{
width:49%;
}
.info li:first-child{
width:100%;
margin-bottom:2%;
}

/*benefits*/
.benefits{
text-align:center;
width:90%;
margin:0 auto;
padding:5% 0;
}

/*news*/
.news{
text-align:center;
width:90%;
margin:0 auto;
padding:5% 0;
}
.news h3{
font-size:30px;
font-weight:700;
display:inline-block;
position:relative;
}
.news h3:before {
content:'';
position:absolute;
left:50%;
bottom:-10px; /*下線の上下位置調整*/
display:inline-block;
width:35px; /*下線の幅*/
height:5px; /*下線の太さ*/
-moz-transform:translateX(-50%);
-webkit-transform:translateX(-50%);
-ms-transform:translateX(-50%);
transform:translate(-50%); /*位置調整*/
background-color:#a80079; /*下線の色*/
}
.news_area{
margin-top:30px;
font-size:16px;
}
.news_area dl{
margin-bottom:1.5em;
}
.news_area dt{
margin-bottom:0.5em;
}
.news_area dl:last-child{
margin-bottom:0;
}

/*pick*/
.pick{
width:90%;
margin:0 auto;
padding:5% 0;
}
.pick ul{
}
.pick li{
width:100%;
margin-bottom:5%;
}

/*map*/
.map{
width:90%;
margin:0 auto 5%;
}

#map{
width:100%;
height:350px;
background-color:grey;
}

/*call*/
.call{
background:url(../img/top/bg_call.jpg) no-repeat;
background-size:cover;
padding:5% 0;
color:#fff;
}
.c_inner{
text-align:center;
width:90%;
margin:0 auto;
}
.c_inner p{
margin:2% 0;
}
.c_inner div{
border:1px solid;
padding:3% 10%;
}

/**************************************************
PC
**************************************************/
@media screen and (min-width: 768px){
section{
margin-bottom:0;
}
/*main_img*/
.main_img img{
width:100%;
}

/*info*/
.info{
background:#0a1946;
}
.info ul{
max-width:1200px;
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
padding:100px 0;
}
.info li{
margin-left:10px;
flex-shrink:2.99;
}
.info li:first-child{
flex-shrink:2;
margin-bottom:0;
margin-left:0;
}
.info li img{
width:100%;
}

/*benefits*/
.benefits{
text-align:center;
max-width:1200px;
padding:100px 0 0;
}

/*news*/
.news{
text-align:center;
max-width:1200px;
padding:100px 0;
/*padding:170px 0;*/
}
.news_area{
margin-top:40px;
}
.news_area dl{
margin-bottom:35px;
}
.news_area dt{
margin-bottom:10px;
}

/*pick*/
.pick{
max-width:1200px;
margin:0 auto;
padding:0;
}
.pick ul{
display:flex;
justify-content:space-between;
}
.pick li{
width:48%;
margin-bottom:5%;
}
.pick li img{
width:100%;
}

/*map*/
.map{
width:100%;
}
#map{
width:100%;
height:430px;
background-color:grey;
}

/*call*/
.call{
padding:100px 0;
color:#fff;
}
.c_inner{
width:580px;
}
.c_inner p{
margin:30px 0;
}
.c_inner div{
padding:25px 80px;
}
	
}
	
@media screen and (max-width: 768px){
	.hsp{
		display: flex;
		    width: 100%;
	}
}
	

#mysticky-nav .myfixed { margin:0 auto; float:none; border:0px; background:none; max-width:100%; }
}/*@media*/