@charset "UTF-8";

/* position
-----------------------------------------------------*/ 

.posC {	text-align:center;}
.posR {	text-align:right;}
.bold {	font-weight:500;}

.mb0 {	margin-bottom:0 !important;}
.mb01em {	margin-bottom:1em !important;}
.mb02em {	margin-bottom:2em !important;}
.mb03em {	margin-bottom:3em !important;}
.mb04em {	margin-bottom:4em !important;}
.mb06em {	margin-bottom:6em !important;}
.mb08em {	margin-bottom:8em !important;}
.mb10em {	margin-bottom:10em !important;}
.mb12em {	margin-bottom:12em !important;}
.mb14em {	margin-bottom:14em !important;}
.mb16em {	margin-bottom:16em !important;}
.mb18em {	margin-bottom:18em !important;}

.mt0 {	margin-top:0 !important;}
.mt01em {	margin-top:1em !important;}
.mt02em {	margin-top:2em !important;}
.mt03em {	margin-top:3em !important;}
.mt04em {	margin-top:4em !important;}
.mt06em {	margin-top:6em !important;}
.mt08em {	margin-top:8em !important;}
.mt10em {	margin-top:10em !important;}
.mt12em {	margin-top:12em !important;}
.mt14em {	margin-top:14em !important;}
.mt16em {	margin-top:16em !important;}
.mt18em {	margin-top:18em !important;}

.w5 {	width:5% !important;}
.w10 {	width:10% !important;}
.w15 {	width:15% !important;}
.w20 {	width:20% !important;}
.w25 {	width:25% !important;}
.w30 {	width:30% !important;}
.w33 {	width:33% !important;}
.w35 {	width:35% !important;}
.w40 {	width:40% !important;}
.w45 {	width:45% !important;}
.w50 {	width:50% !important;}
.w55 {	width:55% !important;}
.w60 {	width:60% !important;}
.w65 {	width:65% !important;}
.w70 {	width:70% !important;}
.w75 {	width:75% !important;}


/* vi
-----------------------------------------------------*/
#vi {
	background:#fbf1e8;
	padding:0 0 35px;
	position:relative;
}

#vi > div {
	display:block;
	margin:0 auto;
	position:relative;
	width:1080px;
}

#vi > div h1 {
	color:#5e5538;
	font-size:3.6rem;
	font-weight:500;
	left:150px;
	line-height:1.3;
	letter-spacing:.1em;
	margin-top:-1.2em;
	position:absolute;
	text-shadow:white 2px 2px 5px, white -2px 2px 5px, white -2px -2px 5px, white 2px -2px 5px;
	top:50%;
	z-index:2;
}

#vi > div h1 span.latin {
	color:#b9ab79;
	display:block;
	font-size:2.8rem;
	line-height:1;
	padding-top:.4em;
}

#vi:before {
	background:url(/lib/img/cmn/img_leaf_01.png) no-repeat;
	background-size:78px 71px;
	content:"";
	height:71px;
	left:0;
	position:absolute;
	top:10px;
	width:78px;
	z-index:2;
}

@media only screen and (max-width:767px) {

#vi {
	padding:10px 15px 15px;
}

#vi > div {
	margin:0;
	width:auto;
}

#vi > div h1 {
	font-size:4.7vw;
	font-weight:400;
	left:4.7vw;
}

#vi > div h1 span.latin {
	font-size:3.4vw;
	padding-top:.4em;
}

#vi img {
	height:auto;
	margin:0;
	width:100%;
}

#vi:before {
	background:url(/lib/img/cmn/img_leaf_01.png) no-repeat;
	background-size:36px 33px;
	height:33px;
	top:15px;
	width:36px;
}

}


/* title
-----------------------------------------------------*/ 
.htype01 {
	color:#3c3311;
	font-size:3.4rem;
	font-weight:500;
	letter-spacing:.1em;
	margin-bottom:1.2em;
	text-align:center;
}

.htype02 {
	background:url(/lib/img/cmn/icon_htype_01.png) 0 0 no-repeat;
	color:#3c3311;
	font-size:3rem;
	font-weight:500;
	letter-spacing:.1em;
	margin-bottom:1.2em;
	padding:5px 0 0 82px;
}

.htype03 {
	background:url(/lib/img/cmn/icon_htype_02.png) 3px .5em no-repeat;
	font-size:2rem;
	font-weight:500;
	line-height:1.5;
	margin-bottom:.8em;
	padding-left:1em;
}

.htype04 {
	background:#db9cc3;
	border-radius:30px;
	color:#fff;
	display:inline-block;
	font-size:1.8rem;
	font-weight:500;
	line-height:1.2;
	margin-bottom:.8em;
	padding:.2em 2em;
}

.htype05 {
	color:#ed7482;
	font-size:1.7rem;
	font-weight:500;
	margin-bottom:.5em;
}

@media only screen and (max-width:767px) {

.htype01 {
	font-size:4vw;
	margin-bottom:1em;
}

.htype02 {
	background:url(/lib/img/cmn/icon_htype_01.png) 0 .3em no-repeat;
	background-size:4.5vw auto;
	font-size:4vw;
	margin-bottom:1em;
	padding:0 0 0 5.8vw;
}

.htype03 {
	background:url(/lib/img/cmn/icon_htype_02.png) 3px .5em no-repeat;
	background-size:1.2vw auto;
	font-size:3.4vw;
}

.htype04 {
	font-size:3.1vw;
}

.htype05 {
	font-size:2.9vw;
}

}

/* btn
-----------------------------------------------------*/ 
.btn_pink {
	background:url(/lib/img/cmn/bg_dither_pink.gif) repeat;
	border-radius:5px;
	display:inline-block;
	line-height:1.2;
	padding:1px;
}

.btn_pink span {
	background:#ed7482;
	border-radius:5px;
	color:#fff;
	display:block;
	padding:.6em 1.2em;
}


/* list
-----------------------------------------------------*/
.list01 li {
	line-height:1.9;
	margin-bottom:.1em;
	padding-left:1.2em;
	position:relative;
}

.list01 li:before {
	content:"・";
	height:1em;
	left:0;
	position:absolute;
	top:0;
	width:1em;
}

ul.list02 li,
p.list02 {
	line-height:1.9;
	padding-left:1.2em;
	position:relative;
}

ul.list02 li:before,
p.list02:before {
	content:"※";
	height:1em;
	left:0;
	position:absolute;
	top:0;
	width:1em;
}

.list03 {
	counter-reset:li;
}

.list03 li {
	line-height:1.9;
	margin-bottom:.2em;
	padding-left:1.4em;
	position:relative;
}

.list03 li:before {
	counter-increment:li;
	content:counter(li) ". ";
	height:1em;
	left:0;
	position:absolute;
	top:0;
	width:1.4em;
}


@media only screen and (max-width:767px) {

.list01 li,
.list02 li {
	line-height:1.6;
}

}


/*----------------------------------------------------*/ 
/* box
-----------------------------------------------------*/ 
#contents .inner {
	margin:0 auto;
	width:1080px;
}

.first {
	background:url(/lib/img/cmn/bg_wave_01.gif) center top no-repeat;
	background-size:contain;
	padding:90px 0 35px;
	position:relative;
}

.first:before {
	background:url(/lib/img/cmn/img_leaf_02.png) no-repeat;
	content:"";
	height:202px;
	left:0;
	position:absolute;
	top:10px;
	width:204px;
	z-index:2;
}

.first:after {
	background:url(/lib/img/cmn/img_leaf_10.png) no-repeat;
	content:"";
	height:164px;
	position:absolute;
	right:0;
	top:-15px;
	width:134px;
	z-index:2;
}

.second {
	background:#f1f8f7 url(/lib/img/cmn/bg_wave_02.gif) center top no-repeat;
	background-size:contain;
	padding:76px 0 20px;
	position:relative;
}

.third {
	background:url(/lib/img/cmn/bg_wave_03.gif) center top no-repeat;
	background-size:contain;
	padding:100px 0 25px;
	position:relative;
}

@media only screen and (max-width:767px) {

.fig img {
	height:auto;
	width:100%;
}

#contents .inner {
	margin:0 15px;
	width:auto;
}

.first {
	padding:29px 0 17px;
}

.first:before {
	background:url(/lib/img/cmn/img_leaf_02_sp.png) no-repeat;
	background-size:56px 47px;
	height:47px;
	top:-15px;
	width:56px;
}

.first:after {
	background:url(/lib/img/cmn/img_leaf_10.png) no-repeat;
	background-size:34px 42px;
	height:42px;
	top:-5px;
	width:34px;
}

.second {
	padding:35px 0 20px;
}

.third {
	padding:28px 0 15px;
}


}


/*----------------------------------------------------*/ 
/* nav
-----------------------------------------------------*/ 
.subnav {
	background:url(/lib/img/cmn/bg_dither_pink.gif) repeat;
	border-radius:5px;
	box-sizing:border-box;
	margin:0 auto 40px;
	padding:1px;
	width:950px;
}

.subnav ul {
	background:#fff;
	border-radius:5px;
	box-sizing:border-box;
	display:block;
	letter-spacing:-.40em;
	padding:.5em;
	text-align:center;
}

.subnav ul li {
	display:inline-block;
	font-size:1.8rem;
	font-weight:500;
	letter-spacing:normal;
	padding:0 1.3em 0 1em;
	position:relative;
}

.subnav ul li:after {
	background:#ed7482;
	content:"";
	display:block;
	height:1.2em;
	position:absolute;
	right:0;
	top:.4em;
	width:1px;
}

.subnav ul li:last-child:after {
	display:none;
}

.subnav ul li a {
	color:#ed7482;
	text-decoration:none;
}

@media only screen and (max-width:767px) {

.subnav {
	margin:0 0 6.2%;
	width:auto;
}

.subnav.btm {
	margin:0 15px 10%;
}

.subnav ul li {
	font-size:3.1vw;
	padding:0 1.3em 0 1em;
}


}