@charset "utf-8";

@media screen and (max-width: 700px) {
p {
	font-size: 14px;
}
.pc_view {
	display: none;
}
.sp_view {
	display: block;
}
body {
	min-width: 100%;
}
/*-----------------------------------------------------------------*/
	/* header */
header {
	position: fixed;
	height: auto;
	min-width: 100%;
	z-index: 100;
}
header div.white {
	min-width: 100%;
	padding: 10px 0px 6px;
	overflow: hidden;
	z-index: 100;
	margin-bottom: 10px;
	box-shadow: 0 0 8px rgba(200,200,200,0.5);
}
header div#logo {
	width: 300px;
	margin-left: 10px;
}
header div#logo img {
	width: 36px;
}
header h1 {
	font-size: 15px;
}
header h1 span {
	font-size: 9px;
}
nav#head_list {
	display: none;
}
#contact_btn {
	display: none;
}
#bg_slider {
	width: 100%;
	height: 600px;
}
#main {
	height: 600px;
	padding-top: 230px;
	background: url(../images/uma.png)no-repeat center bottom;
	background-size: 800px auto;
}
#main h2 {
	text-shadow: 0 0 10px #000;
	font-size: 36px;
	font-weight: bold;

}
#main h2 span {
	font-size: 18px;
	display: block;
}
/*-----------------------------------------------------------------*/
	/* contents */
div.inner {
	width: 90%;
}
section {
	overflow: hidden;
	padding: 40px 0px;
}
h2.sec_title {
	font-size: 26px;
}
.d_text {
	text-align: left;
}
#concept h3 {
	font-size: 20px;
	text-align: left;
}
section#concept h3 span {
	font-size: 15px;
	margin-top: 10px;
}
		#movie .wrap{
	width: 90%;
	margin: 0 auto;
}
#movie .wrap h2{
font-family: "Sawarabi Mincho", serif;
    text-align: center;
    font-size: 26px;
    margin-bottom: 20px;
}
	.youtube__aspect-ratio {
    width: 100%;
    aspect-ratio: 16 / 9;
}
#movie .wrap iframe {
	width: 100%;
	height: 100%;
}
	
	
#place .wrap {
	width: 100%;
}
#place .img_part img {
	width: 100%;
	height: auto;
}
#place .info_part {
	position: inherit;
	top: 0px;
	width: 100%;
	padding: 20px 20px 30px;
}
#place ul {
	margin-bottom: 30px;
	font-size: 15px;
}
/*-----------------------------------------------------------------*/
	/* タブ切り替え */
ul#guide_list {
	margin: 0px auto 10px;
}
ul#guide_list{
	display: block;
	margin-bottom: 30px;
}
ul#guide_list li {
	width: 48.5%;
	margin-right: 1.5%;
	margin-bottom: 15px;
	font-size: 13px;
	padding: 8px 0px;
}
ul#guide_list li:nth-child(2n) {
	margin-right: 0px;
	margin-left: 1.5%;
}
ul#guide_list li:last-child {
	margin-right: 0px;
}
ul#guide_list li.active::after {
	display: none;
}
/* タブ切り替えここまで */
/*-----------------------------------------------------------------*/
#place .btn {
	margin-left: auto;
}
/*-----------------------------------------------------------------*/
	/* 記事排出 */
#article_wrap {
	overflow: hidden;
	margin-bottom: 40px;
}
article {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}
article a.wrap{
	padding: 10px 15px;
}
article:last-child {
	margin: 0px 0px 0px 0px;
}
p.date {
	float: left;
	width: auto;
}
p.category span {
  padding: 0px 0px;
}
#article_part p.category span {
	padding: 0;
	margin-top: 4px;
}
#article_part p.category { 
	 left: 150px;
   top: 7px;
} 
article p.title {
	padding: 5px 0px 0px;
	clear: both;
	display: block;
	width: 100%;
}
article img {
	display: none;
}
/* 記事排出ここまで */
/*-----------------------------------------------------------------*/
section.harf {
	width: 100%;
}
.white_wrap {
	padding: 20px 20px 30px;
	width: 90%;
}
.white_wrap p.text {
	font-size: 15px;
	line-height: 1.8em;
	margin-bottom: 20px;
}
#contact p.number {
	text-align: center;
	margin-bottom: 40px;
	font-size: 40px;
}
/*-----------------------------------------------------------------*/
	/* footer */
footer {
	padding: 40px 0px 0px;
}

#f_info {
	margin: 0 auto;
}
	
.f_flex{
	display: block;
}
.f-right{
	margin: 0 auto;
	width: 100%;
}	
.f-nav{
	display: block;
	font-weight: normal;
	width: 90vw;
}
.f-nav li{
	margin: 0px 0px 10px;
  font-size: 15px;
  padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	font-weight: normal;
}
.f-nav li:last-child{
	text-align: right;
	border-bottom: none;
}
#f_info p.addsess {
	margin-bottom: 40px;
}
#f_info p.telnumber, #f_info p.hosoku {
	display: none;
}
.c-btn{
	display: block;
}
.c-btn li:last-child{
	margin-left: 0px;
}
.c-btn li{
	text-align: center;
	margin-bottom: 10px;
}
.c-btn li:last-child{
	padding: 13px 20px;
}
#copy{
	height: 58px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.c-position{
	width: 100%;
	display: block;
	text-align: center;	
}
#copy .c-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#copy .c-nav li{
    margin: 0 10px;
}
	#copy .c-nav li :first-child {
		margin-right: 0px;
	}
#copylight{
	font-size: 12px;
}
#foot_list {
	width: 100%;
	margin-bottom: 0px;
}
#foot_list ul {
	width: 100%;
	margin-left: 0px;
}
#foot_list ul.list01 {
	width: 100%;
}
#foot_list ul.list02, #foot_list ul.list03 {
	display: none;
}
#foot_list li {
	margin: 0px 0px 10px;
	font-size: 15px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
}
#foot_list li a {
	display: block;
}
#group img{
	width: auto;
	height: 60px;
	transition: 0.3s;
	margin: 10px 0;
}
ul#guide_list {
    display: flex;
}
}