@charset "utf-8";


/*===============================================

 header

=================================================*/

header {
	position: relative;
	z-index: 1;
}

/*===============================================

 #mainVisual

=================================================*/

#mainVisual {
	position:relative;
	/* width:1323px; */
	width:1030px;
	margin:50px auto 0;
	text-align:center;
	overflow:visible;
}
#mainVisual::-webkit-scrollbar {
    display: none;
  }

/*	スライダー */
.svgmask{
	height: 0;
	width: 0;
}
.bx-wrapper {
	width: 1028.37px;
    height: 503.99px;
	margin: 0 auto 80px;
	position: relative;
	background: none;
	border: 0;
	box-shadow: none;
	/*overflow: hidden;*/
}
/*	IE対策 */
@media all and (-ms-high-contrast: none) {.bx-wrapper {height: 180px;}}
.bx-loading{ display: none; }
.bx-viewport{ overflow: visible !important; 
}

/*	スライダーページャーカスタム */
.bx-wrapper .bx-pager.bx-default-pager a {
  background:#999;
    margin: 0 10px;
}

/* rabbit */
.rabbit {
	position:absolute;
	top: 191px;
    right: 146px;
    z-index: 9;
}

/* bear */
.bear {
	position:absolute;
	top:310px;
	right:112px;
}
.bear{
	animation: bear_h 1s ease-in-out infinite alternate;
  -webkit-animation: bear_h 1s ease-in-out infinite alternate;
}
.bear span{
  display: block;
	animation: bear_v 0.5s ease-in-out infinite alternate;
  -webkit-animation: bear_v 0.5s ease-in-out infinite alternate;
}
/*@-moz-keyframes bear_v {
  0% {transform: translateY(-6px);}
  100% {transform: translateY(0px);}
}
@-webkit-keyframes bear_v {
  0% {transform: translateY(2px);}
  100% {transform: translateY(0px);}
}
@-ms-keyframes bear_v {
  0% {transform: translateY(-6px);}
  100% {transform: translateY(0px);}
}*/
@-moz-keyframes bear_h {
	0% {transform: rotate(-4deg);}
	100% {transform: rotate(4deg);}
}
@-webkit-keyframes bear_h {
	0% {transform: rotate(-4deg);}
	100% {transform: rotate(4deg);}
}
@-ms-keyframes bear_h {
	0% {transform: rotate(-4deg);}
	100% {transform: rotate(4deg);}
}

/* balloon photo */
#mainVisual .bln li {
	position:absolute;
	z-index: 2;
}
#mainVisual .bln li#blnRight {
    display: none;
	top:0;
	right:-180px;
}
#mainVisual .bln li#blnLeft {
    display: none;
	top:257px;
	left:-170px;
}
#mainVisual .bln li,
#otherParts .bln li {
  display: inline-block;
}
#mainVisual .bln li:nth-child(odd),
#otherParts .bln li:nth-child(even) {
	animation: horizontal1 2s ease-in-out infinite alternate;
  -webkit-animation: horizontal1 2s ease-in-out infinite alternate;
}
#mainVisual .bln li:nth-child(even),
#otherParts .bln li:nth-child(odd) {
	animation: horizontal2 2s ease-in-out infinite alternate;
  -webkit-animation: horizontal2 2s ease-in-out infinite alternate;
}
#mainVisual .bln li span,
#otherParts .bln li span {
  display: block;
	animation: vertical 2s ease-in-out infinite alternate;
  -webkit-animation: vertical 2s ease-in-out infinite alternate;
}
#mainVisual .bln li:nth-child(1) span {
	animation-duration: 1.1s;
  -webkit-animation-duration: 1.1s;
}
#mainVisual .bln li:nth-child(2) span {
	animation-duration: 1.4s;
  -webkit-animation-duration: 1.4s;
}
@-moz-keyframes horizontal1 {
0% {transform: translateX(-3px);}
100% {transform: translateX(0px);}
}
@-webkit-keyframes horizontal1 {
0% {transform: translateX(-3px);}
100% {transform: translateX(0px);}
}
@-ms-keyframes horizontal1 {
0% {transform: translateX(-3px);}
100% {transform: translateX(0px);}
}
@-moz-keyframes horizontal2 {
  0% {transform: translateX(3px);}
  100% {transform: translateX(0px);}
}
@-webkit-keyframes horizontal2 {
  0% {transform: translateX(3px);}
  100% {transform: translateX(0px);}
}
@-ms-keyframes horizontal2 {
  0% {transform: translateX(3px);}
  100% {transform: translateX(0px);}
}
@-moz-keyframes vertical {
  0% {transform: translateY(-10px);}
  100% {transform: translateY(0px);}
}
@-webkit-keyframes vertical {
  0% {transform: translateY(-10px);}
  100% {transform: translateY(0px);}
}
@-ms-keyframes vertical {
  0% {transform: translateY(-10px);}
  100% {transform: translateY(0px);}
}

/* mainVisual star */

#mainVisual .star li {
	position:absolute;
	z-index: 1;
}
#mainVisual .star li {
	top:400px;
	left:950px;
}

/* other balloon */

#otherParts .bln li {
	position:absolute;
	z-index: 1;
}
#otherParts .bln li#leftGrnM {
	top:309px;
	left:100px;
}
@media(max-width:1200px){
#otherParts .bln li#leftGrnM {
	display:none;
}
}
#otherParts .bln li#leftBleM {
	top:854px;
	left:110px;
}
@media(max-width:1500px){
#otherParts .bln li#leftBleM {
	display:none;
}
}
#otherParts .bln li#leftGrnS {
	top:1154px;
	left:250px;
}
@media(max-width:1607px){
#otherParts .bln li#leftGrnS {
	display:none;
}
}
#otherParts .bln li#leftPnkS {
	top:1540px;
	left:200px;
}
@media(max-width:1607px){
#otherParts .bln li#leftPnkS {
	display:none;
}
}
#otherParts .bln li#rightGrnM {
	top:720px;
	right:110px;
}
@media(max-width:1500px){
#otherParts .bln li#rightGrnM {
	display:none;
}
}
#otherParts .bln li#rightPnkM {
	/*top:1020px;*/
    top: 400px;
	right:120px;
}
@media(max-width:1200px){
#otherParts .bln li#rightPnkM {
	display:none;
}
}
#otherParts .bln li#rightBleM {
	top:1305px;
	right:190px;
}
@media(max-width:1607px){
#otherParts .bln li#rightBleM {
	display:none;
}
}
#otherParts .bln li#btmGrn {
	top:1944px;
	right:100px;
}
@media(max-width:1500px){
#otherParts .bln li#btmGrn {
	display:none;
}
}


/*===============================================

 #container

=================================================*/

#container {
}

/*===============================================

 section 

=================================================*/

section {
	position: relative;
	padding-bottom:60px;
}
section:nth-of-type(even) {
}
section .contents {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}

/*===============================================

 #concept

=================================================*/

#concept {
	margin-top:18px;
}
#concept .photo {
	float:left;
}
#concept .txt {
	float:right;
	width:523px;
	padding-top:30px;
	text-align:left;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

#concept .contents {
	zoom: 1; /* for IE5.5 - IE7 */
}
#concept .contents:after {
	/* for modern browser */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*===============================================

 #news

=================================================*/

#news .contents {
	display:table;
	position:relative;
    padding-top: 50px;
    padding-bottom: 60px;
}
#news .contents > * {
	display:table-cell;
}
#news .contents:before {
	position:absolute;
	width:1009px;
	height:37px;
	top:0;
	left:-5px;
	content:"";
	background:url(../img/top/chain.png);
}
#news .contents:after {
	position:absolute;
	width:1009px;
	height:37px;
	bottom:0;
	left:-5px;
	content:"";
	background:url(../img/top/chain.png);
}
#news .left {
	position:relative;
	width:480px;
	padding-left:85px;
	text-align:left;
	vertical-align:middle;
}
#news .left:before {
	position:absolute;
	top:90px;
	left:2px;
	content:"";
	width:65px;
	height:71px;
	background-image:url(../img/top/i_trumpet.png);
    background-repeat: no-repeat;
    background-size: 65px 71px;
}
#news .left h2 span a {
	display:inline-block;
	position:relative;
	line-height:1.5em;
	margin-top:15px;
	padding-left:15px;
	font-size: 1.6rem;
	font-weight:400;
}
#news .left h2 span a:hover {
	text-decoration:underline;
}
#news .left h2 span a:before {
	position:absolute;
	content:"";
	top:8px;
	left:0;
	width:8px;
	height:8px;
	background-image:url(../img/top/arrow_pink.png);
}
#news .right {
	width:520px;
}
#news .right dl {
	margin-top:12px;
	padding-bottom:12px;
    border-bottom: 1px solid #dcdcdc;
}
#news .right dl:nth-of-type(n+4) {
	padding-bottom:0;
    border-bottom: none;
}
#news .right dl:nth-of-type(n+5) {
    display: none;
}
#news .right dl dt,
#news .right dl dd{
    font-size: 1.5rem;
}
#news .right dl dt {
    font-weight: normal;
}
#news .right dl dt::after {
	top:-2px;
    width: 85px;
	height:25px;
	line-height:25px;
    font-size:1.2rem;
}
#news .right dl dd{
    padding-left: 100px;
    width: 100%;
}


/*===============================================

 #menu

=================================================*/

#menu {
	margin-top:18px;
}
#menu ul {
	display:flex;
    justify-content: space-between;
	width:1000px;
}
#menu ul li {
	width:175px;
	text-align:center;
}
#menu ul li p {
    text-align:center;
}
#menu ul li a figure {
    width: 168px;
    height: 168px;
    -webkit-mask-image: url("../img/svg/circle1.svg");
    -webkit-mask-size: cover;
    mask-image: url("../img/svg/circle1.svg");
    mask-position: center;
    mask-size: cover;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	animation: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}
#menu ul li a:hover figure {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	animation: scale(0.8);
	-ms-transform: scale(0.8);
}
#menu ul li a:hover {
    text-decoration: none;
}
#menu ul li:nth-of-type(2n) figure{
    mask-image: url("../img/svg/circle2.svg");
}
#menu ul li:nth-of-type(3n) figure{
    mask-image: url("../img/svg/circle3.svg");
}
#menu ul li:nth-of-type(4n) figure{
    mask-image: url("../img/svg/circle4.svg");
}
#menu ul figure img{
    width: 100%;
    height: auto;
}
#menu ul li h3{
    margin-top: 10px;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1.6rem;
}
#menu ul li p{
    margin-top: 10px;
    text-align: left;
    font-size: 1.5rem;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++*/
/* clearfix
+++++++++++++++++++++++++++++++++++++++++++++++++*/

.cf {
	zoom: 1; /* for IE5.5 - IE7 */
}
.cf:after {
	/* for modern browser */
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}