@charset "UTF-8";
/**** CSSフレーム単独ページ ****/
/**** ブレイクポイント1000/800/640/480 ****/
/**** milkysand 20171002 ****/
/*================================================*/
/*  CSSリセット*/
/*================================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}

/*================================================*/
/*  パソコン用*/
/*================================================*/
body{
	font-size: 14px;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 300;
	overflow-x: hidden;
	color: #000;
	background: #fff;
}
	/*- レスポンシブ：フォント基本小さく -*/
	@media only screen and (max-width: 800px){
		body{
			font-size: 12px;
		}
	}
	/*- - - - レスポンシブend - - - -*/
/* 単独ページ */
*{text-align:center;margin:0 auto;}

/* iframe */

/* ブルー見出し　*/
h1{
  line-height: 30px;
  padding: 15px 0px 15px 20px;    
  background: repeating-linear-gradient( 125deg, rgba(92, 170, 216, 0.47), rgba(90, 217, 255, 0.44) 4px, rgb(255, 255, 255) 4px, rgb(255, 255, 255) 8px);
		text-align:center;
		font-size:200%;
}


 h2{
position: relative;
color: #158b2b;
font-size: 140%;
padding: 10px 0;
text-align: center;
margin: 1.5em 0;
}
 h2.mt{
	margin-top: 4em ;
}
h2:before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 150px;
height: 58px;
border-radius: 50%;
border: 5px solid #a6ddb0;
border-left-color: transparent;
border-right-color: transparent;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

 h3{
	margin:20px auto;
	background : url(../images/h4.png) 0px 0px / auto auto no-repeat scroll padding-box border-box transparent;
	font-size:140%;
	line-height:180%;
	color:#000;
	text-align:center;
}
 h4{
	margin:20px auto 10px;
	font-size:140%;
	line-height:180%;
	color:#158b2b;
	text-align:center;
	border-top:dotted 1px #158b2b;
	border-bottom:dotted 1px #158b2b;
	width:90%;
	max-width:800px;
	padding-top:10px;
}
 h4 span{
	font-size:70%;
	color: #000;
}
 h5{
 	font-weight:normal;
	font-family: "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	/* レスポンシブ
	-----------------*/
	@media only screen and (max-width: 1000px){
		h1,h2,h3{
			font-size:110%;
		}
	}
/* 写真一覧 */
ul.waku01{
		width:98%;
		margin:10px auto;
    font-size: 0;
		text-align:center;
}
ul.waku01 li.item{
    padding: 20px 10px;
    display: inline-block;
    width:370px;
		height:450px;
    font-size: 14px;
		margin:10px 0;
		text-align:center;
		vertical-align:center;
}

	/* レスポンシブ
	-----------------*/
	@media only screen and (max-width: 480px){
	ul.waku01 li.item{
		    padding: 10px 5px;
		    width:280px;
				height:380px;
		}
	}
	@media only screen and (max-width: 414px){
	ul.waku01 li.item{
		    padding: 10px 5px;
		    width:220px;
				height:380px;
		}
	}
ul.waku01 li.item2{
    padding: 20px 5px;
    width:190px;
}

#test2 ul.waku01 li.item{
		border:1px solid #DFDFDF;
		position:relative;
		border-radius:10px;
		margin:5px 10px 15px;
		height:430px;
}
ul.waku01 li.item a{
	text-decoration:none;
	color:#333;
}
ul.waku01 li.item span{
		font-size:90%;
		color:#666;
	font-weight:normal;
}
ul.waku01 li.item .frame{
		font-size:0;
		text-align: center;
		width:350px;
		height:350px;
		background:#DFDFDF;
		margin:0 auto;
		border:10px solid #DFDFDF;
		position:relative;
		border-radius:10px;
		line-height:20px;
}
	/* レスポンシブ
	-----------------*/
	@media only screen and (max-width: 480px){
		ul.waku01 li.item .frame{
				width:280px;
				height:280px;
		}
	}
	@media only screen and (max-width: 414px){
		ul.waku01 li.item .frame{
				width:220px;
				height:220px;
		}
	}
ul.waku01 li.item2 .frame{
		width:170px;
		height:360px;
		background:#DFDFDF;
		margin:0 auto;
		border:5px solid #DFDFDF;
}
#test2 ul.waku01 li.item .frame{
		background:#fff;
		border:1px solid #fff;
}
#test3 ul.waku01 li.item .frame{
		background:#fff;
		border:1px solid #DFDFDF;

}
ul.waku01 li.item .frame img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
   position:absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);

}

#test2 ul.waku01 li.item .frame img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
   position:absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);

}

#test3 ul.waku01 li.item .frame img{
    margin:9px;
		background:#fff;
		border:1px solid #DFDFDF;
		border-radius:10px;
  box-shadow: 2px 2px 4px gray;
}
/* 写真一覧3 */
ul.waku03{
		width:98%;
		max-width:800px;
		margin:20px auto 0;
		text-align:center;
}

ul.waku03 li.item{
	padding: 0;
	font-size: 14px;
	width:100%;
	}
ul.waku03 li.item_l{
	text-align:left;
	text-indent:1em;
	}
	ul.waku03 li.item img{
	width:100%;
	margin-bottom:10px;
	}
ul.waku03 li.item_b{
		margin:10px auto 10px;
		width:90%;
		max-width:250px;
	}
	ul.waku03 li.item_b img{
	width:100%;
	margin-bottom:10px;
	}
ul.waku03 li.item_b2{
		margin:10px auto 10px;
		width:90%;
		max-width:200px;
	}
	ul.waku03 li.item_b2 img{
	width:100%;
	margin-bottom:10px;
	}
#test2 ul.waku01 li.item{
		border:1px solid #DFDFDF;
		position:relative;
		border-radius:10px;
		margin:5px 10px 15px;
		height:430px;
}
/* 写真一覧4 */
ul.waku04{
		width:98%;
		max-width:900px;
		margin:20px auto 0;
		text-align:center;
}

ul.waku04 li.waku_in{
	width:46%;
	height:350px;;
	margin:10px 2%;
	display:block;
	float:left;
	}

	ul.waku04 li.waku_in img{
	width:100%;
	margin-bottom:10px;
	}
	ul.waku04 li.waku_in a{
	color:#000;
	text-decoration:none;
	}

	/* レスポンシブ
	-----------------*/
	@media only screen and (max-width: 640px){
	ul.waku04 li.waku_in{
		    height:260px;
		}
	}
	@media only screen and (max-width: 480px){
	ul.waku04 li.waku_in{
		    height:200px;
		}
	}
	@media only screen and (max-width: 414px){
	ul.waku04 li.waku_in{
		    height:180px;
		}
	}


/* 画像タイトル表示 */
 .uni_green{
	margin:10px auto ;
	padding-top:1em;
	text-align: center;
	color:#158B2B;
	width:100%;
	clear:both;
	font-size:1.3em;
}
.t_center{text-align: center;}
.t_right{text-align: right;}
.clear{width:100%;height:1px;clear:both;}
.waku02 .img_cap{
	margin:10px auto ;
	text-align: center;
	padding:0 !important;
}
.waku02 .img_caption_s{
display: inline-block;
	width:100%;
	margin:0px auto;
}
.waku03 .img_caption_s img{
	width:100%;
}
.waku03 .img_caption_s:after{
	content:attr(title);
	display:block;
	color:#fff;
	width:100%;
	text-align:center;
	margin:0em auto;
	font-size:1em;
	background:#aaa;
padding:0;
}
.frame:before{
    content:"";
    display: inline-block;
    height:100%;
    vertical-align: middle;
}
.frame > img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}
/* 写真一覧2 */
ul.ul_02{
		width:98%;
		margin:10px auto;
		text-align:center;
}
ul.ul_02 li{
    padding: 10px 10px;
    display: inline-block;
    width:370px;
		height:370px;
    font-size: 14px;
		margin:10px 0;
		text-align:center;
		vertical-align:center;
}
	/* レスポンシブ
	-----------------*/
	@media only screen and (max-width: 480px){
		ul.ul_02 li{
		    width:280px;
				height:280px;
		}
	}
	@media only screen and (max-width: 414px){
		ul.ul_02 li{
		    width:220px;
				height:220px;
		}
	}
ul.ul_02 li a{
	text-decoration:none;
	color:#333;
}

ul.ul_02 li .frame{
		font-size:0;
		text-align: center;
		width:350px;
		height:350px;
		background:#DFDFDF;
		margin:0 auto;
		border:10px solid #DFDFDF;
		position:relative;
		border-radius:10px;
		line-height:20px;
}

	/* レスポンシブ
	-----------------*/
	@media only screen and (max-width: 480px){
		ul.ul_02 li .frame{
				width:280px;
				height:280px;
		}
	}
	@media only screen and (max-width: 414px){
		ul.ul_02 li .frame{
				width:220px;
				height:220px;
		}
	}
ul.ul_02 li img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
   position:absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}


/* 報告など */
/* #sec_greeting
------------------------------------------------------------*/
p.txt_main{
	width:80%;
	margin:20px auto 0;
	border: dashed 1px #6594e0;
	font-size:120%;
	line-height:200%;
	padding:15px;
	text-align:center;
}
div.txt_main2{
	width:70%;
	margin:20px auto 30px;
	border: dashed 1px #6594e0;
	font-size:120%;
	line-height:200%;
	padding:15px 6%;
	text-align:left;
}
	/* レスポンシブ
	-----------------*/
	@media only screen and (max-width: 640px){
		div.txt_main2{
			width:90%;
			margin:10px auto 20px;
			border: dashed 1px #6594e0;
			font-size:120%;
			line-height:200%;
			padding:15px 2%;
			text-align:left;
		}
	}
p.txt_cmnt{
	width:80%;
	max-width:800px;
	margin:20px auto;
	font-size:100%;
	line-height:140%;
	padding:15px;
}
p.txt_cmnt2{
	margin:0 auto 20px;
	font-size:90%;
	padding:0 15px 50px;
}
p.img_big {
	width:85%;
	margin:20px auto 0;
	text-align:center;

}
p.img_big img{
	width:auto;
	max-width:600px;
	margin:10px;
  padding:7px;
	border:1px solid #ccc;
	background:#fff;
}
p.img_main {
	width:85%;
	margin:20px auto 0;
	text-align:center;

}
p.img_main img{
	width:auto;
	width:90%;
	max-width:400px;
	margin:10px;
  padding:7px;
	border:1px solid #ccc;
	background:#fff;
}
/* 写真一覧 */
p.img_mini {
	width:85%;
	margin:20px auto 0;
	text-align:center;

}
p.img_mini img{
	width:auto;
	max-width:200px;
	margin:10px;
  padding:7px;
	border:1px solid #ccc;
	background:#fff;
}
/* 写真パノラマ */
.img_pano {
	width:85%;
	max-width:900px;
	margin:20px auto 0;
	text-align:center;

}
.img_pano img{
	width:100%;
	margin:10px auto;
  padding:5px 0;
	border:1px solid #ccc;
	background:#fff;
	border-radius:5px;
}
/* 写真一覧並 */
p.img_middle {
	width:99%;
	margin:20px auto 0;
	text-align:center;

}
p.img_middle img{
	width:auto;
	height:450px;
	margin:10px 10px;
  padding:10px;
	border:1px solid #ccc;
	background:#fff;
}
p.img_middle2 img{
	width:auto;
	height:200px;
	margin:10px 10px;
  padding:10px;
	border:1px solid #ccc;
	background:#fff;
}
	/* レスポンシブ
	-----------------*/
	@media only screen and (max-width: 1000px){
		/* 写真一覧並 */
		p.img_middle {
			margin:5px auto 0;
		}
		p.img_middle img{
			width:80%;
			max-width:300px;
			height:auto;
			margin:5px;
		  padding:5px;
		}
	}
/* 写真一覧mini */
ul.img_mini{
    font-size: 0;
		text-align:center;
}
ul.img_mini li{
    display: inline-block;
    width:200px;
		height:auto;
		margin:10px 1%;
}

ul.img_mini li img{
	width:100%;
}
/* 写真一覧mini2 ちょっと大きめ */
ul.img_mini2{
		width:99%;
    font-size: 0;
		text-align:center;
}
ul.img_mini2 li{
    display: inline-block;
    width:31%;
		max-width:500px;
		height:auto;
		margin:10px 1%;
}

ul.img_mini2 li img{
	width:95%;
  padding:2%;
	border:1px solid #ccc;
}
/* 写真一覧 */
ul.img_2col{
		width:98%;
		margin:10px auto;
    font-size: 0;
		text-align:center;
}
ul.img_2col li{
    padding: 20px 10px;
    display: inline-block;
    width:370px;
		height:410px;
    font-size: 14px;
		margin:10px 0;
		text-align:center;
}

ul.img_2col li .frame{
		font-size:0;
		text-align: center;
		width:350px;
		height:350px;
		background:#e7f5f4;
		margin:0 auto;
		border:10px solid #e7f5f4;
		position:relative;
		border-radius:10px;
		line-height:20px;
}
ul.img_2col li .frame img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
   position:absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}
	/* レスポンシブ
	-----------------*/
	@media only screen and (max-width: 1000px){
		ul.img_2col li{
    padding: 10px 5px;
    display: inline-block;
    width:300px;
		height:340px;
    font-size: 14px;
		margin:10px 0;
		text-align:center;
		}
		ul.img_2col li .frame{
				width:270px;
				height:270px;
		}
	}

.frame:before{
    content:"";
    display: inline-block;
    height:100%;
    vertical-align: middle;
}
.frame > img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}
/* 箇条書き */
ul.ul_list {
	width:80%;
	max-width:400px;
	margin:10px auto;
	text-align:left;
  border: solid 2px skyblue;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

ul.ul_list  li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1em;
  list-style-type: none!important;
text-align:left;
}

ul.ul_list  li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: ">";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #fff;/*アイコン色*/
	background:skyblue;
	padding:1px 5px;
	border-radius:50%;
}
/* フッター
------------------------------------------------------------*/
footer{

	clear: both;
	padding: 30px 0;
	text-align: center;
	font-size: 90%;
	width:100%;
	height:100px;
	line-height:200%;
}
footer address{
	margin-top:80px;
	font-size: 120%;
	border-top:solid 2px #675C52;
}
footer address a{
	text-decoration:none;
}
footer p{
	clear:both;
}



	/* レスポンシブ
	-----------------*/
	@media only screen and (max-width: 1000px){
		.item{
			width: 31%;
		}
	}
	@media only screen and (max-width: 800px){
		ul.img_2col li .frame{
				font-size:0;
				text-align: center;
				width:100%;
				max-width:260px;
				max-height:260px;
				background:#f6f1f1;
				margin:0 auto;
				border:0px solid #ccc;
				position:relative;
		}
	}
	@media only screen and (max-width: 414px){
		ul.img_2col li .frame{
					max-width:220px;
				max-height:220px;
		}
		span.pcbr br{
			display:none;
			
		}
	}

	@media only screen and (max-width: 640px){
		.item{
			width: 48%;
		}
	}



/* 写真パノラマ */
.img_pano2 {
	width:85%;
	max-width:800px;
	margin:20px auto 0;
	text-align:center;

}
.img_pano2 img{
	width:100%;
	margin:10px auto;
  padding:5px 0;
	border:1px solid #ccc;
	background:#fff;
	border-radius:5px;
}
	/* グループ展2019
	-----------------*/
/* .photo いろいろな写真 3列（3枚配置のところ）
------------------------------------------------------------*/

.photos{
	width:100%;
	max-width:900px;
	height:auto;
	margin:0 auto 0;
	text-align:center;
}

.photos ul {
    clear:both;padding-top:0;
		font-size:0;
		text-align:center;
}
.photos ul li {
		width:250px;
		height:250px;
		list-style:none;
		padding:0;
		background:#E7DED5;
		margin:0 10px 10px;
		border:1px solid #f9f896;
		display:inline-block;
		font-size:15px;border: solid 1px #ddd;
		border-radius:5px;
}
	/*** レスポンシブ ***/
	@media only screen and (max-width: 800px){
		.photos ul {
			width:100%;
			height:auto;
			margin:0 auto;
		}
		.photos ul li {
				margin-bottom:20px;

		}
	}
	/*- - - - レスポンシブend - - - -*/




/* .photos 画像一覧
------------------------------------------------------------*/
	/* 縦横比維持したまま揃える
	-----------------*/
.photos ul li .item{
		font-size:130%;
		color:#01006A;
		font-weight:bold;
		text-align: center;
		width:100%;
		height:auto;
		position:relative;
		margin:0 auto 40px;
}

.photos ul li .item span{
		font-size:90%;
		color:#666;
	font-weight:normal;
}
.photos ul li .item .frame{
		font-size:0;
		text-align: center;
		width:230px;
		height:230px;
		margin:5px auto;
		border:0px solid #f9f896;
		position:relative;
}
.photos ul li .item .frame img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
   position:absolute;
    top:50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.photos ul li .item .frame:before{
    content:"";
    display: inline-block;
    height:100%;
    vertical-align: middle;
}
.photos ul li .item .frame > img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    vertical-align: middle;
}




/* .photo 2021写真 1列（1枚配置のところ）
------------------------------------------------------------*/
.photo_center{
	width:90%;
	max-width:800px;
	height:auto;
	margin:10px auto;
	text-align:center;
}
.photo_center2{
	max-width:950px;
}
.photo_center div{
	width:100%;
	margin:10px auto 20px;
	clear:both;
}
.photo_center img{
	width:100%;
}
	/*** レスポンシブ ***/
	@media only screen and (max-width: 800px){
	.photo_center div{
		margin:5px auto 5px;
	}
}