@charset "Shift_JIS";


html,
body {
	margin: 0;
	padding: 0;
	background:#fff;
	text-align: left;
}

html {
	height: 100%;
	min-height: 100%;
	font-size: 62.5%;
}

body {
	min-width: 1020px;
	font-size: 14px; font-size: 1.4em; /* =14px */
	/**font-size: small;
	*font: x-small;*/
	font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","�揀Cリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
	line-height:1.7;
	color: #333;
}


/* リンクの定義 */
a:link,
a:visited {
	color: #0000CC;
	text-decoration: none;
}
a:hover,
a:active {
	color: #CC0000;
	text-decoration: underline;
}
a:hover .opacity,
a:active .opacity {
	opacity: 0.7;
}



#header	{
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 12px 0 0;
}
#headerLogo	{
	width: 235px;
}
#headerLead	{
	position: absolute;
	left: 235px;
	bottom: 5px;
	font-size: 114.3%;
	width: 429px;
}
#headerApply {
	width: 296px;
	position: absolute;
	right: 0;
	top: 22px;
}

.naviCv {
	border:0;
	width:296px;
	height:49px;
	margin:0 auto;
	background:url(../img/header_btn_apply.gif) no-repeat left top;
	cursor:pointer;
	text-indent:-9999px;
	display:block;
}

.naviCv:hover,
.naviCv:active {
	background:url(../img/header_btn_apply_on.gif) no-repeat left top;
}

#gNav {
	background: url(../img/gnav_bg.gif) repeat-x center top;
}

#gNav ul {
	width: 952px;
	margin: 0 auto;
}
#gNav ul li {
	float: left;
}

#section01 {
	background-image: url(../img/mainvisual_bg01.jpg), url(../img/mainvisual_bg02.gif);
	background-position: center top, center top;
	background-repeat:no-repeat, repeat-x;
	box-shadow:0px 20px 20px -10px rgba(47,47,48,0.3) inset;
	-moz-box-shadow:0px 20px 20px -10px rgba(47,47,48,0.3) inset;
	-webkit-box-shadow:0px 20px 20px -10px rgba(47,47,48,0.3) inset;
}

#mainVisual {
	position: relative;
	width: 960px;
	height: 419px;
	margin: 0 auto;
}

#mainVisual h1 {
	position: absolute;
	top: 77px;
	left: 480px;
}
#mainVisual #mainvisualLead {
	position: absolute;
	top: 59px;
	left: 58px;
}
#mainVisual #mainvisualBtn {
	position: absolute;
	top: 242px;
	left: 548px;
}

#movie {
	width: 960px;
	margin: 0 auto;
}

#movie h2 {
	text-align: center;
	margin-bottom: 22px;
}

#movie h3 {
	margin-bottom: 13px;
}

#movie .movieBoxWrap {
	width: 960px;
	margin: 0 auto;
}

#movie .movieBoxLeft {
	width: 322px;
	padding-left: 65px;
	float: left;
}

#movie .movieBoxLeft_youtubeShort {
	width: 100%;
	aspect-ratio: 9/16;
}
#movie .movieBoxLeft_youtubeShort iframe {
	width: 100%;
	height: 100%;
}

#movie .movieBoxRight {
	width: 440px;
	padding-right: 65px;
	float: right;
}
#movie .movieBoxRight iframe {
	vertical-align: bottom;
}


#section02 {
	margin-top: 45px;
	background: url(../img/bg_stripe.gif) repeat center top;
	box-shadow:0px 50px 70px -15px #fff inset;
	-moz-box-shadow:0px 50px 70px -15px #fff inset;
	-webkit-box-shadow:0px 50px 70px -15px #fff inset;	
}

#section02Inner {
	background: url(../img/bg_border.gif) repeat-y center top;
	box-shadow:0px 50px 70px -15px #fff inset;
	-moz-box-shadow:0px 50px 70px -15px #fff inset;
	-webkit-box-shadow:0px 50px 70px -15px #fff inset;	
	width: 960px;
	padding: 0 32px 70px;
	margin: 0 auto;
}

#section02 .subNav {
	margin-top: 15px;
}

#section02 .subNav li {
	width: 310px;
	float: left;
	margin-left: 15px;
}
#section02 .subNav li:first-child {
	margin-left: 0;
}

#feature01 {
	border-top: solid 11px #ffcf1e;
	background: url(../img/bg_dotted01.gif) repeat center top;
}

#feature01 .icon {
	position: absolute;
	top: 24px;
	left: 0;
}

#feature01 .feature01Text {
	width: 591px;
	padding: 24px 220px 15px 0;
	margin-left: 149px;
	background: url(../img/feature01_img01.png) no-repeat right bottom;
}

#feature01 .feature01Text h2 {
	margin-bottom: 12px;
}

#feature01 .feature01Text p {
	font-size: 114.3%;
	margin-bottom: 12px;
}

#feature01 .feature01Text ol {
	margin-top: 15px;
}

#feature01 .feature01Text ol li {
	list-style: decimal;
	font-size: 128.6%;
	font-weight: bold;
	color: #754c24;
	width: 270px;
	float: left;
	margin-left: 24px;
}

#feature01Cont {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 70px;
}

#feature01Cont #stress {
	width: 590px;
	padding: 48px 0 40px 310px;
	margin-left: 40px;
	background: url(../img/feature01_img02.gif) no-repeat left top;
}

#feature01Cont #stress p {
	font-size: 128.6%;
}


#slideSection {
	position: relative;
	height: 617px;
	margin: 24px 0 70px;
}

#slideSection #slide-container {
	position: absolute;
	width: 640px;
	left: 160px;
	top: 0;
}

#slideSection #slide-pagination li.prev {
	position: absolute;
	left: 37px;
	top: 182px;
}

#slideSection #slide-pagination li.next {
	position: absolute;
	right: 37px;
	top: 182px;
}

#slideSection #slide-indicator {
	position: absolute;
	width: 960px;
	left: 0;
	top: 521px;
}

#slideSection #slide-indicator li {
	float: left;
	width: 150px;
	margin-left: 12px;
	list-style: none;
}
#slideSection #slide-indicator li:first-child {
	margin-left: 0;
}

#feature02 {
	border-top: solid 11px #b6e7d9;
	background: url(../img/bg_dotted02.gif) repeat-x center bottom;
}

#feature02 .icon {
	position: absolute;
	top: 24px;
	left: 0;
}

#feature02 .feature02Text {
	width: 811px;
	padding: 20px 0 0;
	margin-left: 149px;
	background: url(../img/feature02_img01.png) no-repeat right bottom;
}

#feature02 .feature02Text h2 {
	margin-bottom: 12px;
}
#feature02 .feature02Text h3 {
	font-size: 114.3%;
	font-weight: bold;
}
#feature02 .feature02Text p.profile {
	line-height: 1.4;
	width: 510px;
	margin-bottom: 20px;
}

#feature02Cont {
	width: 960px;
	margin: 0 auto;
	padding: 45px 0 70px;
}

#feature02Cont > h2 {
	text-align: center;
}

#feature02Cont > h3 {
	text-align: center;
}

#feature02Cont .katsuyouLead {
	font-size: 128.6%;
	font-weight: bold;
	text-align: center;
	margin: 30px 0 40px;
}

#feature02Cont .katsuyouBox {
	width: 908px;
	margin: 28px auto 65px;
}

#feature02Cont .katsuyouText {
	width: 560px;
	float: left;
}
#feature02Cont .katsuyouText h4 {
	font-size: 142.9%;
	font-weight: bold;
	margin-top: 25px;
}
#feature02Cont .katsuyouText h4:first-child {
	margin-top: 0;
}

#feature02Cont .katsuyouText p {
	font-size: 114.3%;
}

#feature02Cont .katsuyouPhoto {
	width: 310px;
	float: right;
	aspect-ratio: 9/16;
}

#feature02Cont .katsuyouPhoto iframe {
	width: 100%;
	height: 100%;
}

#feature03 {
	border-top: solid 11px #a3daf5;
	background: url(../img/bg_dotted03.gif) repeat center top;
}

#feature03 .icon {
	position: absolute;
	top: 24px;
	left: 0;
}

#feature03 .feature03Text {
	width: 811px;
	padding: 21px 0 40px;
	margin-left: 149px;
	background: url(../img/feature03_img01.png) no-repeat right top;
}

#feature03 .feature03Text h2 {
	margin-bottom: 30px;
}
#feature03 .feature03Text p {
	line-height: 2.0;
	width: 480px;
	margin-left: 10px;
}

#feature03Cont {
	width: 960px;
	margin: 0 auto;
	padding: 45px 0 70px;
}


#voice {
	border-top: solid 11px #ff6896;
	background: url(../img/bg_dotted04.gif) repeat center top;
}
#voiceCont {
	background: url(../img/bg_stripe.gif) repeat center top;
}
#voiceContInner {
	width: 960px;
	margin: 0 auto;
	padding: 0 30px 70px;
	background: #fff;
	border-left: solid 2px #dadada;
	border-right: solid 2px #dadada;
}

.voiceBox {
	width: 740px;
	padding: 45px 50px;
	margin: 0 auto;
	background: url(../img/bg_line_dotted.gif) no-repeat center top;
}
.voiceBox.first {
	background: none;
}
.voiceBox h3 {
	margin-bottom: 15px;
}
.voiceBox p {
	line-height: 2.0;
}

#product {
	border-top: solid 11px #ff6896;
	background: url(../img/bg_dotted04.gif) repeat center top;
}
#product h2 {
	padding-left: 75px;
}

#product #productImg {
	position: absolute;
	right: 64px;
	top: 0;
	z-index: 10;
}
#productCont {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 70px;
}

#productContInner {
	width: 810px;
	margin: 0 auto;
}

#productContInner > h3 {
	margin: 70px 0 15px;
}
#productContInner > h4 {
	margin: 60px 0 20px;
}

#productContInner > p {
	font-size: 128.6%;
	line-height: 2.0;
}

#productContInner #productText01 {
	width: 465px;
}

#productContInner #productText02 {
	font-size: 128.6%;
	line-height: 1.6;
	width: 266px;
	float: left;
}

#productContInner .notes {
	margin-top: 30px;
	width: 435px;
}
#productContInner .notes p {
	font-size: 92.9%;
}

#productContInner .productPhoto {
	text-align: center;
	margin-top: 40px;
}
#productContInner #productPhoto2 {
	float: right;
}

#step {
	border-top: solid 11px #ff6896;
	background: url(../img/bg_dotted04.gif) repeat center top;
}
#step h2 {
	text-align: center;
}
#stepCont {
	width: 960px;
	margin: 0 auto;
	padding: 27px 0 70px;
}

.stepTextbox {
	width: 820px;
	margin: 0 auto 70px;
}
.stepText {
	width: 530px;
	float: left;
}
.stepText h3 {
	margin: 45px 0 20px;
}
.stepText h3:first-child {
	margin: 20px 0 20px;
}

.stepText p {
	font-size: 114.3%;
}
.stepPhoto {
	width: 259px;
	float: right;
	text-align: left;
}


.sectionTitle {
	position: relative;
	width: 960px;
	margin: 0 auto;
}


.freeBox	{
	position: relative;
	border: #dcdcdc solid 6px;
	padding-top: 106px;
	margin: 50px auto 0;
}
.freeBox h2	{
	position: absolute;
	height: 126px;
	top: -20px;
	left: -6px;
}

.freeBox h3	{
	margin: 23px 54px 12px;
}

.freeBox .notes {
	background-color: #f0f0f0;
	padding: 20px 20px 15px;
}
.freeBox .notes p	{
	text-indent: -1.0em;
	padding-left: 1.0em;
}

.freeBoxBtn {
	border:0;
	width:840px;
	height:86px;
	margin:0 auto;
	background:url(../img/apply_btn.gif) no-repeat left top;
	cursor:pointer;
	text-indent:-9999px;
	display:block;
}

.freeBoxBtn:hover,
.freeBoxBtn:active {
	opacity: 0.7;
}

.bnrRental {
	width: 100%;
	margin-top: 45px;
}
.bnrRental img {
	width: 100%;
}

.bnrComic {
	width: 530px;
	margin: 45px auto 0;
}
.bnrComic img {
	width: 100%;
}
.bnrHawaii {
	width: 740px;
	margin: 0 auto;
}
.bnrHawaii img {
	width: 100%;
}

#toTop	{
	width: 92px;
	height: 120px;
	position: fixed;
	bottom: -20%; 
	right: 50px;
	z-index: 1000;
}


#footer	{
	text-align: center;
	margin: 0 auto;
	padding-bottom: 80px;
	width: 100%;
	min-width:960px;
}
#footer #copyright {
	font-size: 85.7%;
	margin-top: 25px;
}