@charset "UTF-8";

/*-----------------------------------------------------------
sitemap
------------------------------------------------------------*/
#sitemap #ttlArea {
	background: url(/corp/images/sitemap/bg_sitemap.png) no-repeat center bottom;
	-webkit-background-size: cover;
	background-size: cover;
}
#sitemap #ttlArea #breadcrumb {
	text-shadow: 1px 1px 20px #fff,-1px 1px 20px #fff,
				 1px -1px 20px #fff,-1px -1px 20px #fff,
				 1px 1px 20px #fff,-1px 1px 20px #fff,
				 1px -1px 20px #fff,-1px -1px 20px #fff;
}

#sitemap #ttlArea h1 {
	text-shadow: 1px 1px 40px #fff,-1px 1px 40px #fff,
				 1px -1px 40px #fff,-1px -1px 40px #fff;
}
#sitemap #ttlArea h1 span.jp {
	text-shadow: 1px 1px 20px #fff,-1px 1px 20px #fff,
				 1px -1px 20px #fff,-1px -1px 20px #fff;
}

#sitemap .sitemapBoxWrap {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #004098;
}
#sitemap .sitemapBoxWrap div:first-of-type{
	flex-basis: 255px;
	display: flex;
	align-items: center;

}
#sitemap .sitemapBoxWrap div:first-of-type a{
	height: 100%;
	width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: all .4s;
}
#sitemap .sitemapBoxWrap div:first-of-type a:hover{
	background: #004098;
	color: #fff;
}
#sitemap .sitemapBoxWrap div:first-of-type a:hover h3{
	color: #fff;
}

#sitemap .sitemapBoxWrap div:last-of-type{
	flex-basis: 1025px;
	/* display: flex;
	align-items: center; */
	/* background: #eee; */
	padding: 30px;
}
#sitemap .sitemapBoxWrap h3{
	font-size: 20px;
	font-weight: bold;
	color: #004098;
	position: relative;
	text-align: left;
    padding: 0 10px 0 40px;
}
#sitemap .sitemapBoxWrap div:first-of-type a h3::after {
    position: absolute;
    content: "";
    vertical-align: middle;
    top: 12px;
    left: 20px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #004098;
    border-right: 2px solid #004098;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .4s;
}
#sitemap .sitemapBoxWrap div:first-of-type a:hover h3::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#sitemap .sitemapBoxWrap ul{
	text-align: left;
}
#sitemap .sitemapBoxWrap ul li{
	float: left;
    width: calc((100% - 20px)/3);
    margin: 0 10px 10px 0;
    padding: 0 0 0 18px;
    position: relative;
}
#sitemap .sitemapBoxWrap ul li:nth-child(3n){
    margin: 0 0 10px;
}
#sitemap .sitemapBoxWrap ul li::before{
	position: absolute;
	content: "・";
	top: 3px;
	left: 0;
	color: #004098;
}

#sitemap .sitemapBoxWrap ul li a{
	font-size: 16px;
	text-decoration: underline;
}
#sitemap .sitemapBoxWrap ul li a:hover{
	text-decoration: none;
}

@media screen and (max-width:768px) {
	#sitemap .sitemapBoxWrap {
		flex-direction: column;
	}
	#sitemap .sitemapBoxWrap div:first-of-type {
	    flex-basis: 100%;
	    padding: 15px 0;
	}
	#sitemap .sitemapBoxWrap div:last-of-type {
	    flex-basis: 100%;
	    padding: 15px 0;
	}
	#sitemap .sitemapBoxWrap ul li {
	    float: none;
	    width: 100%;
	    margin: 0 10px 10px 0;
	    padding: 0 0 0 10px;
	    position: relative;
	}
	#sitemap .sitemapBoxWrap h3,
	#sitemap .sitemapBoxWrap h3 a {
	    font-size: 18px;
	    text-align: left;
	    padding: 0 0 0 20px;
	}

#sitemap .sitemapBoxWrap div:first-of-type a h3::after {
    position: absolute;
    content: "";
    vertical-align: middle;
    top: 11px;
    left: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #004098;
    border-right: 1px solid #004098;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    /* -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); */
    transition: all .4s;
}
#sitemap .sitemapBoxWrap div:first-of-type a:hover h3::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
}
/*-----------------------------------------------------------
wish
------------------------------------------------------------*/
#wish #ttlArea {
	background: url(/corp/images/wish/bg_wish.jpg) no-repeat center bottom;
	-webkit-background-size: cover;
	background-size: cover;
}
#wish #wbw-1{
	display: flex;
    justify-content: center;
    align-items: center;
	background: url(/corp/images/wish/wbw-1-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 637px;
}
#wish #wbw-2{
	display: flex;
    justify-content: center;
    align-items: center;
	background: url(/corp/images/wish/wbw-2-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 641px;
}
#wish #wbw-3{
	display: flex;
    justify-content: center;
    align-items: center;
	background: url(/corp/images/wish/wbw-3-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 640px;
}
#wish #wbw-4{
	display: flex;
    justify-content: center;
    align-items: center;
	background: url(/corp/images/wish/wbw-4-bg.jpg) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 640px;
}


#wish .wishBoxWrap h2{
    /* font-size: 214.29%; */
    font-size: 300%;
    font-weight: 700;
    color: #004098;
    margin-bottom: 30px;
}
#wish .wishBoxWrap p{
    font-size: 128.57%;
    font-weight: 500;
    line-height: 2;
    margin-bottom: 26px;
    color: #000;
    text-shadow: white 0 0 8px;
}
#wish .section01 {
    margin-bottom: 0;
}

@media screen and (max-width:768px) {
#wish #wbw-1{
	min-height: inherit;
}
#wish #wbw-2{
	min-height: inherit;
}
#wish #wbw-3{
	min-height: inherit;
}
#wish #wbw-4{
	min-height: inherit;
}
#wish .wishBoxWrap{
	padding: 50px 0;
}
#wish .wishBoxWrap h2 {
    font-size: 157.14%;
    margin-bottom: 1em;
}
#wish .wishBoxWrap p {
    font-size: 100%;
    margin-bottom: 6.93%;
}

}