@charset "utf-8";


/***********************************
共通スタイル
***********************************/

body {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: left;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  -webkit-text-size-adjust: 100%;}

img {  vertical-align: bottom; width: 100%; }

ul {  margin: 0; }
ol, ul	{ list-style: none; }    

h1, h2, h3, h4 {
  margin: 0;
  padding: 0; }

a:hover {
/*  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70; */
  background: rgb(255,255,255,0.3);
  }

.wrap {
  margin: 0 auto;
  text-align: left;
  position: relative; }
  
html { font-size: 62.5%; } /* 10px */
body { font-size: 1.6rem; } /* 16px */
p  { font-size: 2.4rem; line-height: 1.5;} /* 18px */
li { font-size: 1.6rem; line-height: 1.5;} /* 16px */
  
  
* {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}


/***********************************
Media Queries
***********************************/

@media screen and (max-width: 639px) {
}
@media screen and (min-width: 640px) {
}


/***********************************
個別スタイル

***********************************/

#set1 {
  background: #d8d6e3 url(../images/set1_bg.jpg) no-repeat center 0;
  position: relative;}
#set1 h1 {
  background: url(../images/set1_img.png) no-repeat center 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
  height: 850px;}
#set1 .txt {
  width: 500px;
	position: absolute;
	bottom: 60px;
	left: 50%;
	margin-left: -250px;
	overflow: hidden;}

#set2 {
  background: #d6e6ed url(../images/set2_bg.jpg) no-repeat center 0;
  position: relative;}
#set2 .img {
  background: url(../images/set2_img.png) no-repeat center 0;
  height: 710px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;}
#set2 .btn {
  width: 720px;
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -360px;
	overflow: hidden;}

#set3 {
  background: #fff url(../images/set3_bg.jpg) repeat-x 0 0;
  position: relative;}
#set3 .img {
  background: url(../images/set3_img.png) no-repeat center 0;
  height: 540px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;}

#set4 {
	display: block;}
#set4 .set4-in1 {
  background: #fff url(../images/set4_bg1.jpg) no-repeat center 0;
  position: relative;}
#set4 .set4-in2 {
  background: #fff url(../images/set4_bg3.jpg) no-repeat center bottom;
  position: relative;
  padding-bottom: 100px;}
#set4 .img1 {
  background: url(../images/set4_img1.png) no-repeat center 0;
  height: 1150px;
	text-indent: -9999px;
	overflow: hidden;}
#set4 .img2 {
  background: url(../images/set4_img2.png) no-repeat center 0;
  height: 850px;
	text-indent: -9999px;
	overflow: hidden;}
#set4 .img3 {
  background: url(../images/set4_img3.png) no-repeat center 0;
  height: 860px;
	text-indent: -9999px;
	overflow: hidden;}
	
#set4 p {
	font-size: 2.0rem;
	position: absolute;
	overflow: hidden;}
#set4 .txt1 {
  width: 540px;
	top: 230px;
	left: 50%;
	margin-left: -270px;}
#set4 .txt2 {
  width: 365px;
	top: 435px;
	left: 50%;
	margin-left: -270px;}
#set4  .txt3 {
  width: 365px;
	top: 1285px;
	left: 50%;
	margin-left: -90px;}
#set4 .txt4 {
  width: 365px;
	top: 120px;
	left: 50%;
	margin-left: -270px;}
#set4 .txt2-2 {
  width: 210px;
	top: 800px;
	left: 50%;
	margin-left: 110px;
    font-size: 1.6rem;}
#set4 .txt3-2 {
  width: 210px;
	top: 1600px;
	left: 50%;
	margin-left: -320px;
    font-size: 1.6rem;}
#set4 .txt4-2 {
  width: 210px;
	top: 440px;
	left: 50%;
	margin-left: 110px;
    font-size: 1.6rem;}
#set4 .txt5 {
  width: 540px;
	top: 850px;
	left: 50%;
	margin-left: -270px;
    font-size: 1.6rem;}
#set4 span {
	background: linear-gradient(transparent 40%, #f8ccd8 40%);}
#set4 small {
    font-size: 80%;}

#set5 {
  background: #fbf8f3;
	display: block;
	text-indent: -9999px;
	overflow: hidden;}
#set5 .img1 {
  background: url(../images/set5_img1.png) no-repeat center 0;
  height: 580px;}
#set5 .img2 {
  background: url(../images/set5_img2.png) no-repeat center 0;
  height: 720px;}

#set6 {
  background: #fff ;
	display: block;
	text-indent: -9999px;
	overflow: hidden;}
#set6 .img {
  background: url(../images/set6_img.png) no-repeat center 0;
  height: 495px;}

#set7 {
  background: #fbf8f3;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
  position: relative;}
#set7 .img {
  background: url(../images/set7_img.png) no-repeat center 0;
  margin: 0 auto;
  height: 400px;}
#set7 .btn a {
  width: 620px;
  height: 180px;
	position: absolute;
	bottom: 58px;
	left: 50%;
	margin-left: -310px;
	overflow: hidden;}

#set8 {
  background: #fff;
  position: relative;
  padding-bottom: 200px;}
#set8 .img {
  background: url(../images/set8_img.png) no-repeat center 0;
  height: 650px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;}
#set8 .txt {
	position: absolute;
	overflow: hidden;
  width: 600px;
	top: 680px;
	left: 50%;
	margin-left: -300px;
    font-size: 1.6rem;
   text-indent: -1em;
    padding-left: 1em;}

#set9 {
  background: #fbf8f3 url(../images/set9_bg.jpg) no-repeat center 0;
  position: relative;}
#set9 .img1 {
  background: url(../images/set9_img1.png) no-repeat center 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
  height: 930px;}
#set9 .img2 {
  background: url(../images/set9_img2.png) no-repeat center 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
  height: 460px;}
#set9 .img3 {
  background: url(../images/set9_img3.png) no-repeat center 0;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
  height: 560px;}
#set9 .btn1 a {
  width: 540px;
  height: 180px;
	position: absolute;
	bottom: 825px;
/*	bottom: 265px;*/
	left: 50%;
	text-indent: -9999px;
	margin-left: -270px;
	overflow: hidden;}
#set9 .txt {
  width: 540px;
	position: absolute;
	bottom: 650px;
/*	bottom: 90px;*/
	left: 50%;
	margin-left: -270px;
	text-indent: -1em;
	padding-left: 1em;
	overflow: hidden;}
#set9 .txt li {
	margin-top: 7px;}
#set9 .btn2 a {
  width: 540px;
  height: 180px;
	position: absolute;
	bottom: 55px;
	left: 50%;
	text-indent: -9999px;
	margin-left: -270px;
	overflow: hidden;}

#set10 {
  background: #fff;
	display: block;
	text-indent: -9999px;
	overflow: hidden;}
#set10 .img {
  background: url(../images/set10_img.png) no-repeat center 0;
  height: 990px;}

#set11 {
  background: #fff url(../images/set4_bg1.jpg) no-repeat center 0;;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
  position: relative;}
#set11 .img1 {
  background: url(../images/set11_img1.png) no-repeat center 0;
  height: 1200px;}
#set11 .img2 {
  background: url(../images/set11_img2.png) no-repeat center 0;
  height: 710px;}
#set11 a {
  width: 250px;
  height: 50px;
	position: absolute;
	left: 50%;}
#set11 .btn1 a {
	top: 415px;
	margin-left: -270px;}
#set11 .btn2 a {
	top: 415px;
	margin-left: 20px;}
#set11 .btn3 a {
	position: absolute;
	top: 630px;
	margin-left: -270px;}
#set11 .btn4 a {
	top: 630px;
	margin-left: 20px;}
#set11 .btn5 a {
	position: absolute;
	top: 875px;
	margin-left: -270px;}
#set11 .btn6 a {
	top: 875px;
	margin-left: 20px;}
#set11 .btn7 a {
	position: absolute;
	top: 1120px;
	margin-left: -270px;}
#set11 .btn8 a {
	top: 1120px;
	margin-left: 20px;}
#set11 .btn9 a {
	position: absolute;
	bottom: 405px;
	margin-left: -270px;}
#set11 .btn10 a {
	bottom: 405px;
	margin-left: 20px;}
#set11 .btn11 a {
	position: absolute;
	bottom: 50px;
	margin-left: -270px;}
#set11 .btn12 a {
	bottom: 50px;
	margin-left: 20px;}

#set12 {
  z-index: 100;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
  position: relative;}
#set12 .img {
  background: url(../images/set12_img.png) no-repeat center 0;
  height: 970px;}
#set12 a {
  width: 240px;
  height: 230px;
	position: absolute;
	left: 50%;}
#set12 .btn1 a {
	top: 200px;
	margin-left: -270px;}
#set12 .btn2 a {
	top: 200px;
	margin-left: 0px;}
#set12 .btn3 a {
	top: 470px;
	margin-left: -270px;}
#set12 .btn4 a {
	top: 470px;
	margin-left: 0px;}
#set12 .btn5 a {
	top: 735px;
	margin-left: -270px;}
	
#set12 .txt {
	position: absolute;
	overflow: hidden;
  width: 280px;
	bottom: 0px;
	left: 50%;
	margin-left: 0px;
    font-size: 1.6rem;
   text-indent: -1em;
    padding-left: 1em;}

/***********************************
.footer　　　　　　　　　　　　　　　　　　      　*/

.footer {
  background: #fff url(../images/set4_bg3.jpg) no-repeat center bottom;
  position: relative;
  width: 100%;
  margin-top: -100px;
  color: #333;
}
.footer .footer-nav {
    display: table;
	position: absolute;
	width: 640px;
	bottom: 55px;
	left: 50%;
	margin-left: -320px;
}
.footer li {
    display: table-cell;
    border-right: 1px solid #333;
    padding: 0 20px;
    text-align: center;
}
.footer li:nth-child(3){
    border-right: 0px;
}
.footer li a {
    text-decoration: none;
    font-size: 1.6rem;
    color: #000;
}
.footer .copyright {
  padding: 250px 0 10px;
    font-size: 1.6rem;
  text-align: center;
}