@charset "utf-8";
/*//////////////////////////////////

last up:2018/05/16

///////////////////////////////////*/

/*//////////////////////////////////

common
///////////////////////////////////*/
@media screen and (max-width: 768px) {
	.sp-none{
	display: none;
	}
}

.wrap__maincolor{
	background-color:#f3b1b9!important;
}
.wrapper-960__center{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

.wrapper-1166__center{
	width: 100%;
	max-width: 1166px;
	margin: 0 auto;
}
.wrapper-1050__center{
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
}

.wrapper-1120__center{
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}


.font-white{
	color: #fff;
}

/*//////////////////////////////////

body
///////////////////////////////////*/
body{
  background-color: #ffffff;
  color: #000;
  /*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;*/
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 500;  margin: 0;
  padding: 0;
}
a:link { color: #000; text-decoration: none;}
a:visited { color: #000; text-decoration: none;}
a:hover { color: #000; text-decoration: none; }
a:active { color: #000; text-decoration: none; }

/*マウスオーバー*/
a img {
  border: none;
  text-decoration: none;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
/*
a img:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
}
*/

/*////////////////////////////////////////////////////////

Header
////////////////////////////////////////////////////////*/
header{
	height: 93px;
	width: 100%;
	margin: 0 auto;
	background-color: #FFF;
}
@media screen and (max-width: 768px) {
	header{
		height: 66px;
		width: 100%;
	}
}

.head__wrap{
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}
.head__logo{
	position: absolute;
	z-index: 999;
}

@media screen and (max-width: 768px) {
	.head__logo{
	top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*margin: auto;*/
		width: 71px;
	}
	.head__logo img{
		height: 66px;
		width: auto;
	}
}

.snav__item a:link { color: #63c64d; text-decoration: none;}
.snav__item a:visited { color: #63c64d; text-decoration: none;}
.snav__item a:hover { color: #a70000; text-decoration: underline;}
.snav__item a:active { color: #000; text-decoration: none; }

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

/*////////////////////////////////////////////////////////

Hero area
////////////////////////////////////////////////////////*/
.hero-area{
	width: 100%;
	height: 766px;
	background: url(../img/top/hero_bg20190819.jpg) no-repeat;
	display: flex; 
  justify-content: center; 
  align-items: center; 
	position: relative;
}
.hero-catch{
	width: 75%;
	max-width: 637px;
}
.hero-catch img{
	width: 100%;
	height: auto;
}

/*//////////////////////////////////

main

///////////////////////////////////*/





/*//////////////////////////////////

Contents
///////////////////////////////////*/

.bgcoloer-wrap{
	width: 100%;
	padding: 62px 0;
	background-color: #63c64d;
}
@media screen and (max-width: 768px) {
	.bgcoloer-wrap{
		padding: 32px 0;
	}
}

.main-block{
	font-size: 14px;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 130px 0;
	box-sizing: border-box;
}


.main-block--news{
	font-size: 14px;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 28px 0 130px;
	box-sizing: border-box;
}

.bg-dotline{
	background: url(../img/top/dot_line20190822.jpg) bottom center no-repeat;
}

.bg-dotline__top{
	background: url(../img/top/dot_line20190822.jpg) top no-repeat;
}


@media screen and (max-width: 768px) {
	.main-block{
		padding: 2em 0;
	}
	.main-block--news{
		padding: 2em 0;
}
}

.corner-r{
	border-radius: 20px;
	border: solid 3px #ccc;
}


.box__ttl{
	background-color: #63c64d;
	color: #fff;
	text-align: center;
	letter-spacing: 0.3em;
	width: 96%;
	max-width: 960px;
	margin: 62px auto 0;
	font-size: 24px;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
}
	@media screen and (max-width: 768px) {
	.box__ttl{
		background-color: #63c64d;
		color: #fff;
		text-align: center;
		letter-spacing: 0.1em;
		width: 96%;
		max-width: 960px;
		margin: 48px auto 0;
		font-size: 20px;
		height: 42px;
		line-height: 42px;
		border-radius: 24px;
	}
	}


.info-list{
	width: 96%;
	max-width: 960px;
	margin:32px auto 0;
	font-size:18px;
	border-collapse: collapse;
	box-sizing: border-box;
 }
@media screen and (max-width: 768px) {
	.info-list{
	font-size:14px;
	font-size:1.4rem;
 }
}
.info-list th{
	padding: 18px 20px;
	text-align: center;
	background-color: #fffada;
	border: 1px solid #b9b9b9;
	box-sizing: border-box;
 }
 
 .info-list td{
	padding: 18px 20px;
	border: 1px solid #b9b9b9;
	 box-sizing: border-box;
 }

.note{
	font-size: 14px;
}


/*//////////////////////////////////

footer
///////////////////////////////////*/
footer{
  background-color: #FFF;
	border-top: 1px solid #888;
	padding: 48px 0 88px;
  width: 100%;
}
footer a:link { color: #F28D99; text-decoration: none;}
footer a:visited { color: #F28D99; text-decoration: none;}
footer a:hover { color: #888; text-decoration: none; }
footer a:active { color: #fff; text-decoration: none; }

@media screen and (max-width: 768px) {
	footer{
		padding: 28px 0;
	}
}

.foot__inner{
	color: #F28D99;
	width: 100%;
	max-width: 960px;
	margin: 0 auto 0;
}

.foot-info{
	float: left;
}
@media screen and (max-width: 768px) {
.foot-info{
		width: 53%;
		min-width: 168px;
		margin: 0;
	  padding: 0 0 0 7.5%;
}
}

.foot__logo{
		width: 80%;
		max-width: 335px;
		margin: 0;
	}
  .foot__logo img{
		width: 100%;
		height: auto;
	}

@media screen and (max-width: 768px) {
	.foot__logo{
		width: 53%;
		min-width: 168px;
		margin: 0;
	}
}

.foot__text{
	font-size: 14px;
	line-height: 1.42em;
}
.foot__text br{
	display: none;
}
.foot__text--ttl{
	margin-top: 26px;
	line-height: 1.71em;
	font-size: 14px;
	font-weight: bold;
}
	@media screen and (max-width: 768px) {
		.foot__text{
			font-size: 12px;
			line-height: 1.42em;
		}
		.foot__text br{
			display: block;
		}

		.foot__text--ttl{
			margin-top: 12px;
			line-height: 1.71em;
			font-size: 12px;
			font-weight: bold;
		}
	}

.foot-nav{
	font-size: 0;
	color: #F28D99;
	text-align: left;
}
.foot-nav__item{
	font-size: 14px;
	display: inline-block;
	margin: 0 0 0 25px;
}

	@media screen and (max-width: 768px) {
		.foot-nav{
			float: right;
			font-size: 0;
			color: #fff;
			text-align: right;
			width: 37.5%;
			max-width: 120px;
		}
		.foot-nav__item{
			font-size: 12px;
			display: block;
			margin: 12px 0 0;
		}
	}

.copy-area{
	background-color: #FFF;
	height: 60px;
	line-height: 60px;
	margin: 0;
	text-align: center;
  width: 100%;
	border-top: 1px solid #888;
}
.copyright{
	color: #F28D99;
	font-size: 12px;
	font-size: 1.2rem;
	width: 100%;
}

.copyright a:link { color: #F28D99; text-decoration: none; }
.copyright a:visited { color: #F28D99; text-decoration: none; }
.copyright a:hover { color: #888; text-decoration: none; }
.copyright a:active { color: #F28D99; text-decoration: none; }



/*//////////////////////////////////

common
///////////////////////////////////*/

/*テキストのハイライトカラーを変える///////*/
::selection{ /* Safari and Opera */
	background:#e9527d;
	color:#ffffff;
}
::-moz-selection{ /* Firefox */
	background:#e9527d;
	color:#ffffff;
}

/*クリアーフィックス////////////////*/
.clearfix{zoom:1}
.clearfix:after{content:"";display:block;clear:both;overflow:hidden}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.left-block{
	float: left;
}
.right-block{
	float: right;
}
@media screen and (max-width: 728px) {
	.left-block{
		float: none;
	}
	.right-block{
		float: none;
	}
}

.left{
	float: left;
}
.right{
	float: right;
}


i{
	margin-right: 5px;
}