@charset "UTF-8";

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left;font-weight:400;vertical-align:middle}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
html{line-height:1.5;font-size:100%;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif}
img{max-width:100%}
#siteLogo{position:absolute;top:0;z-index:100;background:#fff;width:100%;padding:10px 0 5px;text-align:center}
#siteLogo img{width:17.9977502%}
#mainVisual{width:100%;margin-top:40px}
#mainVisual .slides{overflow:hidden}
#mainVisual li{position:relative;overflow:hidden;max-height:90%}
#mainVisual li img{width:100%}
#mainVisual .lastSlide{position:relative}
#mainVisual .lastSlide .lastSlideText{position:absolute;top:35%;left:50%;margin-top:-12px;margin-left:-140px;z-index:5}
#mainVisual .lastSlide .lastSlideText img{width:280px!important}
#mainVisual .lastSlide .bgImage{top:100px;z-index:4}
#footer{position:relative;width:100%;background:#fff}
#linkBtnArea{position:absolute;bottom:0;right:0;width:11.76090606%;padding-right:2.494737647%;display:none;z-index:101}
#linkBtnArea li{float:left;width:45%;margin-right:10%}
#linkBtnArea li.last{float:right;margin-right:0}
#globalNavi ul{margin-bottom:10px}
#globalNavi ul li{text-align:center}
#globalNavi ul li a{display:block;text-decoration:none;color:#221814;font-size:87.5%;padding:12px}
#globalNavi ul li.menu08 a::after{content: " "; display: inline-block; width: 1em; height: 1em;background:url(/static-resources/images/btn_facebook.png) 100% 50% no-repeat;background-size: 100% auto;}
#globalNavi ul li.menu09 a::after{content: " "; display: inline-block; width: 1em; height: 1em;background:url(/static-resources/images/btn_instagram.png) 100% 50% no-repeat;background-size: 100% auto;}
#globalNavi ul li.menu10 img{height: 1em;}
@media screen and (min-width:480px) {
	body {
		overflow: hidden
	}
	#siteLogo {
		float: left;
		position: relative;
		top: auto;
		padding: 0;
		background: 0 0
	}
	#mainVisual {
		margin-top: 0
	}
	#mainVisual img {
		max-width: none
	}
	#mainVisual .lastSlide .lastSlideText {
		margin-top: -12px;
		margin-left: -245px
	}
	#mainVisual .lastSlide .lastSlideText img {
		width: 490px!important
	}
	#mainVisual .lastSlide .bgImage {
		top: 100px;
		z-index: 4
	}
	#footer {
		position: fixed;
		bottom: 0;
		padding-bottom: 10px;
		z-index: 100
	}
	#globalNavi {
		float: left;
		width: 100%;
		margin-bottom: 2em;
		text-align: center
	}
	#globalNavi ul {
		padding-top: 10px
	}
	#globalNavi ul li {
		display: inline-block
	}
	#globalNavi ul li a {
		padding: 5px 17px
	}
	#globalNavi ul li a:hover {
		opacity: .5
	}
	#globalNavi ul li.menu01 a {
		width: 4rem
	}
	#globalNavi ul li.menu02 a {
		width: 7rem
	}
	#globalNavi ul li.menu03 a {
		width: 4rem
	}
	#globalNavi ul li.menu04 a {
		width: 7rem
	}
	#globalNavi ul li.menu05 a {
		width: 5rem
	}
	#globalNavi ul li.menu06 a {
		width: 8rem
	}
	#globalNavi ul li.menu07 a {
		width: 4rem
	}
	#globalNavi ul li.menu08 a,
	#globalNavi ul li.menu09 a {
		width: 4rem;
		margin-right: 1.5em;
		position: relative;
	}
	#globalNavi ul li.menu10 a {
		width: 3.4rem;
		position: relative;
	}
	#globalNavi ul li.menu10 img {
		width: 100%;
		vertical-align: middle;
	}
	#globalNavi ul li.menu08 a::after,
	#globalNavi ul li.menu09 a::after {
		margin-top: -0.5em;
		position: absolute;
		top: 50%;
		right: 0;
	}
	.test{
		position: absolute;
		top:70%;
		left:70%;
		z-index: 100 !important;
		width: 80%;
	}
}
@media screen and (min-width:480px) and (max-width:1003px) {
	#globalNavi ul {
		width: 70%;
		margin: 0 auto
	}
	#globalNavi ul li a {
		padding: 8px 1.71%
	}
	#globalNavi ul li.menu01 a {
		width: 5.5em
	}
	#globalNavi ul li.menu02 a {
		width: 8.5em
	}
	#globalNavi ul li.menu03 a {
		width: 5.5em
	}
	#globalNavi ul li.menu04 a {
		width: 9.5em
	}
	#globalNavi ul li.menu05 a {
		width: 6.5em
	}
	#globalNavi ul li.menu06 a {
		width: 9.5em
	}
	#globalNavi ul li.menu07 a {
		width: 5.5em
	}
	#globalNavi ul li.menu08 a {
		width: 5.5em
	}
	#globalNavi ul li.menu09 a {
		width: 5.5em
	}
}
@media screen and (max-width:480px) {
	#globalNavi {
		padding-top: 40px;
	}
}
/* 1911 SP表示調整 */
@media screen and (max-width: 480px) {
	#mainVisual {
		margin-top: 0;
	}
	#globalNavi ul {
		padding-top: 1em;
		overflow: hidden;
		display: grid;
		grid-template-columns: 50% 50%;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	}
	#globalNavi ul li {
		grid-column: 1;
		padding-left: 1em;
		box-sizing: border-box;
		text-align: left;
	}
	#globalNavi ul li.spRight {
		grid-column: 2;
	}
	.menu06 {
		grid-row: 1;
	}
	.menu07 {
		grid-row: 2;
	}
	.menu08 {
		grid-row: 3;
	}
	.menu09 {
		grid-row: 4;
	}
	.menu10 {
		grid-row: 5;
	}
	#footer {
		padding-bottom: 3em;
	}
	#linkBtnArea {
		width: 25%;
		right: auto;
		left: 50%;
		padding-left: calc(1em + 12px);
	}
	#linkBtnArea li.last {
		float: none;
	}
}
</* スライドに画像をかぶせる際に使用 */>
.test{
	position: absolute;
	top:70%;
	left:70%;
	z-index: 100 !important;
	width: 80%;
}