@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:cotents.css */
/* creation date:2016年3月10日 */
/* last updated:2016年3月10日 */
/* -------------------------------------------------- */

@media screen and (min-width: 640px) {
.com {
	text-align:center;
	padding-top:130px;
	background:url(/cmp/hero/common/images/bg_pink04.png) no-repeat 100% 50%;
	background-size:auto 500px;
}
.com p {
	padding:10px 0;
}
section {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.story {
	position:relative;
	padding:100px 0;
}
.story h2 {
	text-align:center;
	padding-bottom:30px;
}
.story h2 img {
	width:346px;
}
.story .textBox {
	text-align:center;
}
.story .textBox p {
	font-size:93%;
	line-height:2.5;
	padding-bottom:2em;
	font-weight:700;
}
.story .textBox p i {
	font-size:220%;
	font-weight:700;
}
.story .textBox p span {
	font-size:114%;
	color:#FF328C;
	font-weight:700;
}
.story .textBox p span strong {
	font-weight:700;
	font-size:250%;
}
.story .textBox p b {
	font-size:114%;
	font-weight:700;
}
.com {
	text-align:center;
	padding-top:130px;
}
.com p {
	padding:10px 0;
}
.btnArea {
	overflow:hidden;
	background:url(/cmp/hero/common/images/bg_white.png);
	background-size:256px;
}
.btnArea .ttl {
	text-align:center;
	background:url(/cmp/hero/common/images/bg_pink03.png) no-repeat 30% 10%;
	background-size:104px auto;
	padding:30px 0 10px;
}
.btnArea .ttl img {
	height:109px;
}
.btnArea ul {
	width:1000px;
	text-align:center;
	margin:0 auto;
	padding-bottom:30px;
}
.btnArea ul li {
	display:inline-block;
	margin:5px;
}
.btnArea ul li img {
	width:360px;
}

.about {
	height:660px;
	overflow:hidden;
	padding:100px 450px 100px 0;
	position:relative;
}
.about header {
	text-align:center;
	padding:50px 0;
}
.about header img {
	height:129px;
}
.about p {
	font-size:114%;
	line-height:1.9;
	font-weight:700;
	text-align:left;
	padding-left:100px;
}
.about figure {
	width:400px;
	height:460px;
	line-height:460px;
	text-align:center;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-230px;
}
.about figure img {
	width:325px;
}
.mission {
	width:100%;
	background:hsla(0,0%,0%,0.8);
	padding:80px 0;
}
.mission h2 {
	text-align:center;
	background:url(/cmp/hero/common/images/bg_pink02.png) no-repeat 30% 50%;
	background-size:117px auto;
	margin-bottom:50px;
}
.mission h2 img {
	width:345px;
}
.mission .inner {
	width:1000px;
	margin:0 auto;
}
.mission .inner article {
	font-size:114%;
	position:relative;
	padding:15px;
}
.mission .inner article small {
	font-size:86%;
}
.mission .inner article figure {
	position:absolute;
}
.mission .inner article h3 img {
	height:50px;
}
.mission .inner article h3 {
	padding-bottom:10px;
}
}
.mission .inner article:nth-of-type(1) {
	padding-left:80px;
}
.mission .inner article:nth-of-type(1) figure {
	right:30%;
	top:-15px;
}
.mission .inner article:nth-of-type(1) figure img {
	width:120px;
}
.mission .inner article:nth-of-type(2) {
	float:right;
}
.mission .inner article:nth-of-type(2) figure {
	left:-200px;
	top:10px;
}
.mission .inner article:nth-of-type(2) figure img {
	width:140px;
}

.mission .inner article:nth-of-type(3) {
	padding-left:30px;
	clear:both;
	top:-30px;
	position:relative;
}
.mission .inner article:nth-of-type(3) img {
	height:55px;
}

@media screen and (max-width: 639px) {
.com {
	text-align:center;
	background:url(/cmp/hero/common/images/bg_white.png);
	background-size:auto 256px;
	position:relative;
}
.com p:nth-of-type(1) {
	width:320px;
	height:300px;
	background:url(/cmp/hero/common/images/txt_story.png) no-repeat 50% 50%;
	background-size:320px auto;
	position:relative;
	margin:0 auto;
	z-index:2;
}
.com p:nth-of-type(2) {
	width:200px;
	height:400px;
	background:url(/cmp/hero/common/images/bg_pink04.png) no-repeat;
	background-size:200px auto;
	position:absolute;
	z-index:1;
	bottom:-300px;
	right:-80px;
}
.com p img {
	display:none;
}
section {
	margin:0 auto;
	overflow:hidden;
}
.story {
	position:relative;
	padding:20px 0;
}
.story h2 {
	text-align:left;
	padding-bottom:20px;
	padding-left:10px;
}
.story h2 img {
	width:234px;
}
.story .textBox {
	text-align:center;
}
.story .textBox p {
	font-size:79%;
	line-height:1.5;
	letter-spacing:3px;
	font-weight:700;
	padding:0 15px 2em;
}
.story .textBox p i {
	font-size:220%;
	font-weight:700;
}
.story .textBox p span {
	font-size:114%;
	color:#FF328C;
	font-weight:700;
}
.story .textBox p span strong {
	font-weight:700;
	font-size:250%;
}
.story .textBox p b {
	font-size:114%;
	font-weight:700;
}
.btnArea {
	overflow:hidden;
	background:url(/cmp/hero/common/images/bg_white.png);
	background-size:256px auto;
}
.btnArea .ttl {
	text-align:center;
	background:url(/cmp/hero/common/images/bg_pink03.png) no-repeat -50px -50px;
	background-size:104px auto;
	padding:25px 0 5px;
}
.btnArea .ttl img {
	height:74px;
}
.btnArea ul {
	width:300px;
	margin:0 auto;
	padding:10px 0 20px;
}
.btnArea ul li {
	width:300px;
	text-align:center;
}
.btnArea ul li img {
	width:300px;
}

.about {
	position:relative;
	padding-bottom:20px;
}
.about header {
	text-align:center;
	padding:20px 0 5px;
}
.about header img {
	width:95%;
}
.about p {
	font-size:93%;
	line-height:1.9;
	letter-spacing:0;
	text-align:center;
	padding:0 15px;
}
.about figure {
	text-align:center;
	padding:15px;
}
.about figure img {
	width:100%;
}
.mission {
	width:100%;
	background:hsla(0,0%,0%,0.8);
}
.mission h2 {
	text-align:center;
	background:url(/cmp/hero/common/images/bg_pink02.png) no-repeat -20px -10px;
	background-size:117px auto;
	padding:40px 20px;
}
.mission h2 img {
	width:224px;
}
.mission .inner {
	margin:0 15px;
}
.mission .inner article {
	position:relative;
	padding-bottom:55px;
}
.mission .inner article p {
	line-height:1.4;
}
.mission .inner article small {
	font-size:86%;
}
.mission .inner article figure {
	position:absolute;
}
.mission .inner article h3 img {
	height:44px;
}
.mission .inner article h3 {
	padding-bottom:10px;
}
.mission .inner article:nth-of-type(1) {
	padding-left:0;
}
.mission .inner article:nth-of-type(1) figure {
	right:-20px;
	top:-60px;
}
.mission .inner article:nth-of-type(1) figure img {
	width:60px;
}
.mission .inner article:nth-of-type(2) {
	float:right;
	padding-left:60px;
}
.mission .inner article:nth-of-type(2) figure {
	left:-10px;
	top:10px;
}
.mission .inner article:nth-of-type(2) figure img {
	width:70px;
}

.mission .inner article:nth-of-type(3) {
	padding-left:0px;
	clear:both;
	top:0px;
	position:relative;
}
.mission .inner article:nth-of-type(3) img {
	height:45px;
}
}


/* --------------------------------------------------
	003.info
-------------------------------------------------- */
@media screen and (min-width: 640px) {
.info {
	padding:45px 0px;
	text-align:center;
}
.info .outlineBlock {
	width:80%;
	padding:15px;
	margin:10px auto 0px;
}
.info .outlineBlock .in {
	padding:20px 10px;
}
.info .outlineBlock .in dl {
	font-size:107%;
	padding:10px 0px;
	border-bottom:1px solid #444;
}
.info .outlineBlock .in dl dt {
	width:20%;
	float:left;
	font-weight:bold;
	text-align:left;
	padding:0 15px;
}
.info .outlineBlock .in dl dd {
	width:80%;
	float:right;
	font-size:107%;
	text-align:left;
	padding:0 15px;
}
.info .outlineBlock .in dl dd small {
	font-size:79%;
	line-height:1.5;
	display:inline-block;
}
.info .outlineBlock .in dl dd span {
	font-size:86%;
}
}
@media screen and (max-width: 639px) {
.info .outlineBlock {
	padding:15px;
	margin:0 0px 20px;
}
.info .outlineBlock .in dl {
	padding:5px;
	border-bottom:1px solid #444;
}
.info .outlineBlock .in dl dt {
	font-weight:bold;
	text-align:left;
}
.info .outlineBlock .in dl dd {
	line-height:1.5;
	text-align:left;
}
.info .outlineBlock .in dl dd small {
	font-size:71%;
	line-height:1.3;
	display:inline-block;
}
.info .outlineBlock .in dl dd span {
	font-size:86%;
	display:inline-block;
}
}



/* --------------------------------------------------
	007.mapBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
.mapBlock {
	text-align:center;
	position:relative;
	margin:0 auto;
	padding:40px 0 25px;
}
.mapBlock h3 {
	width:90px;
	font-size:129% !important;
	line-height:40px;
	border:1px solid #fff;
	margin:0 auto;
}
.mapBlock .ttl {
	text-align:center;
}
.mapBlock .ttl p {
	font-size:107%;
	padding-bottom:20px;
}
.mapBlock .ttl .place  {
	font-size:180%;
	font-weight:700;
	padding-top:15px;
}
.mapBlock figure {
	text-align:center;
	position:relative;
	padding-top:50px;
}
.mapBlock figure ul li {
	padding:10px 0;
}
.mapBlock figure li img {
	width:356px;
}
.mapBlock figure .com1 {
	position:absolute;
	left:-50px;
	top:0;
}
.mapBlock figure .com1 img {
	width:127px;
}
.mapBlock figure .com2 {
	position:absolute;
	right:0px;
	bottom:-30px;
}
.mapBlock figure .com2 img {
	width:97px;
}
}

@media screen and (max-width: 639px) {
.mapBlock {
	padding:10px 0 40px;
}
.mapBlock h3 {
	width:110px;
	font-size:129% !important;
	line-height:40px;
	border:2px solid #fff;
	margin:0 auto 10px;
}
.mapBlock .ttl {
	line-height:1.3;
	text-align:center;
	margin:0 auto;
}
.mapBlock .ttl p {
	font-size:100%;
	padding:0 10px;
}
.mapBlock .ttl {
	text-align:center;
}
.mapBlock .ttl .place  {
	font-size:158%;
	font-weight:bold;
	padding:15px;
}
.mapBlock small  {
	font-size:79%;
	display:block;
	padding:0 15px;
}
.mapBlock figure {
	text-align:center;
	position:relative;
	padding-top:50px;
}
.mapBlock figure ul li {
	text-align:left;
	padding:10px;
}
.mapBlock figure li img {
	width:90%;
}
.mapBlock figure li:nth-of-type(2) {
	text-align:right;
	margin-top:-30px;
}
.mapBlock figure .com1 {
	position:absolute;
	left:-10px;
	top:0;
}
.mapBlock figure .com1 img {
	width:90px;
}
.mapBlock figure .com2 {
	position:absolute;
	right:0px;
	bottom:-10px;
}
.mapBlock figure .com2 img {
	width:80px;
}
}


/* --------------------------------------------------
	005.movie
-------------------------------------------------- */
@media screen and (min-width: 640px) {
.movie {
	padding:80px 0 30px;
	clear:both;
}
.movie h2 {
	text-align:center;
	padding-bottom:50px;
}
.movie h2 img {
	width:456px;
}
.movie figure {
	text-align:center;
	margin:0 auto 20px;
}
.movie .inBox {
	width:780px;
	font-weight:700;
	margin:0 auto;
	color:#FF3399;
	padding-right:300px;
	position:relative;
}
.movie .inBox img {
	width:290px;
	position:absolute;
	top:0px;
	right:0;
}
}
.movie article:nth-last-of-type(1) {
border:none;
}
@media screen and (max-width: 639px) {
.movie {
	padding:40px 0 30px;
	clear:both;
	background:hsla(0,0%,0%,0.7);
}
.movie h2 {
	text-align:center;
	padding-bottom:20px;
}
.movie h2 img {
	width:80%;
}
.movie figure {
	text-align:center;
	margin:0 auto 20px;
}
.movie figure iframe {
	width:100%;
	height:250px;
}
.movie .inBox {
	margin:0 15px;
	color:#FF3399;
	position:relative;
}
.movie .inBox p {
	line-height:1.5;
	padding-bottom:15px;
}
.movie .inBox img {
	width:100%;
}
}

.logo {
	height:80px;
	text-align:center;
	line-height:80px;
	background:hsla(0,0%,0%,0.8);
}
.logo ul {
	height:80px;
}
.logo ul li {
	display:inline-block;
}