@charset "utf-8";


/* --------------------------------------------

header

---------------------------------------------- */ 

.header .header-hero {
	overflow: hidden;
	height: 100vh;
	box-sizing: border-box;
	border: 8px solid #ffd84c;
}
.header .header-hero ul {
	height: 100vh;
}
.header .header-hero ul li {
	position: relative;
	height: 100vh;
}
.header .header-hero ul li img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width:980px){
.header .header-hero,
.header .header-hero ul {
	height: auto;
}

.header .header-hero ul li {
	height: auto;
}

.header .header-hero ul li img {
  display: block;
  position: static;
  width: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
}

.header .header-news {
	position: absolute; bottom: 5em; left: 3%;
	width: 90%; max-width: 650px;
	border: 4px solid #ffd84c;
	border-radius: 11px;
	background-color: #ffd84c;
}

.header .header-news::before {
	display: block;
	content: "";
	position: absolute; top: -3em; left: -2em;
	width: 53px;
	height: 52px;
	background: url("../img/index/news_icon.png") top center no-repeat;
	background-size: contain;
}

@media screen and (max-width:980px){
	
.header .header-news {
	position: relative; top: 0; left: 0;
	margin: 3em auto;
}
	
.header .header-news::before {
	position: absolute; top: -2.5em; left: -2em;
	width: 40px;
	height: 40px;
}
}

.header .header-news__list {
	overflow: hidden;
	border-radius: 11px;
}

.header .header-news__list > p {
	float: left;
	box-sizing: border-box;
	width: 220px;
	padding: 3px 0 5px;
	font-size: 18px; font-size: 1.8rem;
	text-align: center;
	color: #fff;
}

@media screen and (max-width:768px){
	
.header .header-news__list > p {
	width: 170px;
	padding: 8px 0 5px;
}
}

.header .ticker {
	overflow: hidden;
	width: auto;
	height: 40px !important;
	font-size: 15px; font-size: 1.5rem;
	background-color: #fff;
}

.header .ticker a {
}

.header .ticker a div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header .ticker p {
	line-height: 1;
}

.header .ticker p span{
	margin-right: 0.5em;
}

.header .ticker ul li {
	height: 40px;
}

.header .header-news__list dt {
	float: left;
	box-sizing: border-box;
	width: 220px;
	padding: 2px 0 5px;
	font-size: 17px; font-size: 1.7rem;
	text-align: center;
	color: #fff;
}

@media screen and (max-width:768px){
	
.header .header-news__list dt {
	width: 170px;
}
}

.header .header-news__list dd {
	overflow: hidden;
	padding: 5px 2%;
	box-sizing: border-box;
	font-size: 15px; font-size: 1.5rem;
	background-color: #fff;
}

.header .header-news__list dd a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}
.header .header-news__list dd span {
	display: inline-block;
	margin-right: 1em;
	font-size: 12px; font-size: 1.2rem;
	vertical-align: text-top;
}


/* --------------------------------------------

banner

---------------------------------------------- */
.bannerBox {
  width: 90%; max-width: 794px;
  margin: 5em auto 0;
}
.bannerBox img {
  width: 100%;
}

/* --------------------------------------------

about

---------------------------------------------- */ 

.aboutTop {
	position: relative;
	padding: 15em 0;
}

.aboutTop .keyframe{
	display: block;
	width: 100%;
	max-width: 221px;
	position: absolute;
	top:-80%;right:-10%;
}

@media screen and (max-width:980px){
	
.aboutTop {
	padding:8em 0 15em;
	background-size: 120px auto;
}
.aboutTop .keyframe{
	max-width: 210px;
	top:-10%;right:0;
}
}

@media screen and (max-width:768px){
	
.aboutTop {
	background-size: 110px auto;
}
	
.aboutTop .keyframe{
	max-width: 145px;
	top:0;right:10%;
}
}

.aboutTop .animest.about-title {
	position: relative;
	width: 90%;
	max-width: 810px;
	font-size: 29px;
	font-size: 2.9rem;
	letter-spacing: 8px;
	margin: 0 auto;
	padding-top: 1em;
	text-align: center;
}

.aboutTop .about-title span{
	font-size: 42px;
	font-size: 4.2rem;
	color: #ed6d46;
}

.aboutTop .about-title::before {
	display: block;
	content: "";
	position: absolute; top:0;left: 0;
	width: 61px;
	height: 63px;
	background: url("../img/index/about_illust02.png") top center no-repeat;
	background-size: contain;
	animation: slide-tl 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@keyframes slide-tl {
  0% {
    transform: translateY(0) translateX(0);
  }
  100% {
    transform: translateY(-35px) translateX(-35px);
  }
}


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


.aboutTop .about-title::before {
	width: 100%;
	position: static;
	margin: 0 auto 1em;
	background-size: contain;
}
}


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

.aboutTop .about-title {
	position: relative;
	width: 90%;
	font-size: 36px;
	font-size: 3.6rem;
	margin: 0 auto 1em;
}

.aboutTop .about-title::before {
	width: 52px;
	height: 52px;
}
	
.aboutTop .about-title span{
	font-size: 38px;
	font-size: 3.8rem;
	color: #ed6d46;
}
}


@media screen and (max-width:440px){
	
.aboutTop .about-title{
	line-height:38px;
}

.aboutTop .about-title br{
	display: none;
}
}


.aboutTop .about-detail {
	position: relative;
	width: 94%; max-width: 1135px;
	margin: 0 auto;
	padding: 8em 0;
	background: url("../img/index/about_illust03.png") left 65% no-repeat, url("../img/index/about_illust04.png") right 90% no-repeat;
}

.aboutTop .about-detail img.top-about-ani01{
	display: block;
	width: 100%;
	max-width: 124px;
	position: absolute;
	top:5%;
	left:0;
}

@media screen and (max-width:980px){
	
.aboutTop .about-detail {
	padding-top: 280px;
	background: url("../img/index/about_illust05.png") center 0 no-repeat, url("../img/index/about_illust06.png") bottom center  no-repeat;
	background-size: 680px auto;
}
	
.aboutTop .about-detail img.top-about-ani01{
	display: block;
	max-width: 124px;
	position: absolute;
	top:0;
	left:0;
}
}

@media screen and (max-width:768px){
.aboutTop .about-detail {
	padding-top: 40%;
	background-size: 90%,90%;
}
	
.aboutTop .about-detail img.top-about-ani01{
	max-width: 75px;
	position: absolute;
	top:3%;
	left:0;
}
}

@media screen and (max-width:450px){
	
.aboutTop .about-detail {
	padding-top: 140px;
}
	
.aboutTop .about-detail img.top-about-ani01{
	max-width: 55px;
	top:3%;
	left:0;
}
}

.aboutTop .about-detail__open {
	position: absolute; top: 20%; left: 75%;
	width: 60%; max-width: 161px;
}
.aboutTop .about-detail__open img {
	display: block;
	width: 100%;
}

@media screen and (max-width:1200px){
.aboutTop .about-detail__open {
	position: absolute; top: 20%; left: 82%;
	width: 60%; max-width: 161px;
}
}

@media screen and (max-width:980px){
.aboutTop .about-detail__open {
	position: static;
	max-width: 140px;
	margin: 0 auto 3em;
}
}

@media screen and (max-width:768px){
.aboutTop .about-detail__open {
	max-width: 120px;
}
}

.aboutTop .about-detail__text {
	margin-bottom: 100px;
	font-size: 20px; font-size: 2rem;
	font-weight: 500;
	line-height: 2.4;
	letter-spacing: 0.12em;
	text-align: center;
}
@media screen and (max-width:980px){
.aboutTop .about-detail__text {
	margin-bottom: 50px;
}
}

@media screen and (max-width:768px){
.aboutTop .about-detail__text {
	width: 90%; max-width: 600px;
	margin: 0 auto 3em;
	font-size: 18px; font-size: 1.8rem;
	text-align: left;
}
	
.aboutTop .about-detail__text br {
	display: none;
}
}


.aboutTop .contentBtn {
	width:70%;
	max-width:360px;
	display: block;
	margin: 0 auto;
}

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

.aboutTop .contentBtn {
	max-width:280px;
	display: block;
	margin: 0 auto;
}}


/* --------------------------------------------

写真　スライド

---------------------------------------------- */ 


.from-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 470px;
}

.from-slider .slideGuide .slideCell {
	display: block;
	float: left;
	width: 437px;
	height: 100%;
}

.from-slider .slideGuide .slideCell img {
	height: 100%;
	border-bottom: 6px solid #fff8dc;
	border-left: 6px solid #fff8dc;
	border-right: 6px solid #fff8dc
}

@media screen and (max-width:980px){
.from-slider {
	height: 320px;
}
	
.from-slider .slideGuide .slideCell {
	height: 100%;
}
}

.gallery {
	position: relative;
	border-top:6px solid #fff8dc;
	border-bottom:6px solid #fff8dc;
}

img.top-gallery-ani01 {
	display: block;
	max-width: 100px;
	position: absolute; top: -8em; right: 5em; z-index: 5;
}

.gallery::after {
	display: block;
	content: "";
	position: absolute; bottom: -5em; left: 8em; z-index: 5;
	width: 87px;
	height: 123px;
	background: url("../img/index/gallery_illust02.png") top center no-repeat;
	background-size: contain;
}

@media screen and (max-width:980px){
	
img.top-gallery-ani01 {
	max-width:80px;
	position: absolute; top: -6em; right: 3em;
}

.gallery::after {
	position: absolute; bottom: -5em; left: 1em; z-index: 5;
	width: 67px;
	height: 103px;
	background-size: contain;
}
}

@media screen and (max-width:768px){
	
img.top-gallery-ani01 {
	max-width:65px;
}
	
.gallery::after {
	width: 57px;
	height: 93px;
	background-size: contain;
}
}


/* --------------------------------------------

member

---------------------------------------------- */ 

.memberTop {
	display: block;
	width: 100%;
	margin: 5em auto;
	padding: 15em 0 5em;
	position: relative;
	height: auto;
	background:  url("../img/index/top-member-bg.png") no-repeat;
	background-size:cover;
}

.member_h2 {
	position: absolute;
	top:45%;bottom: 0;right: 0;left: 0;
	margin: auto;
}
	
.member_h2 img{
	display: block;
	width: 100%;
}

@media screen and (max-width:960px){
	
.memberTop {
	padding: 5em 0 7em;
	background:  rgba(255,248,188,0.3);
	/*background-size:50% 50% ;*/
}
	
.member_h2 {
	position:static;
	margin: 0 auto 1em;
}
}

.member-ichiran-ani03 {
	display: block;
	width: 110px;
	position: absolute;bottom: 10em;left:24em;
}

.member-ichiran-ani04 {
	display: block;
	width: 248px;
	position: absolute;top: 0;right:-3em;
	z-index: 999999;
}

@media screen and (max-width:1300px){
	
.member-ichiran-ani03 {
	width: 110px;
	position: absolute;bottom: 5em;left:8em;
}
	
.member-ichiran-ani04 {
	width: 200px;
	position: absolute;top: 8em;right:1em;
}
}

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

.member-ichiran-ani03 {
	width: 90px;
	position: absolute;bottom: 20em;left:8em;
}
	
.member-ichiran-ani04 {
	width: 200px;
	position: absolute;top: -4em;right:2em;
}
}

@media screen and (max-width:655px){
	
.member-ichiran-ani03 {
	display: none;
}
.member-ichiran-ani04 {
	display: none;
}
}

.memberTop .contentBtn{
	position: absolute;
	top: 57%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	margin: auto;
	z-index: 99999;
}

.memberTop .contentBtn a.arrow3 {
	padding: 0.6em 1.5em ;
}

/* Edge 1 */
@supports (-ms-ime-align: auto) {
.memberTop .contentBtn a.arrow3 {
	padding: 0.8em 1.5em 0.4em ;
}
}
/* Edge 2 */
_:-ms-lang(x)::backdrop, .memberTop .contentBtn a.arrow3 {

	padding: 0.8em 1.5em 0.4em ;
}

/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .memberTop .contentBtn a.arrow3 {
	padding: 0.8em 1.5em 0.4em ;
}


.main-contents {
	display: block;
    position: relative;
    width: 100%;
	max-width: 1000px;
	min-height: 1000px ;
	margin: 0 auto ;
	/*background: url("../img/index/staff_illust01.png") 22% 58em no-repeat,
	url("../img/index/staff_illust02.png") 80% no-repeat;*/
}

.main-contents .circle-box {
	display: block;
    position: relative;
	width: 100%;
	max-width: 1025px;
    margin: 0 auto;
	text-align: center;
}

div.item {
	display: block;
    position: absolute;
	width: 100%;
	max-width: 149px;
	border-radius:71px;
	margin: 3em;
	height: 100%;
	object-fit: cover;
}

.member-3column-Sp {
	display: none;
}

@media screen and (max-width:960px){
	
.main-contents {
	display: block;
	min-height: inherit;
}
	
.main-contents .circle-box {
	display: none;
}
	
.member-3column-Sp {
	display: block;
	width:94%;
	max-width: 1040px;
	margin: 0 auto;
	text-align: center;
}

.member-3column-Sp .item01-Sp{
	display: inline-block;
	width: 100%;
	max-width: 156px;
	vertical-align: top;
	margin: 1.5em 2em;
}
		
.member-3column-Sp .item01-Sp img{
	display: block;
	width: 100%;
}
	
.memberTop .contentBtn{
	display: block;
	width: 60%;
	max-width: 200px;
	position:static;
	text-align: center; 
	margin: 5em auto 0 ;
	z-index: 999999;
	transform: none;
}
}

@media screen and (max-width:430px){
	
.member-3column-Sp{
	width: 80%;
}

.member-3column-Sp .item01-Sp{
	width: 100%;
	max-width: 136px;
	margin: 0;
}

.member-3column-Sp .item01-Sp:nth-child(even){
	display: block;
	width: 100%;
	text-align: left;
}
	
.member-3column-Sp .item01-Sp:nth-child(odd){
	display: block;
	width:100%;
	margin: 0 0 0 auto;
}
	
.memberTop .contentBtn{
	margin: 8em auto 0;
}
}


/* --------------------------------------------

member news

---------------------------------------------- */ 

.membernewsTop {
	padding: 3em 0 5em;
	position: relative;	z-index: 9999;
}

.membernewsTop .contentBtn {
	display: block;
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
	text-align: center;
}

.member-news-ani01 {
	display: block;
	width: 99px;
	position: absolute;top:-11em;right: 25em;
}

.member-news-ani02 {
	display: block;
	width: 114px;
	position: absolute;bottom:-5em;left: 25em;
}


@media screen and (max-width:1200px){
	
.member-news-ani01 {
	width: 79px;
	position: absolute;top:-9em;right: 10em;
}

.member-news-ani02 {
	width: 90px;
	position: absolute;bottom:-3em;left: 10em;
}
}

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

.member-news-ani01 {
	width:65px;
	position: absolute;top:-11em;right:5em;
}

.member-news-ani02 {
	width: 85px;
	position: absolute;bottom:-5em;left: 3em;
}
}

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

.member-news-ani01 {
	display: none;
}

.member-news-ani02 {
	display: none;
}
}

ul.ul-news-title {
	width: 85%;
	max-width: 601px;
	margin: 3em auto;
	text-align: center;
}

li.li-news-title {
	padding: 1em 0;
	border-bottom: 2px dashed #ff6515;
	text-align: left;
}

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

li.li-news-title .news-kiji-time,p.news-kiji-title{
	display: block;
	margin: 0 auto;
	text-align: center;
}
	
.member-news-ani01 {
	width:65px;
	position: absolute;top:-11em;right:5em;
}

.member-news-ani02 {
	width: 85px;
	position: absolute;bottom:-5em;left: 3em;
}
}


li.li-news-title:last-child {
	border-bottom: none;
}

ul.ul-news-title li.li-news-title span.nameIcon{
	display: inline-block;
	width: 100%;
	max-width: 83px;
	height: 19px;
	vertical-align: middle;
	margin: 0 2em 0.3em 1.3em;
	background: url("../img/IgawaIcon.png") no-repeat;
}

ul.ul-news-title li.li-news-title p{
	display: inline;
	width: 100%;
	font-size: 17px;
	font-size: 1.7rem;
	letter-spacing: 2px;
}

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

ul.ul-news-title li.li-news-title p{
	display: block;
	width: 100%;
}
}

ul.ul-news-title li.li-news-title .news-kiji-time{
	font-size:17px;	font-size:1.7rem;
	font-weight: bold;
}


ul.ul-news-title li.li-news-title .nameIcon img{
	display: block;
	width: 100%;
}

ul.ul-news-title li.li-news-title a{
	transition: 0.5s ;
}

ul.ul-news-title li.li-news-title a:hover{
	opacity: 0.5;
}

ul.ul-news-title p.news-kiji-title {
	font-size: 19px;
	font-size: 1.9rem;
	text-decoration: underline;
} 



/* --------------------------------------------

report

---------------------------------------------- */ 

.reportTop {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding:8em 0;
	background: url("../img/index/report_illust01.png") 13% 40em no-repeat,url("../img/index/report_illust02.png") 72% 19em no-repeat,rgba(255,248,188,0.3);
}

.reportTop-ichiran {
	padding: 0;
}

.reportBtn:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.reportBox {
	display: block;
	width:70%;
	max-width: 1000px;
	margin: 5em auto;
}

.reportItem {
	display: inline-block;
	width: 100%;
	max-width: 440px;
	border-top:#fff8dc solid 8px;
	border-bottom:#fff8dc solid 8px;
	border-left:#fff8dc solid 8px;
	border-right:#fff8dc solid 8px;
	background: #fff;
	margin: 0 2em ;
}

.reportItem img{
	display: block;
	width: 100%;
}

@media screen and (max-width:1450px){
	
.reportTop {
	background: url("../img/index/report_illust01.png") 10% 70em no-repeat,url("../img/index/report_illust02.png") 63% 49em no-repeat,rgba(255,248,188,0.3);
}

.reportBox {
	max-width: 440px;
}

.reportItem {
	display: block;
	max-width: 500px;
	margin: 0 auto;
}

.reportItem:nth-of-type(1) {
	margin-bottom: 6em;
}
}

@media screen and (max-width:768px){
	
.reportTop {
	background:rgba(255,248,188,0.3);
}
}


.reportText {
	margin: 1.2em 0 1.2em 1.3em;
}

.reportText p:nth-of-type(1){
	margin-bottom: 0.3em;
}

.reportText p:nth-of-type(2){
	font-size:18px;
	font-size:1.8rem;
	font-weight: bold;
	text-decoration: underline;
}

.report_h2 {
	display: block;
	width: 35%;
	max-width: 177px ;
	margin: 0 auto 3em;

}

.report_h2 img{
	display: block;
	width: 100%;
}


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

.report_h2 {
	max-width: 150px;
}}*/

.reportTop .contentBtn {
	max-width: 200px;
	margin: 0 auto;
	text-align: center;
}

/* --------------------------------------------

form 

---------------------------------------------- */ 

.formTop .contentBtn {
	display: block;
	width: 80%;
	max-width: 380px;
	margin: 5em auto ;
	text-align: center;
}

.formTop {
	background: #fff;
}

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

.formTop .contentBtn {
	max-width: 300px;
	margin: 5em auto ;
	text-align: center;
}
}