@charset "UTF-8";
@import url(./reset.css);

* {
	box-sizing: border-box;
}

body {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	font-size: 14px;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	line-height: 1;
	color: #000;
}

.non{margin: 0;}


h1{
	text-align: center;
	color:#267f9d;
	font-size: 40px;
}

h2{
	font-size: 40px;
	text-align: center;
	margin: 50px auto 30px;
	color:#267f9d;
	line-height: 1.6;
}

h3{
	background-color: #267f9d;
	text-align: center;
	color: #fff;
	line-height: 2.5;
	font-size: 25px;
	margin: 120px auto 30px;
}
p{
	font-size: 17px;
	line-height: 1.8;
}

a{text-decoration: none;}

.inner{
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 3%;
}


img {
	border: none;
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

.btn a{
	background-color: #ad1a1a;
	display: block;
	line-height: 80px;
	height: 80px;
	margin: 30px auto 0;
	text-align: center;
	max-width: 800px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
	border-radius: 50px;
}

.top{margin-top: 10px;}

.clearfix{text-align: center;}

.clearfix:after {
	content: ""; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb3em { margin-bottom: 3em !important; }
.mb4em { margin-bottom: 4em !important; }
.mb5em { margin-bottom: 5em !important; }
.mb6em { margin-bottom: 6em !important; }

@media screen and (max-width: 767px){
	.pcOnly{
		display: none;
	}
	section{margin-bottom: 70px;}
	.inner{width: 100%;}
	h2{font-size: 30px; margin: 30px auto;}
	h3{
		font-size: 20px;
		margin: 50px auto 20px;
		line-height: 2;
	}
	p{font-size: 13px;}
}

@media screen and (min-width: 768px){
	.spOnly{
		display: none;
	}
	
}




/*--------------ヘッダー--------------*/
.header {
	background: #267f9d;
	background-size: 548px;
	width: 100%;
	min-width: 1160px;
	height: 135px;
	position: relative;
	z-index: 999;
	box-shadow: 0 2px 3px rgba(0,0,0,0.2);
	margin: 0 auto;
	padding: 0;
}


.header .sp_nav, .close_btn {
	display: none;
}

.header .page_title {
	width: 255px;
	height: 135px;
	position: absolute;
	left: 10px;
	top: 0px;
	z-index: 9999;
}

.header .page_title img {
	margin-top: 5px;
	width: 400px;
	height: 93%;
	transition: opacity 0.3s ease;
}

.header .page_title img:hover {
	opacity: 0.6;
}

.header nav {
	position: absolute;
	right: 0px;
	bottom: 0;
}

.header ul {
	display: inline-block;
	
}

.header ul li {
	display: inline-block;
	font-size: 17px;
	font-weight: bold;
}

.header ul li a {
	border-bottom: 3px solid transparent;
	display: inline-block;
	padding: 0 20px;
	text-align: center;
	height: 70px;
	line-height: 70px;
	color: #fff;
	text-decoration: none;
	transition: border 0.3s ease;
}

.header ul li a:hover, .header ul li a.current {
	border-bottom: 3px solid #fff;
}

.header .contact_box {
	display: flex;
	justify-content: end;
	align-items: center;
}

.header .contact_box div {
	color: #fff;
	margin-top: 15px;
}

.header .contact_box .h-insta img{
	display: block;
	height: 60px;
	width: 60px;
	margin-left: 10px;
	text-align: center;
}

.header .contact_box .tel {
	font-weight: bold;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-right: 2em;
	vertical-align: middle;
	height: 36px;
	line-height: 36px;
}

.header .contact_box .tel span.tel {
	font-size: 13px;
	display: inline-block;
	padding: 0 8px;
	background-color:#8da822;
	border-radius: 3px;
	margin-right: 0.7em;
	height: 20px;
	line-height: 20px;
	margin-bottom: 13px;
}

.header .contact_box .tel span.no {
	font-size: 30px;
	display: inline-block;
}

.header .contact_box .mail a {
	background-color: #8da822;;
	display: block;
	line-height: 36px;
	height: 36px;
	text-align: center;
	width: 240px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	border-radius: 5px;
}

.header .contact_box .mail a:hover {
	background-color: #517c39;
}

.header .contact_box .mail a img {
	width: 21px;
	height: 15px;
	vertical-align: baseline;
	margin-right: 0.5em;
}





@media screen and (max-width: 767px){


	.header{
		min-width: 100%;
		width: 100%;
		height: 80px;
	}
	
	.header .page_title {
		width: 151px;
		height: 80px;
		position: absolute;
		left: 10px;
		top: 0;
	}

	.header .page_title img {
		width: 180px;
		height: 60px;
		margin-top: 10px;
	}
	
	.header .sp_nav {
		display: block;
		position: absolute;
		width: 150px;
		height: 80px;
		right: 0px;
		top: 0px;
	}
	
	.header .sp_nav > div, .header .sp_nav > a {
		display: block;
		float: left;
		width: 50px;
		height: 80px;
		text-align: center;
		position: relative;
		border-left: 1px solid #ffffff;
	}
	
	.header .sp_nav > div img, .header .sp_nav > a img {
		width: 25px;
		margin-top: 20px;
	}
	
	.header .sp_nav > div::after, .header .sp_nav > a::after {
		display: block;
		width: 100%;
		color: #fff;
		font-size: 9px;
		position: absolute;
		left: 0;
		bottom: 15px;
		font-weight: bold;
	}

	.header .tel::after {
		content: 'お電話';
	}
	
	.header .mail::after {
		content: 'メール';
	}
	
	.header .menu_btn::after {
		content: 'メニュー';
	}
	
	.close_btn {
		display: block;
		width: 50px;
		height: 80px;
		position: absolute;
		right: 0;
		top: 0;
		text-align: center;
		z-index: 999999;
	}
	
	.close_btn img {
		width: 25px;
		margin-top: 20px;
	}
	
	.close_btn::after {
		content: '閉じる';
		display: block;
		width: 100%;
		color: #fff;
		font-size: 9px;
		position: absolute;
		left: 0;
		bottom: 15px;
		font-weight: bold;
	}
	
	.header nav {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 999999;
		background-color: #267f9d;
		width: 100%;
		height: 100%;
	}
	
	.header nav.open {
		display: block;
	}
	
	.header ul {
		display: block;
		margin-top: 75px;
		border-top: 1px solid #e2e9ec;
	}

	.header ul li {
		display: block;
		font-size: 16px;
		border-bottom: 1px solid #e2e9ec;
	}

	.header ul li a {
		color: #fff;
		display: block;
		height: 70px;
		line-height: 70px;
		border: none;
	}
	
	.header ul li a:hover, .header ul li a.current {
		border-bottom: none;
	}
	
	.header ul li a:hover {
		border: none;
	}
	
	.header .contact_box {
		display: none;
	}
}







/*------TOP-----*/
.mv{
	height: 920px;
	width: 100%;
	min-width: 1160px;
	margin: 0 auto 100px;
	padding: 70px 0;
	background: url(../img/mv.jpg) no-repeat center center / cover;
 }

 .mv_image img{
	background-color: #fff;
	padding: 10px;
	width: 32%;
 }

 .mv_image{
	display: flex;
	justify-content: space-between;
 }
 .mv_text h2{
	margin: 0 0 10px 0;
 }
 .mv_text p{text-align: center;}

.mv_text{
	margin: 50px auto;
}

.sv{
	height: 900px;
	min-width: 1160px;
	width: 100%;
	margin: 0 auto 50px;
	padding: 20px 0;
	background: url(../img/about.jpg) no-repeat center center / cover;
 }

 .sv h2{color: #fff;}
 .sv p{
	margin-top: 20px;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
}

.service-sv{
	height: 800px;
	min-width: 1160px;
	width: 100%;
	margin: 0 auto 50px;
	padding: 20px 0;
	background: url(../img/service_sv_pc.png) no-repeat center center / cover;
 }

 .service-sv h2{
	margin-top: 250px;
	font-size: 70px;
	color: #267f9d;
}

.news{
	border: 1px solid #267f9d;
	margin: 100px auto;
	padding-right: 50px;
	display: flex;
	align-items: center;
}
.news h2{
	margin: 0 50px 0 0;
	line-height: 5;
	text-align: center;
	width: 30%;
	background-color: #e1ebef;
}
.news div{width: 68%;}

.news div p{
	border-bottom: 2px dotted #267f9d;
	margin: 20px 0;
}

.news div a{text-decoration: underline}

.scroll{
  width: 100%;
  height: 190px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-y: scroll;
}

@media screen and (max-width: 767px){
	.mv{
		min-width: 100%;
		margin: 0 0 40px 0;
		padding: 25px 5px;
		height: 520px;
		background: url(../img/mv-sp.jpg) no-repeat center center / cover;
	}
	
	 .mv_image img{padding: 3px;}

	 .mv_text h2{line-height: 1.4;}
	 .mv_text p{
		margin-top: 10px;
		font-size: 14px;
	 }
	
	.mv_text{
		margin: 30px auto;
	}
	.sv{
		margin: 0 0 40px 0;
		padding: 30px 3px;
		height: 800px;
		min-width: 100%;
	}

	.sv p{font-size: 18px;}

	.service-sv{
		margin: 0 0 40px 0;
		padding: 30px 3px;
		height: 800px;
		min-width: 100%;
	}
	
	.news{
		margin: 60px auto;
		padding: 0;
		display: block;
	}
	.news h2{
		margin: 0;
		line-height: 3;
		width: 100%;
	}
	.news div{
		width: 85%;
		margin: 20px auto
	}
	.news div p{
		margin: 20px auto;
        font-size: 16px;
    }
}




@media screen and (max-width: 550px){

.sv{
	margin: 0 0 40px 0;
	padding: 30px 3px;
	height: 500px;
	background: url(../img/about-sp.jpg) no-repeat center center / cover;
}
.sv p{font-size: 12px; font-weight: bold;}

.service-sv{
	margin: 0 0 40px 0;
	padding: 30px 3px;
	height: 500px;
	background: url(../img/service_sv_sp.png) no-repeat center center / cover;
}

.service-sv h2{
	margin-top: 120px;
	font-size: 40px;

}
    .scroll{
    height: 150px;
    padding: 0 0px;
  }

}








/*--------------サブタイトル--------------*/

.sub{
	min-width: 100%;
	margin: 0 0 40px 0;
	padding: 25px 5px;
	height: 400px;
}

.service-title{background: url(../img/service.jpg) no-repeat center center / cover;}
.rec-title{background: url(../img/rec.jpg) no-repeat center center / cover;}
.contact-title{background: url(../img/contact.jpg) no-repeat center center / cover;}

.sub-title{
	line-height: 1.5;
	width: 60%;
	background-color: #267f9d;
	color:#fff;
	padding: 20px;
	margin: 110px auto 0;
}

@media screen and (max-width: 767px){
	.sub{
		height: 250px;
	}
	.sub-title{
		width: 90%;
		margin-top: 50px;
	}
}








/*--------------サービス--------------*/
.sv-nav{margin: 80px auto 150px;}
.nav{
	display: flex;
	justify-content: space-between;
	margin: 50px auto;
}
.nav a{
	display: inline-block;
	width: 30%;
	transition: 0.5s;
}

.nav a :hover{opacity: 0.5;}

.content p{margin: 20px 0;}
.topic{color:#ae2b29;}

.two{
	display: flex;
	justify-content: space-between;
}
.two p{
	width: 49%;
	margin: 0;
}
.two img{
	width: 49%;
	height: 100%;
}

.twoclam{
	display: flex;
	justify-content: space-between;
}
.clam{
	width: 49%;
	padding: 20px;
	border: 2px solid #267f9d;
	border-radius: 20px;
}
.clam h3{margin: 0 0 20px;}
.clam p{margin-bottom: 0;}

@media screen and (max-width: 767px){
	.sv-nav{margin: 40px auto 120px;}
	.nav{margin: 30px auto;}
	.content div{display: block;}
	.two p{margin: 20px 0; width: 100%;}
	.two img{width: 100%; margin: 0;}
	#ladys{line-height: 1.5;}
	.twoclam{display: block;}
	.clam{width: 100%; margin-bottom: 20px;}
}

@media screen and (max-width: 500px){
	.sp-small{font-size: 16px;}
}






/*--------------レクリエーション--------------*/
.rec_back{
	background-color: #e9f5f1;
	padding: 50px 0;
}

.slider {
	width: 700px;
	height: 400px;
	overflow: hidden;
	margin: 70px auto;
  }
  .slider-item {
	width: 700px;
	float: left;
  }
  img{
	width:100%;
  }
  .slider-inner {
	width: 500%;
	animation: slider 20s infinite ease;
  }
  
  @keyframes slider {
	  0% {transform: translateX(0);}
	  20% {transform: translateX(-700px);}
	  40% {transform: translateX(-1400px);}
	  60% {transform: translateX(-2100px);}
	  80% {transform: translateX(-2800px);}
	  100% {transform: translateX(0);}
  }


@media screen and (max-width: 767px){
	.slider {
		width: 300px;
		height: 200px;
		margin: 40px auto;
	  }
	  .slider-item {width: 300px;}
	  
	  @keyframes slider {
		0% {transform: translateX(0);}
		20% {transform: translateX(-300px);}
		40% {transform: translateX(-600px);}
		60% {transform: translateX(-900px);}
		80% {transform: translateX(-1200px);}
		100% {transform: translateX(0);}
}
}




/*--------------掲示--------------*/
.n-content{
	margin: 100px auto;
}
.gothic{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;
	padding: 10px;
}
.soft{
	margin: 20px 0;
	background-color: #79c0da;
	padding: 5px;
}
.textbox{margin: 20px auto;}
.textbox h5{
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	color: #006a90;
	line-height: 2;
	margin: 0;
}
.textbox p{font-family: Arial, Helvetica, sans-serif;}

@media screen and (max-width: 767px){
	.textbox h5{font-size: 18px};
}


/*------フォーム-----*/
table {
	width: 100%;
    margin: 80px 0 ;
	font-size: 16px;
	line-height: 1.5;
	border-left: 1px solid #267f9d;
	border-bottom: 1px solid #267f9d;	
  font-family: sans-serif;
}
.form{
  margin: 20px 0 0 0;
}

tr {
	width: 100%;
}

th, td {
	border-top: 1px solid #267f9d;
	border-right: 1px solid #267f9d;
	padding: 1.5em;
  box-sizing: border-box;
  font-weight: normal;
}

th {
	width: 30%;
	background-color: #e2e9ec;
	vertical-align: middle;
}

td {
	background-color: #fff;
}

td p{
  line-height: 1.5;
  margin: 10px 0 0;
}


input[type='text'], textarea {
	min-width: 97%;
	padding: 0.5em;
	font-size: 16px;
	background-color: #f2f6f8;
	border: 1px solid #267f9d;
	border-radius: 5px;
}

input.short {
  min-width: initial;
}

.mb1em{
  margin: 15px 0;
}


textarea {
  min-width: 97%;
	min-height: 150px;
	line-height: 1.5;
}

.submit-btn {
	font-size: 16px;
	background-color: #267f9d;
	text-align: center;
	color: #fff;
	line-height: 80px;
	display: block;
	width: 300px;
	margin: 40px auto 60px;
	border-radius: 10px;
	border: none;
	cursor: pointer;
}

.submit-btn:hover {
	background-color: #454545;
}

.need{
  background-color: rgb(211, 16, 16);
  color:#fff;
  font-size: 10px;
  padding: 3px;
  margin-left: 3px;
}


h5{
  margin: 50px;
  text-align: center;
  font-size: 20px;
}

.about_privacy p{
  font-size: 16px;
}
.privacy {
  background-color: #e2e9ec;
  padding: 30px;
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  margin: 50px auto 50px;
  }


@media screen and (max-width: 767px){

  table{
		margin: 30px 0;
	}

  th, td {
		display: block;
		width: 100%;
		font-size: 13px;
		padding: 1.2em 0.8em;
	}

	.submit-btn {
		font-size: 18px;
		height: 60px;
		line-height: 40px;
		width: 100%;
	}
	.privacy {
    padding: 20px 10px;
    font-size: 13px;
    margin: 0 auto 30px;
  }
  
  .about_privacy p{
    font-size: 12px;
    margin-bottom: 30px;
  }
}


/*------faq-----*/
.faq{
	margin-bottom: 100px;
	
}
.faq_list li {
	margin-bottom: 40px;
	background-color: #fff;
	text-align: left;
  list-style: none;
  border: solid 1px #267f9d;
}
.faq_list .dt {
	display: flex;
	align-items: center;
	cursor: pointer;
	background: url(../img/icon_plus.png) no-repeat right 30px center;
    background-size: 36px;
}
.faq_list li.open .dt {
	background: url(../img/icon_minus.png) no-repeat right 30px center;
    background-size: 36px;
}
.faq_list .dt .en {
	width: 90px;
	min-height: 90px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 36px;
	background-color: #267f9d;
	letter-spacing: 0;
	margin-right: 25px;
	font-family:serif
}
.faq_list .dt .jp {
	line-height: 1.5;
	font-size: 18px;
	font-weight: normal;
	color:rgb(59, 59, 59);
	width: calc( 100% - 200px );
}

.faq_list .dd {
	display: none;
	line-height: 1.8;
	font-size: 16px;
	padding: 30px;
	background-color: #dff1f6;
}



@media screen and (max-width: 767px){

	.faq_list li {
		margin-bottom: 20px;
	}
	.faq_list .dt {
		background: url(../img/icon_plus.png) no-repeat right 10px center;
		background-size: 18px;
	}
	.faq_list li.open .dt {
		background: url(../img/icon_plus.png) no-repeat right 10px center;
		background-size: 18px;
	}
	.faq_list .dt .en {
		width: 30px;
		min-height: 50px;
		font-size: 16px;
		margin-right: 15px;
	}
	.faq_list .dt .jp {
		font-size: 13px;
		width: calc( 100% - 80px );
	}

	.faq_list .dd {
		font-size: 13px;
		padding: 20px;
	}
	
}










/*--------------サンクス--------------*/

.border_box{
padding: 30px;
box-sizing: border-box;
margin: 30px 0;
border: 1px solid #267f9d;
background-color: #fff;
text-align: center;
}

.thanks{
  text-align: center;
  margin: 150px 0 80px;
  color:#006a90;
  font-size: 50px;
}


.back{
display: block;
width: 250px;
line-height: 70px;
background-color: #267f9d;
margin: 70px auto 150px;
font-weight: bold;
font-size: 20px;
color: #fff;
transition: .4s;
text-align: center;
border-radius: 10px;
}

.back:hover{
background-color: #267f9d;
}

@media screen and (max-width: 767px){
  .thanks{
    margin: 100px 0 50px;
    font-size: 40px;
  }
  .back{margin: 50px auto 80px;}
}









/*--------------フッター--------------*/

footer {
	background: #267f9d;
	min-width: 1160px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding: 50px 0;
	margin-top: 100px;
	text-align: right;
}


footer .accessmap .access {
	width: 350px;
	float: left;
	text-align: left;
}

footer .accessmap iframe{
	width: 680px;
	height: 350px;
	background-color: #fff;
	color: #000;
	margin-top: 30px;
}

footer .accessmap .access h4 {
	font-size: 60px;
	margin-bottom: 0.5em;
	line-height: 1.2;
	margin-top: 0;
}

footer .accessmap .access h4 span {
	font-size: 25px;
}

footer .accessmap .access .address {
	font-size: 14px;
	line-height: 0.5em;
	margin-bottom: 1.8em;
}

footer .accessmap .access .contact {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}


footer .accessmap .access .tel {
	font-size: 35px;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 0;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

footer .accessmap .access .tel span {
	font-size: 18px;
	margin-right: 0.5em;
}

footer .accessmap .access .fax {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0.5em;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

footer .accessmap .access a {
	display: block;
	width: 350px;
	height: 48px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 24px;
	background-color: #8da822;;
	line-height: 48px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	transition: background-color 0.3s ease;
}

footer .accessmap .access a:hover {
	background-color: #4e6007;;
}

footer .accessmap .access a img {
	width: 21px;
	height: 15px;
	vertical-align: middle;
	margin-right: 0.7em;
}

footer li {
	display: inline-block;
	padding: 4em 1.5em 3em;
	font-size: 16px;
	text-align: center;
}

footer li a {
	color: #fff;
	text-decoration: none;
}

footer li a:hover {
	text-decoration: underline;
}

small {
	font-size: 14px;
	display: block;
	text-align: center;
}

@media screen and (max-width: 767px){
	
	footer {
		min-width: 100%;
		padding: 30px 0;
		margin-top: 50px;
	}

	footer .accessmap .access {
		width: 100%;
		float: none;
	}

	footer .accessmap iframe{
		width: 100%;
		float: none;
		height: 235px;
		margin-bottom: 0px;
		margin-top: 20px;
	}

	footer .accessmap .access h4 {
		font-size: 24px;
		margin-bottom: 0.5em;
		text-align: center;
	}

	footer .accessmap .access h4 span {
		font-size: 16px;
	}
	
	footer .accessmap .access .address {
		font-size: 14px;
		text-align: center;
		line-height: 2em;
		margin-bottom: 2em;
	}

	footer .accessmap .access .contact {
		font-size: 16px;
		margin-bottom: 0.1em;
		text-align: center;
	}

	footer .accessmap .access .tel {
		font-size: 26px;
		margin-bottom: 0em;
		text-align: center;
	}

	footer .accessmap .access .tel span {
		font-size: 12px;
	}

	footer .accessmap .access .fax {
		font-size: 16px;
		margin-bottom: 0.7em;
		text-align: center;
	}
	
	footer .accessmap .access a.contact {
			width: auto;
			height: 40px;
			font-size: 14px;
			border-radius: 20px;
			line-height: 40px;
			margin: 0 10px 30px;
	}

	footer .accessmap .access a img {
		width: 16px;
		height: auto;
		vertical-align: middle;
		margin-right: 0.5em;
	}

	footer ul {
		margin-bottom: 2em;
		border-bottom: 1px solid #ffffff;
	}

	footer li {
		display: block;
		float: left;
		padding: 0;
		width: 50%;
		font-size: 14px;
		border-top: 1px solid #ffffff;
		border-left: 1px solid #ffffff;
	}

	footer li a {
		display: block;
		color: #fff;
		padding: 1em 0;
		text-decoration: none;
	}
	
	footer li:nth-child(2n+1) {
		border-left: none;
	}

	small {
		font-size: 14px;
	}
	
}

/*------SPインスタ-----*/

.sp-insta img{
	width: 80px;
	height: 80px;
	opacity: 0.8;
  }
  .sp-insta{
	position: fixed;
	right: 20px;
	bottom: 20px;
	}
	@media screen and (min-width: 768px){
	  .sp-insta{
		display: none !important;
	  }
	}