@charset "UTF-8";
/*必要なもののみ記載しています*/
.title p {
    background: url(../../shigen/img/title-shigen-en.jpg) no-repeat center center;
    background-size: contain;
}
.title h1 {
    background: url(../../shigen/img/title-shigen.jpg) no-repeat center center;
    background-size: contain;
}
#pc-nav li:nth-child(4) a{
	border-bottom: 3px solid #e84572;
	box-sizing: border-box;
}
#pc-nav li:nth-child(4) .nav:hover::before {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}


#what {
    margin-bottom: 100px;
	background-color: #a2d7dd;
	padding:40px 0;
	 border-radius: 6px;        /* CSS3草案 */
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 6px;   /* Firefox*/
}
@media screen and (max-width: 480px) {
	#what {
    margin-bottom: 50px;
}
}
/*アニメーション動き*/
#animation {
    position: relative;
    width: 188px;
    margin: auto;
}
#animation .animation {
    margin: auto;
    width: 100px;
    overflow: hidden;
    height: 116px;
    overflow: hidden;
    text-indent: -9999px;
    display: block;
    margin: auto;
    text-align: center;
    animation: sprite-animation 1s steps(9) infinite;
    background: url(../../concept/img/ani-gori.jpg)no-repeat center center;
    background-size: 100px;
}
 @keyframes sprite-animation {
 0% {
background-position: 0px 0px;
}
 100% {
background-position: 0px -1044px;
}
}
.text {
    text-align: center;
    margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
.text {
    text-align: left;
}
}

.btn-white a {
    font-size: 1.5em;
    letter-spacing: 0.08em;
    vertical-align: middle;
    margin: 0 auto 20px auto;
}
.btn-white a img {
    vertical-align: middle;
    padding-right: 10px;
}

@media screen and (max-width:  768px) {
.btn-white a {
    border: 2px solid #e84572;
}
}

#shigen, #shigen2 {
	margin: 0 auto 50px auto;
}
#shigen .img, #shigen2 .img{
	max-width:700px;
	margin: auto;
}
#shigen .title-mini h3 {
    position: absolute;
    background: #fff url( ../../shigen/img/title_honsha.png) no-repeat center center;
    background-size: contain;
    width: 230px;
    height: 19px;
    display: block;
    left: 0;
    right: 0;
    top: -10px;
    margin:auto;
    text-indent: -100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 40px;
}

#shigen2 .title-mini h3 {
    position: absolute;
    background: #fff url( ../../shigen/img/title_dai3.png) no-repeat center center;
    background-size: contain;
    width: 75px;
    height: 19px;
    display: block;
    left: 0;
    right: 0;
    top: -10px;
    margin:auto;
    text-indent: -100%;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 40px;
}

@media screen and (max-width: 480px) {
#shigen ul li{
	width: 100%;
	float: none;
}
#shigen ul li img{
	padding-right: 0px;
}
#shigen ul li p{
	padding-left: 0px;
	margin-top: 20px;
}
}