@charset "utf-8";

@media screen and (max-width: 768px) {
#index{}

#index #sec01{
	background-image: url(../../images/what-haikei.png);
	background-position: center center;
	background-repeat: no-repeat;
	text-align:center;
		padding-top:20px;
		padding-bottom:40px;
	width:94%;
	margin:0 auto;		
	
}
#index #sec01 .s_title{
	color:#e27016;
	font-size:20px;
	font-weight:bold;

	padding-bottom:10px;	
}
#index #sec01 .read{
	margin-bottom:20px;
	font-size:16px;
	text-align:left;

}

#index #sec01 .read span{
	color:#e27016;
}

#index #sec01 .maru{
	width:100%;
	margin:0 auto;
		display:block;
	margin-bottom:40px;

}

#index #sec01 .maru li{
	width:100px;
		height:100px;
	border-radius: 50%;
	font-size:20px;
	color:#fff;
	font-weight:bold;
display:inline-block;
	float:none;
	line-height:100px;

	
}
#index #sec01 .maru li span{
	display:inline-block;
	vertical-align: middle;

}

#index #sec01 .maru li.green{
	margin-right:10px;
	margin-left:10px;
	
}


#index #sec02{
padding-top:30px;
	padding-bottom:40px;
	background-image: url(../images/oragnge-haikei.png);

	margin:0 auto;
}


#index #sec02 .btn{
margin-left:auto;
}


#index #sec02 .s_title{
		color:#e27016;
	font-size:20px;
	font-weight:bold;

	padding-bottom:20px;	
}
#index #sec02 .table{
display:block;
width:100%;
	margin:0 auto;
		width:94%;
}


#index #sec02 .table .cell{
	display:block;
}
#index #sec02 .table .left{

width:100%;
}

#index #sec02 .title02{
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;

}

#index #sec02 .read{
	font-size:16px;
	margin-bottom:20px;
}

#index #sec02 .name{
		font-size:16px;
	font-weight:bold;
	line-height:2;
	margin-bottom:30px;
	margin-top:20px;
	
}
#index #sec02 .name span{
		font-size:20px;	
}

#index #sec02 .s-pic01{
	text-align:center;	
}
#index #sec02 .s-pic01 img{
width:50%;
}



#index #sec03{
padding-top:30px;
	padding-bottom:40px;
	width:94%;
margin:0 auto 0 auto;
}
#index #sec03 .s_title{
		color:#e27016;
	font-size:20px;
	font-weight:bold;
text-align:center;
	padding-bottom:20px;	
}
#index #sec03 .table{

width:100%;
	margin:0 auto 24px auto;
}
#index #sec03 .table .cell{
	text-align:center;
}
#index #sec03 .table .cell img{
	width:90%;
}

#index #sec03 .read{
	font-size:16px;
	margin-bottom:40px;
	text-align:left;
}



#index #sec04{
padding-top:30px;
	padding-bottom:40px;

}
#index #sec04 .s_title{
	font-size:20px;
	padding-bottom:30px;	
}

#index #sec04 .s_title p:before{
	content:url(../images/fukidashi-hidari.png);
left:-30px;
top:0px;


}

#index #sec04 .s_title p:after{
	content:url(../images/fukidashi-migi.png);
right:-30px;;
top:0px;

}

#index #sec04 .sec-inner{
	width:94%;
	margin:0 auto;
}
#index #sec04 .table{
	width:100%;
	display:block;
	margin:0 auto 0px auto;
}
#index #sec04 .table .cell{
	display:block;
text-align:center;
}

#index #sec04 .table .cell a{
	text-align:center;
	display:inline-block;
	border:5px solid #fff;
	background-color: #fff;
	border-radius: 10px;
	width:100%;
	height:auto;
	padding-top:10px;
	margin-bottom:15px;
}
#index #sec04 .table .cell a:hover{
	border:5px solid #e27016;
}

#index #sec04 .table .cell a i{
	background-color: #e27016;
	text-align:center;
	display:inline-block;
	border-radius: 54px;
	width:30px;
	height:30px;
	color:#fff;
	font-weight:bold;
	font-size:20px;
	line-height: 30px;

}

#index #sec04 .table .cell a .title{
font-size:25px;
	color:#e27016;
	font-weight:bold;
	padding-top:10px;
	margin-bottom:10px;
}

#index #sec04 .table .cell a .title.s{
font-size:25px;	
}
#index #sec04 .table .cell a .read{
font-size:16px;
width:94%;
	text-align:center;
}



#index #sec04 .read{
	fotn-size:18px;
	text-align:left;
	margin-bottom:15px;
	line-height:2;
	
}
#index #sec04 .read span{
	text-align:center;
		color:#e27016;
}




#index #sec05{
padding-top:30px;
	padding-bottom:40px;

}
#index #sec05 .s_title{
		color:#e27016;
	font-size:20px;
	font-weight:bold;
text-align:center;
	padding-bottom:20px;	
}
#index #sec05 .s_title p:before{
	content:url(../images/fukidashi-hidari.png);
left:-30px;
top:0px;


}

#index #sec05 .s_title p:after{
	content:url(../images/fukidashi-migi.png);
right:-30px;;
top:0px;

}

#index #sec05 .topics{
	width:94%;
	margin:0 auto;
}
#index #sec05 .topics a{
text-decoration:none;	
}

#index #sec05 .topics dl{

	display:block;
	width:100%;
}

#index #sec05 .topics dl dt{
	width:130px;
	display:block;
}

#index #sec05 .topics dl dd{
	display:block;
}




#index #sec06{
padding-top:30px;
	padding-bottom:40px;
	background-image: url(../images/oragnge-haikei.png);
}


#index #sec06 .table{
width:94%;
display:block;
	margin:0 auto;
}

#index #sec06 .table .cell{
vertical-align: top;
	text-align: left;
	display:block;
}


#index #sec06 .title{
	font-size:20px;
	font-weight:bold;

	line-height: 1;
	display:inline-block;
	margin-bottom:20px;
	
}

#index #sec06 .title.mt{
margin-top:30px;	
}

#index #sec06 .title img{
width:30px;	
}

#index #sec06 .title img{
vertical-align: middle;	
	display:inline-block;
	margin-right:5px;
	width:30px;	
}



#index #sec06 .table .cell iframe{
width:100%;	
}


#index #sec07{
	padding-top:30px;
	padding-bottom:40px;
}

#index #sec07 .table{
width:80%;
	margin:20px auto 0 auto;
	display:block;
}

#index #sec07 .table .cell{
vertical-align: top;
	text-align: center;
	display:block;
}
#index #sec07 .table .cell img{
width:90%;	
}
#index #sec07 .table .cell .title{
font-size:24px;
	color:#e27016;
	font-weight:bold;
	text-align:center;
	margin-bottom:0px;

}
#index #sec07 .table .cell .read{
	font-size:16px;

	
}

#index #sec07 .btn{
display:block;
margin:20px auto 0 auto;
width:94%;
}


#index #sec08{
padding-top:40px;
padding-bottom:0px;
	background-image: url(../images/oragnge-haikei.png);
	text-align:center;
	border-bottom:3px solid #e27016;
}

#index #sec08 .table{
	width:96%;
	background-color: #FFFFFF;
	margin:0 auto;
}

#index #sec08 .cell{
text-align:center;
display:block;
}
#index #sec08 .cell.w{
	width:100%;
}
#index #sec08 .cell p{
	font-weight:bold;
	font-size:12px;
}
#index #sec08 .cell .logo{
	margin-top:15px;
	margin-bottom:14px;
}

#index #sec08 .cell .btn{
margin-top:20px;	
}

#index #sec08 .cell .sec8-inner{
	width:90%;
	margin:20px auto;
}

/**************************
greeting
**************************/
#greeting{}
#greeting #container .table{width:100%;margin-bottom:40px;display:block;}
#greeting #container .table .cell{
display:block;
width:100%;
}
#greeting #container .table .cell.left{
text-align:center;
margin-bottom:10px;	
}
#greeting #container .table .cell.left img{

width:60%;
}

#greeting #container .right{text-align:center;}


#greeting #container .sign{
	text-align:none;
	margin-top:20px;
	
}

/**************************
運営団体・スキーム紹介
**************************/
#dantai{}

#dantai #sec01 .text01{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	
}

#dantai #sec01 .table{
width:90%;
	margin:20px auto 30px auto;
	
}

#dantai #sec01 .table .cell img{
	width:80%;	
}
#dantai #sec01 .text02{
	margin-top:30px;
	margin-bottom:20px;
}

#dantai #sec01 .zu01{
	margin-bottom:20px;
}
#dantai h2{
	font-size:20px;
	margin-bottom:20px;
}
#dantai #sec02 .table{
width:100%;
	margin:0 auto;
}


#dantai #sec02 .table .cell{
vertical-align: top;
	font-size:14px;
	display:inline-block;
}
#dantai #sec02 .table .left{
	padding-right:0;
	width:100px;
	height:auto;
	float:left;
	padding-right:10px;

	
}
#dantai #sec02 .table .cell.right{
	line-height:1.6;

}
#dantai #sec02 .yakusyoku{
	font-size:10px;
	margin-top:5px;
	margin-bottom:5px;
}
#dantai #sec02 .name{
	font-size:15px;
	font-weight:bold;
}

#dantai #sec03{
	
	margin-bottom:50px;
}



#dantai #sec03 .title{
	font-size:20px;
	font-weight:bold;
	color:#6a3906;
	padding-left:8px;
	border-left:5px solid #6a3906;
	margin-bottom:20px;
}

#dantai #sec03 .title02{
		font-size:30px;
	font-weight:bold;
color:#e27016;
		margin-bottom:20px;
}

#dantai #sec03  .h150{
	height:150px;
}

#dantai #sec03 .pic03{
	width:100%;
	margin:30px auto 40px auto;

}
#dantai #sec03 .pamphlet{
background-color:#fff5e0;
padding:10px;
}
#dantai #sec03 .pamphlet img{

margin-right:10px;
width:100px;	
	
}
/**************************
「まる元」運動とは
**************************/
#marugen{}




/**************************
お問い合わせ
**************************/
#inquery #container .inner table{
	width:100%;
	margin-bottom:50px;
}

#inquery #container .inner table td{
border:1px solid #D0D0D0;
	padding:5px;
	display:block;
}

#inquery #container .inner table th{
	width:auto;
border:1px solid #D0D0D0;
	padding:5px;
	background-color: #f5f5f5;
font-size:15px;
	font-weight:bold;
		display:block;
		overflow:hidden;

}

#inquery #container .inner table th p{
float:left;	
	line-height:2;
}
#inquery #container .inner table th span{
float:left;	
	display:block;
	padding:2px 5px;
	background-color: #e27016;
	color:#fff;
	font-weight:normal;
	font-size:12px;
	margin-left:10px;
}
#inquery #container .inner table input{
font-size:16px;
}
#inquery #container .inner select{
font-size:16px;
}

#inquery #container .inner table input.name{
	margin-right:15px;
	width:100px;
}
#inquery #container .inner table input.dan{
	width:100%;
}

#inquery #container .inner table input.yu01{
	width:100px;
	margin-right:10px;
}

#inquery #container .inner table input.yu02{
	width:100px;
	margin-left:10px;
}

#inquery #container .inner table input.add{
	width:100%;

}
#inquery #container .inner table input.tel01{
	width:70px;
	margin-right:10px;
}
#inquery #container .inner table input.tel02{
	width:70px;
	margin-right:10px;
	margin-left:10px;
}

#inquery #container .inner table input.tel03{
	
	width:70px;
	margin-right:10px;
		margin-left:10px;
}


#inquery #container .inner table textarea{
width:100%;
	height:180px;
	background-color: #fafafa;
	padding:5px;
	border-radius: 3px;
font-size:16px;
}
#inquery #container .inner table select{
		width:100%;
		
}

/**************************
「まる元」運動とは
**************************/
#marugen #sec01 .table{
	margin-bottom:30px;	
}

#marugen #sec01 .cell{
display:block;	
width:100%;
}

#marugen #sec01 .pic{
	margin-bottom:10px;	
}
#marugen #sec01 .cell.w01{
	width:100%;
	
	padding-right:0px;
	vertical-align:top;
}

#marugen #sec01 .maru .cell{
	margin-bottom:30px;
}

#marugen #sec01 .maru .cell p {
    width:80%;
    text-align: left;
    display: inline-block;
}
#marugen #sec02 .text {
    margin-bottom: 20px;
}
#marugen #sec03 dt {
	margin-top:20px;	
}
#marugen #sec03 dd{
	text-align:center;	
}
#marugen #sec03 dd img{
width:90%;	
	
}
#marugen #sec05 .tab {
	margin-bottom:20px;	
}
#marugen #sec05 .tab a {
	font-size:20px;
    width: 32%;

}
#marugen #sec05 .tab a.orange{
	margin:0 5px;
}

#marugen #sec05 .box{
	width:200px;
	height:auto;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
float:none;
}

#marugen #sec05 .box span{
	font-size:20px;
	
}

#marugen #sec05 .upper .text{
width:90%;
margin:0 auto;
float:none;
padding-top:15px;
padding-right:0;
font-weight:bold;

}

#marugen #sec05 .pic-wrap {
    width: 90%;
    margin: 0 auto;
}
#marugen #sec05 .pic-wrap .cell{
display:block;
margin-bottom:20px;
}
#marugen #sec05 .pic-wrap .cell.l {
    padding-right:0;
}


/**************************
「ゆる元」体操とは
**************************/


#about #sec01 .title{
	font-size:20px;
		
}

#about #sec01 .nobox li{
padding-top:24px;
	display:block;
width:100%;
height:auto;
float:none;	
font-size:16px;
padding-top:15px;
margin-bottom:10px;
}
#about #sec01 .nobox li i {
		margin-bottom:15px;
}
#about #sec01 .nobox li p{
width:90%;
margin-bottom:15px;
}

#about #sec01 .nobox li.c {
    margin-left: 0px;
    margin-right: 0px;
}
#about #sec01 .obox {
margin-bottom:10px;	
}
#about #sec01 .obox {
    width: 100%;
    float: none;
}
#about #sec01 .obox .title01{
text-align:center;
}
#about #sec01 .obox .title02 {
text-align:center;
    font-size: 18px;
}
#about #sec01 .obox .title03 {
text-align:center;
}



#about #sec01 .price li {
   	display:block;
}

#about #sec01 .price li .cell{
	display:block;
}

#about #sec01 .price li span {
margin-bottom:8px;	
}

#about #sec02 .table{

  	display:block;
}
#about #sec02 .cell{
	   	display:block;
}
#about #sec02 .cell.l{
width:100%;	
padding-right:0px;
}
#about #sec02 .cell.r{

text-align:center;
}








/**************************
認知症予防の取り組み
**************************/

#activities #sec01 dt {
width:100%;
float:none;
text-align:center;
}
#activities #sec01 dd {
width:100%;
float:none;
}

#activities #sec01 i{
margin-bottom:10px;	
}
#activities #sec01 dd .title {
    font-size: 20px;
	text-align:center;

}

#activities #sec03 .text01{
	width:100%;
	float:none;



}

#activities #sec03 .pic01{
	width:100%;
	float:none;

margin-bottom:10px;
}

/**************************
実施エリア・詳細
**************************/
#area #container .inner .read {
    margin-bottom: 20px;
}

#area #container .inner .map {
    margin-bottom: 20px;
}
#area #container .inner table{
border-top:1px solid #D0D0D0;
}
#area #container .inner table td {
	width:100%;
display:block;
}

#area #container .inner table th {
border-bottom:0;
border-top:0;
width:100%;
display:block;



}

#area .go-link{

font-size:14px;
}

/**************************
運動の効果・自治体のメリット
**************************/

#merit #sec01 .iframe{
	width:100%;
	overflow-x: auto;
	padding-bottom:5px;

}
#merit #sec01 .iframe::-webkit-scrollbar {
  height: 5px;
}
#merit #sec01 .iframe::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
#merit #sec01 .iframe::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
#merit #sec01 table{
width:100%;
font-size:10px;
}

#merit #sec01 table th,#merit #sec01 table td{
font-size:12px;
}

#merit #sec01 table  span{
font-size:12px;
}

#merit #sec01 .red{
color:#e60012;
font-size:12px;
}

#merit #sec02 .voice-b dl{
display:table;
width:100%;
height:auto;
margin-bottom:15px;

background-repeat:no-repeat;

}
#merit #sec02 .voice-b li{
	width:100%;
	float:none;
	
}
#merit #sec02 .voice-b li:nth-child(odd){
	
	margin-right:0;
}

#merit #sec02 .voice-b dl dt {
    display: table-cell;
    vertical-align: top;
    padding-right: 5px;
	width:80px;
}



#merit #sec03 dl {
    padding: 10px;

}
#merit #sec03 dl dt {
    width: 80px;
	margin-right:10px;
    float: left;
}

#merit #sec03 dl dd {
	
}

#merit #sec03 dl dd {
    width: 100%;
}


#merit #sec04 li {
    width: 100%;
padding-bottom:10px;
    float: none;
    height: auto;

}
#merit #sec04 i {

    margin: 10px auto 10px auto;
}

#merit #sec04 li.m {
    margin: 0 0 22px 0;
}


#merit #sec04 .box02{
margin-bottom:30px;
}


#merit #sec04 .box02 .pic{
float:none;
margin-bottom:10px;
}

#merit #sec04 .box02 .text01{
float:none;
width:100%;
font-size:16px;
font-weight:bold;

}




#merit #sec05 .cell .logo {
    margin-top: 5px;
    margin-bottom: 5px;
}


#merit #sec05 .table {
    width: 100%;

}

#merit #sec05 .cell {
    display:block;
}
#merit #sec05 .cell.w {
    width:100%;
}
#merit #sec05 .cell.p {
	padding-top:15px;		
	padding-bottom:15px;	
}
#merit #sec05 .cell .logo img {
    width:50%;
}

#merit #sec05 .cell .btn {
	width:80%;
	margin:20px auto 0 auto;

}















































}