@charset "UTF-8";
@import url("default.css") screen, print;
@import url("normalize.min.css") screen, print;
@import url("layout.css") screen, print;

/* .title_image
----------------------------------------------------------------------------*/
#titleWrap .title_image .imgWrap{
	background-image: url(../img/concept/title_image.jpg);
}
#contentsWrap .titleImgR .imgWrap {
	background-image: url(../img/concept/title_image1.jpg);
	}
#contentsWrap .titleImgR::after{
  border-bottom-color: #FFFF73; 
	}
@media (min-width: 769px) {
#titleWrap .title_image .imgWrap{
	background-image: url(../img/concept/title_image_pc.jpg);
}
#contentsWrap .titleImgR .imgWrap {
	background-image: url(../img/concept/title_image1_pc.jpg);
	}
}
#contentsWrap .Wrap1 h3,
#contentsWrap .Wrap2 h3,
#contentsWrap .Wrap3 h3{
	margin-bottom: 1em;
	font-size:180%;
	font-weight:700;
}
#contentsWrap .Wrap2 h3{
	position:relative;
	z-index:5;
-moz-text-shadow: 0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1);
-webkit-text-shadow: 0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1);
-ms-text-shadow: 0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1);
text-shadow: 0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1),0px 0px 6px rgba(255, 255, 115, 1);
}
#contentsWrap .Wrap1 h3 span,
#contentsWrap .Wrap2 h3 span,
#contentsWrap .Wrap3 h3 span{
	display:inline-block;
	}
#contentsWrap .Wrap1 ul{
	display: block;
	clear: both;
	margin-bottom:3em;
}
#contentsWrap .Wrap1 li{
	margin: 1% 0.5%;
	float: left;
	width: 19%;
	background-color: #EEE;
	text-align: center;
	display: inline-block;
	color: #F36888;
	border-bottom: 5px solid #A6A6A6;
	font-size: 80%;
	padding: 1.5em 0.3em 1em;
	text-align: center;
}
#contentsWrap .Wrap1 li .img{
	display: flex;
	vertical-align:middle;
	width:60%;
	height:60%;
	margin:auto;
	margin-bottom:0.5em;
	}
#contentsWrap .Wrap1 li img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	display:block;
	margin:auto;
	}
#contentsWrap .Wrap1 li .text{
	display: block;
	margin-bottom:0.5em;
}
#contentsWrap .Wrap1 li .text span{
	display:inline-block;
	}
@media (max-width: 768px) {
#contentsWrap .Wrap1 li{
	width: 32%;
}
}
@media (max-width: 600px) {
#contentsWrap .Wrap1 li{
	font-size: 80%;
}
}
@media (max-width: 374px) {
#contentsWrap .Wrap1 li{
	width: 49%;
}
}
#contentsWrap .Wrap1 .btn{
	display: block;
	margin: 2em auto;
	text-align: center;
}
#contentsWrap .Wrap1 .btn a{
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	background-image: url(../img/common/icon_arrow_w.png);
	background-repeat: no-repeat;
	background-position: 95% center;
	border-radius: 100vh;
	-webkit-border-radius: 100vh;
	-moz-border-radius: 100vh;
	display: block;
	padding: 0.5em;
	display: block;
	margin: 1em auto 2em;
	width: 60%;
}
@media (max-width: 640px) {
#contentsWrap .Wrap1 .btn a{
	width: 80%;
	background-size:4%;
	background-position: 97% center;
}
}
@media (max-width: 400px) {
#contentsWrap .Wrap1 .btn a{
	width: 100%;
}
}

#contentsWrap .Wrap2{
	background-color: #FFFF73;
	padding-top:5vw;
}
#contentsWrap .Wrap2 p,
#contentsWrap .Wrap3 p{
	padding-bottom:1em;
	}
#contentsWrap .Wrap2 .img01{
	margin-top:-8em;
	margin-bottom:2em;
	}
#contentsWrap .Wrap2 .img02{
	margin-bottom:2em;
	}
#contentsWrap .Wrap2 .img03{
	float:left;
	margin-right:2em;
	margin-bottom:2em;
	width:30%;
	}
@media (max-width: 768px) {
#contentsWrap .Wrap2 .img01{
	margin-top:-5em;
	}
}
#contentsWrap .Wrap3{
	padding:5vw 0;
	}
#contentsWrap .Wrap3 .note{
	padding-left:1em;
	text-indent:-1em;
	}
#contentsWrap .Wrap3 .imgMap{
	width:100%;
	height:auto;
	display:block;
	margin:2em auto;
	}