@charset "UTF-8";
/*base.css */

/*Base setting_____________________________________*/
body {
	color:#000;
	font:14px/1.6 -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	overflow-x:hidden;
	background: #ffffff;
}

/*header footer*/
/*
header, footer {
	width:100%;
	z-index:2;
	position:fixed;
	background: #cef0ff;}
footer {
	height:200px;
	bottom:0;	
	text-align: center;
	font-size:85%;
	padding:10px 0 8px}
footer span {font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;}
*/
header {
	width:100%;
	height:150px;
	z-index:2;
	position: absolute;
	/* position:relative; */
	/* background: #fffcdb; */
	background: #fae9e9;
	margin: 0 auto;
	display:table;
	font-size:0;
	line-height:0
}


/* Footer */

.site-footer {
  position: relative;
  /* border-top: 1px solid #EEE; */
  color: #fff;
  padding: 10px;
  font-size: 1em;
  text-align: center;
	background: #e4007f;
}

#footer-area {
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	background: #ffebf5;
	text-align: left;
	bottom: 0px;
	width: 100%;
	height:auto;
	left: 0px;
    border-top: solid 1px #b0b0b0;
}



#footer-inner{
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background: #e9e9e9;
}

/*
#footer-area ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align: left;
}
*/

#footer-area ul li{
	font-size: 1.1em;
	line-height: 2em;
	padding-left: 15px;
}

#footer-area ul li a:link,
#footer-area ul li a:visited{
	color:#000;
	text-decoration: none;
}

#footer-area ul li a:hover,
#footer-area ul li a:active{
	color:#000;
	text-decoration: none;
}

.row{
	overflow: hidden;
	background: #e9e9e9;
}


#footer-area ul{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}

#footer-area ul li.head{
	font-size:1.5em;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color:#000;
	/* font-weight: bold; */
	/* border-bottom:2px solid #0556a4; */
}

#footer-area .name {
	font-size:1.5em;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 25px;
	color:#000;
}
#footer-area .add {
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 25px;
	color:#000;
}

#footer-area ul li.head2{
	font-size:1.2em;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	color:#000;
	/* border-bottom:2px solid #0556a4; */
}


/*header menu_____________________________________*/
/*
header {
	display:table;
	font-size:0;
	line-height:0
}
*/
header h1, nav {
	/* display:table-cell;*/
}
nav {
	text-align:center;
	vertical-align:bottom;
	background-color: #f7c9dd;
}
header h1 a img {height:95px;margin:10px}
header ul {
	font-size:16px;
	line-height:3;
	/* margin:0 10px 10px 0;*/
	color: #000;
	text-shadow:0 1px 0 rgba(0,0,0,0.3);
}
header ul li {margin-left:3px; display:inline-block}
header ul li::after {content:' |'}
header ul li:last-child::after {content:''}
header ul li a {color:inherit}



main {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
   
	padding: 15px 30px;
	text-align: center;
}

/*layout_____________________________________*/
/*wrap*/
#wrap {
	display:table;
	height:100%;
	height:100vh;
	width:100%; 
	/* padding-top: 565px; */

}
#wrap section {
	padding-top: 30px;
	margin: 0 auto !important;
	vertical-align:middle;

}
#wrap section p {
	margin: 0 auto;
	min-width:280px !important;
	max-width:950px !important;
	margin: 0 auto !important;
}

#wrap2 {
	display:table;
	height:100%;
	height:100vh;
	width:100%; 
	padding-top: 250px;

}
#wrap2 section {
	padding-top: 10px;
	margin: 0 auto !important;
	vertical-align:middle;
}
#wrap2 section p {
	margin: 0 auto;
	min-width:280px !important;
	max-width:950px !important;
	margin: 0 auto !important;
}

/*Media-queries_____________________________________*/
@media screen and (max-width: 1000px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}
header h1 a img {height:30px}
}
@media screen and (max-height: 640px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
a img:hover {opacity:1}
header h1 a img {height:30px}
}
/*smaller than 640-----------------------------*/
@media screen and (max-width: 640px) {
html {-webkit-text-size-adjust:100%}/*disable webkit text size adjust (for iPhone)*/
	
@media screen and (max-width: 500px){
/* .col-right {       display:none;} */
	}	
	
a img:hover {opacity:1}
header h1 a img {height:30px}
footer {
	font-size:80%;
	padding:5px;
	padding-bottom: 60px;
}
.col-wrap {
	display: flex;
flex-direction: column;	/* 縦並びに */
/*	flex-direction: row;	/* 横並びに */
	margin-left: 10%;
    margin-right: 10%;
}
#col-left { 
	order: 3; 
	width: 100%;
	margin-top: 30px;
	/*　padding-right: 10px;　*/
}	/* leftを左端に幅50%で配置 */


#col-right  { 
	order: 4;
	width: 100%;
	/*　padding-left: 10px;　*/
	margin-top: 30px;
}	/* right を中央に幅50%で配置 */
		  
.col-left ol {
	padding-left: 40px;
	padding-right: 40px;
	text-align: left;
}

.col-left ol li{
	font-size: 1.2em;
	line-height: 2em;
}

.col-wrap3 {
	display: flex;
flex-direction: column;	/* 縦並びに */
/*	flex-direction: row;	/* 横並びに */
}
#col-left3 { 
	order: 3; 
	width: 100%;
	margin-top: 30px;
	padding-right: 10px;

}	/* leftを左端に幅50%で配置 */


#col-right3  { 
	order: 4;
	width: 100%;
	padding-left: 10px;
	margin-top: 30px;
}	/* right を中央に幅50%で配置 */
		  
.col-left3 ol {
	padding-left: 40px;
	padding-right: 40px;
	text-align: left;
}

.col-left3 ol li{
	font-size: 1.2em;
	line-height: 2em;
}
	
/* 会社概要 */

table.gaiyo {
	padding-left: 5%;
    padding-right: 5%;
	margin: 0 auto !important;
	border-collapse: collapse;
	font-size: 1em ;
	width: 90% !important;
	min-width: 280px !important; 
}
table.gaiyo th.t_top {
    border-bottom: #be1309 4px solid !important;
	background: #e2e2e2 !important;
	text-align:center;
	font-weight: bold;
	width: 20%;
}
table.gaiyo th {
	border-top: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #ffebf5 !important;
	padding: 2%;
	font-weight: normal;
	width: 20% !important;
}
table.gaiyo td.t_top {
	border-bottom: #be1309 4px solid;
	text-align:center;
	background: #e2e2e2;
	font-weight: bold;
}
table.gaiyo td {
	border-top: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	border-left: #f19ec2 4px solid !important;
	border-right: #e3e3e3 1px solid;
	background: #fff;
	text-align: left;
	padding: 2%;
	width: 80% !important;
}
		  
.img {
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 90%;
 }		  


/* どんぐりとは・・・ */

table.donguri {
	margin-left: 5%;
    margin-right: 5%;
	margin: 0 auto !important;
	border-collapse: collapse;
	font-size: 1.2em;
	width: 90% !important;
	/* 
	max-width: 855px !important;
	*/
}
table.donguri th.t_top {
	text-align:center;
	font-weight: bold;
	width: 20%;
}
table.donguri th {
	text-align: center;
	padding: 10px;
	font-weight: normal;
	width: 20%;
}
table.donguri td.t_top {
	text-align:center;
	font-weight: bold;
}
table.donguri td {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10%;
	padding-right: 10%;
	/* width: 100%; */
}

		  
	
	
	

/* 活動の流れ */

table.activity {
	margin-left: 10%;
    margin-right: 10%;
	margin: 0 auto !important;
	border-collapse: collapse;
	font-size: 1.2em;
	width: 80%;
	/* max-width: 800px !important; */
}
table.activity th.t_top {
    border-bottom: #be1309 4px solid !important;
	background: #e2e2e2 !important;
	text-align:center;
	font-weight: bold;
	width: 20%;
}
table.activity th {
	border-top: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #fff2cc !important;
	padding: 10px;
	font-weight: normal;
	width: 20%;
}
table.activity td.t_top {
	border-bottom: #be1309 4px solid;
	text-align:center;
	background: #e2e2e2;
	font-weight: bold;
}
table.activity td {
	border-top: #f19ec2 4px solid;
	border-bottom: #f19ec2 4px solid;
	border-left: #f19ec2 4px solid ;
	border-right: #f19ec2 4px solid;
	background: #ffebf5;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10%;
	padding-right: 10%;
	width: 80%;
}
	
	
	
}


/*title_____________________________________*/
.title {
	/* font-size: 2em; */
	line-height: 1;
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 30px;
	color: #000;
	position: relative;
	text-align: left;
}

.title2 {
	font-size: 1.5em;
	line-height: 1;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 20px;
	color: #000;
	position: relative;
	text-align: left;
}

.title-img {
	margin-left: 5%;
    margin-right:5%;
	border-collapse: collapse;
	text-align:center;
	/* margin: 0 auto !important; */
	width: 90%;
	max-width: 950px !important;
}

.title3 {
	font-size: 2.25em;
	line-height: 1;
	padding-top: 80px;
/*	padding-top: 30px; */
	padding-right: 10%;
	padding-left: 10%;
	padding-bottom: 0px;
	color: #e4007f;
	position: relative;
	text-align: left;
	/* max-width: 950px !important; */
}

.title4 {
	/* font-size: 1em; */
	line-height: 150%;
	padding-top: 20px;
	/*
	padding-right: 15px;
	padding-left: 15px;
	*/
	padding-bottom: 20px;
	color: #000;
	position: relative;
	text-align: left;
}

.tree-img {
	margin-left: 10%;
    margin-right:10%;
	border-collapse: collapse;
	margin: 0 auto !important;
	width: 80%;
	max-height: 600px !important;
}


/* フッター2 */

/* ------------------------------------ */
/* ▽モバイル用（デフォルト）の表示順序 */
/* ------------------------------------ */
		.footer {
			display: flex;
			flex-direction: column;	/* 縦並びに */
		}
		#menu1 { 
		order: 1; 
		padding-top: 15px;
		padding-left: 20px;
		padding-right: 20px;
		background: #e9e9e9;
		}	/* menu1を左端に幅20%で配置 */
		
		#menu2  { 
		order: 2;
		padding-top: 15px;
		padding-left: 20px;
		padding-right: 20px;
		background: #e9e9e9;
		}	/* menu2を幅25%で配置 */



		#menu ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align: left;
}

#menu ul li{
	font-size: 1em;
	line-height: 2em;
}

#menu ul li a:link,
#menu ul li a:visited{
	color:#000;
	text-decoration: none;
}

#menu ul li a:hover,
#menu ul li a:active{
	color:#999;
	text-decoration: none;
}


.col,
.col-first{
	color:#000;
	float:left;
	width:100%;
}


#menu ul{
	padding-left: 10px;
	margin-bottom: 10px;
}

#menu1 ul li.head{
	font-size:1em;
	margin-left:-12px;
	color:#000;
	font-weight: bold;
	border-bottom:2px solid #0556a4;
	margin-bottom: 10px;
}


/* --------------------------------------------- */
/* ▽広い画面用の表示順序（横幅641px以上で採用） */
/* --------------------------------------------- */
	  @media all and (min-width: 641px) {
		.footer {
			display: flex;
			flex-direction: row;	/* 横並びに */
	}
		#menu1 { 
		order: 1; 
		width: 50%;
		padding-top: 15px;
		padding-left: 40px;
		padding-right: 10px;
		}	/* menu1を左端に幅50%で配置 */
		
		#menu2  { 
		order: 2;
		width: 50%;
		padding-top: 15px;
		padding-left: 10px;
		padding-right: 10px;
		}	/* menu2を幅50%で配置 */
		  
		  .col-wrap {
	padding-top: 10px;
	padding-bottom: 10px;
			  overflow: hidden;
	max-width:950px !important;
	margin: 0 auto !important;
}

 .col-wrap .col-left {
	width: 45%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	float: left;
	 /* text-align: center; */
}

.col-left ol {
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

.col-left ol li{
	font-size: 1.2em;
	line-height: 2em;
}

.col-wrap .col-right {
    width: 45%; 
	/* padding-top: 30px; */
	padding-left: 2.5%;
	padding-right: 2.5%;
    float: right;
	text-align: inherit;
}

.col-wrap3 {
	padding-top: 10px;
	padding-bottom: 10px;
			  overflow: hidden;
	max-width:950px !important;
	margin: 0 auto !important;
}

 .col-wrap3 .col-left3 {
	width: 65%;
	padding-left: 2.5%;
	padding-right: 2.5%;
	float: left;
	 /* text-align: center; */
}


.col-left3 ol {
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

.col-left3 ol li{
	font-size: 1.2em;
	line-height: 2em;
}

.col-wrap3 .col-right3 {
    width: 25%; 
	padding-top: 30px;
	padding-left: 2.5%;
	padding-right: 2.5%;
    float: right;
	text-align: inherit;
}

/* 会社概要 */

table.gaiyo {
	padding-left: 5%;
    padding-right: 5%;
	margin: 0 auto !important;
	border-collapse: collapse;
	font-size: 1em ;
	width: 90%;
	max-width: 855px !important;
}
table.gaiyo th.t_top {
    border-bottom: #be1309 4px solid !important;
	background: #e2e2e2 !important;
	text-align:center;
	font-weight: bold;
	width: 20%;
}
table.gaiyo th {
	border-top: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #ffebf5 !important;
	padding: 10px;
	font-weight: normal;
	width: 20%;
}
table.gaiyo td.t_top {
	border-bottom: #be1309 4px solid;
	text-align:center;
	background: #e2e2e2;
	font-weight: bold;
}
table.gaiyo td {
	border-top: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	border-left: #f19ec2 4px solid !important;
	border-right: #e3e3e3 1px solid;
	background: #fff;
	text-align: left;
	padding: 10px;
	width: 80%;
}
		  
.img {
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 90%;
 }		  

/* どんぐりとは・・・ */

table.donguri {
	margin-left: 10%;
    margin-right: 10%;
	margin: 0 auto !important;
	border-collapse: collapse;
	font-size: 1.2em;
	width: 90% !important;

	max-width: 950px !important;
}
table.donguri th.t_top {
	text-align:center;
	font-weight: bold;
	width: 20%;
}
table.donguri th {
	text-align: center;
	padding: 10px;
	font-weight: normal;
	width: 20%;
}
table.donguri td.t_top {
	text-align:center;
	font-weight: bold;
}
table.donguri td {
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10%;
	padding-right: 10%;
	/* width: 100%; */
}

		  
		  
/* 活動の流れ */

table.activity {
	margin-left: 10%;
    margin-right: 10%;
	margin: 0 auto !important;
	border-collapse: collapse;
	font-size: 1.2em;
	width: 80%;
	max-width: 800px !important;
}
table.activity th.t_top {
    border-bottom: #be1309 4px solid !important;
	background: #e2e2e2 !important;
	text-align:center;
	font-weight: bold;
	width: 20%;
}
table.activity th {
	border-top: #e3e3e3 1px solid;
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #fff2cc !important;
	padding: 10px;
	font-weight: normal;
	width: 20%;
}
table.activity td.t_top {
	border-bottom: #be1309 4px solid;
	text-align:center;
	background: #e2e2e2;
	font-weight: bold;
}
table.activity td {
	border-top: #f19ec2 4px solid;
	border-bottom: #f19ec2 4px solid;
	border-left: #f19ec2 4px solid ;
	border-right: #f19ec2 4px solid;
	background: #ffebf5;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10%;
	padding-right: 10%;
	width: 80%;
}
		  

}




/* 活動の流れ　image */

table.image {
	margin-left: 10%;
    margin-right: 10%;
	margin: 0 auto !important;
	border-collapse: collapse;
	font-size: 1.2em;
	width: 80%;
	max-width: 800px !important;
}
table.image th.t_top {
	text-align:center;
	font-weight: bold;
	width: 20%;
}
table.image th {
	text-align: center;
	padding: 10px;
	font-weight: normal;
	width: 20%;
}
table.image td.t_top {
	text-align:center;
	font-weight: bold;
}
table.image td {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10%;
	padding-right: 10%;
	/* width: 100%; */
}

/* アクセス　image */

table.map {
	/*
	margin-left: 5%;
    margin-right: 5%;
	*/
	margin: 0 auto !important;
	border-collapse: collapse;
	font-size: 1.2em;
	width: 100%;
	min-width: 350px !important;
	max-width: 100% !important;
}
table.map th.t_top {
	text-align:center;
	font-weight: bold;
	width: 20%;
}
table.map th {
	text-align: center;
	padding: 10px;
	font-weight: normal;
	width: 20%;
}
table.map td.t_top {
	text-align:center;
	font-weight: bold;
}
table.map td {
	text-align: center;
	/* 
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10%;
	padding-right: 10%;
	width: 100%;
	*/
}

/* footer　title-img */

table.title-image {
	margin-left: 10%;
    margin-right: 10%;
	margin: 0 auto !important;
	border-collapse: collapse;
	font-size: 1.2em;
	width: 80%;
}
table.title-image th.t_top {
	text-align:left;
	font-weight: bold;
	width: 20%;
}
table.title-image th {
	text-align: left;
	padding: 10px;
	font-weight: normal;
	width: 20%;
}
table.title-image td.t_top {
	text-align:left;
	font-weight: bold;
}
table.title-image td {
	text-align: left;
	padding-top: 20px;
	padding-bottom: 10px;
	width: 100%;
}



/* title-bar */

.bar {
	border-bottom: #f19ec2 3px solid ;
	width: 100%;
	max-height: 5px;
	max-width: 950px !important;
}

/* map */

.ggmap {
position: relative;
padding-bottom: 350px;
/* 
	padding-bottom: 56.25%;
padding-top: 30px;
height: 300px;
	*/
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 350px;
min-width: 280px !important;	
}