@charset "UTF-8";
/* CSS Document */

/*------------------------------------*/
/*                                    */
/* hiila.com styles                   */
/* Designed by BBCCCMDX 2013          */
/*                                    */
/*------------------------------------*/
html{
font-size:16px
}
/* =Reset and nomalize
-----------------------------------------------------------------------------*/
html,body,div,span,object,iframe,
p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ruby,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,output,
table,tbody,tfoot,thead,tr,th,td,caption,
canvas,details,embed,figure,figcaption,
footer,header,hgroup,menu,nav,
article,aside,section,summary,time,mark,audio,video,
h1,h2,h3,h4,h5,h6{margin:0 ;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}
/* List style */
dl,dt,dd,ol,ul,li{list-style:none}
/* Structure tags */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
/* Responsive images and other embedded objects */
img,object,embed,video,iframe{width:auto;max-width:100%}
/* Responsive images aspeсt ratio */
img,video,iframe{height:auto}
/* To prevent some browsers from inserting quotes on q and p */
blockquote,q{quotes:none}
blockquote p:before,blockquote p:after,q:before,q:after{content:'';content:none}
/* Table reset */
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;vertical-align:top;font-weight:normal}
thead th,thead td{font-weight:bold;vertical-align:bottom}
/* Image inside */
a img,th img,td img{vertical-align:top}
/* Webkit browsers reset margin */
button,input,select,textarea{margin:0}
textarea{overflow:auto}
/* Normalize buttons in IE */
button{width:auto;overflow:visible}
/* Hand cursor on clickable controls */
input[type=button],input[type=submit],button{cursor:pointer}
/* Trick with vertical align for radio and checkbox*/
input[type="radio"],input[type="checkbox"]{font-size:110%}
/* Horizontal rule reset*/
hr{display:block;height:1px;border:0;border-top:1px solid #ddd}
/* =Goodies
-----------------------------------------------------------------------------*/
/* Headline style */
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family:'AdobeDevanagari-Regular',serif}
h1{font-size:1.49rem}/* 24px */
h2{font-size:1.24rem}/* 20px */
h3{font-size:1rem}/* 16px */
h4{font-size:.88rem}/* 14px */
h5{font-size:.64rem}/* 12px */
h6{font-size:.64rem}/* 10px */
/* Font style */
.normal{font-weight:normal}
.bold{font-weight:bold}
.italic{font-style:italic}
.Devanagari_regular{ font-family:'AdobeDevanagari-Regular',serif}
.Devanagari_italic{ font-family:'AdobeDevanagari-Italic',serif}
/* texr align */
.L{ text-align:left !important}
.R{ text-align:right !important}
.CNT{ text-align:center !important}
/* line-height */
.Line1{ line-height:1}
.Line125{ line-height:1.25}
.Line15{ line-height:1.5}
.Line2{ line-height:2}
/* Word break */
.wb{ word-break:break-all}
/* Text color */
.white{color:#fff}
.red{color:#933}
.gray{color:#B2B1B1}
/* box float */
.fL{ float:left}
.fR{ float:right}
.CLR{clear:both}
/* clear fix */
.CLfix{/zoom:1}
.CLfix:after{content:''; display:block;clear:both;height:0}
/* Cursor changer */
.pointer{cursor:pointer}
.handle{cursor:move}
/* Display Block */
.block{display:block}
/* Clickable Box */
.clickable_box{ cursor:pointer}
.clickable_box:hover{
-moz-opacity:.8;
-khtml-opacity:.8;
opacity:.8
}
/* Image hover Opacity */
.img_hover:hover{
opacity:.8;
filter: alpha(opacity=8);
-ms-filter: "alpha( opacity=8 )"
}
/* =General
-----------------------------------------------------------------------------*/
/* margin and padding */
.m0{margin:0rem}
.m1{margin:1rem}
.m2{margin:2rem}
.m3{margin:3rem}
.m4{margin:4rem}

.m1t{margin-top:1rem}
.m2t{margin-top:2rem}
.m3t{margin-top:3rem}
.m4t{margin-top:4rem}

.m1r{margin-right:1rem}
.m2r{margin-right:2rem}
.m3r{margin-right:3rem}
.m4r{margin-right:4rem}

.m1b{margin-bottom:1rem}
.m2b{margin-bottom:2rem}
.m3b{margin-bottom:3rem}
.m4b{margin-bottom:4rem}

.m1l{margin-left:1rem}
.m2l{margin-left:2rem}
.m3l{margin-left:3rem}
.m4l{margin-left:4rem}

/*padding*/
.p1{padding:1rem}
.p2{padding:2rem}
.p3{padding:3rem}
.p4{padding:4rem}

.p1t{padding-top:1rem}
.p2t{padding-top:2rem}
.p3t{padding-top:3rem}
.p4t{padding-top:4rem}

.p1r{padding-right:1rem}
.p2r{padding-right:2rem}
.p3r{padding-right:3rem}
.p4r{padding-right:4rem}

.p1b{padding-bottom:1rem}
.p2b{padding-bottom:2rem}
.p3b{padding-bottom:3rem}
.p4b{padding-bottom:4rem}

.p1l{padding-left:1rem}
.p2l{padding-left:2rem}
.p3l{padding-left:3rem}
.p4l{padding-left:4rem}

/* font size */
.fs8{ font-size:0.51rem}
.fs10{ font-size:0.64rem}
.fs12{ font-size:0.76rem}
.fs14{ font-size:0.88rem}
.fs16{ font-size:1rem}
.fs18{ font-size:1.12rem}
.fs20{ font-size:1.24rem}
.fs22{ font-size:1.36rem}
.fs24{ font-size:1.49rem}
.fs26 { font-size:1.61rem}
.fs28 { font-size:1.73rem}
.fs30{ font-size:1.87rem}
.fs32 { font-size:2rem}
.fs36 { font-size:2.27rem}
.fs40 { font-size:2.5rem}
.fs42 { font-size:2.62rem}
.fs44 { font-size:2.76rem}
.fs46 { font-size:2.88rem}
.fs48 { font-size:2.98rem}
.fs52 { font-size:3.24rem}
.fs56 { font-size:3.5rem}
.fs60 { font-size:3.74rem}
/* =Fixed height
---------------------------------------*/
.h8{height:8px}
.h16{height:16px}
.h24{height:24px}
.h32{height:32px}
.h48{height:48px}
.h64{height:64px}
.h96{height:96px}
.h128{height:128px}
.h256{height:256px}
.h384{height:384px}
.h512{height:512px}
/* =Common styles
-----------------------------------------------------------------------------*/
/* Win, Mac font family swicting / jQuery.js,function.js */
body.win {font-family:'AdobeDevanagari-Regular',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",serif}
body.mac {font-family:"ヒラギノ明朝 Pro W3" , "Hiragino Mincho ProN", "Hiragino Mincho Pro",'AdobeDevanagari-Regular', sans-serif}
#galleryIndexList,
#galleryList,
#gallery_wedding,
#galleryList_wedding,
#gallery,
#galleryIndexIndexList,
#galleryIndexList,
#text h2,
.En
{
font-family:'AdobeDevanagari-Regular',serif;
-webkit-transform-origin: 0 0;
-webkit-transform: scale(1, 1.01);
-moz-transform-origin: 0 0;
-moz-transform: scale(1, 1.01);
-ms-transform-origin: 0 0;
-ms-transform: scale(1, 1.04); /* IE9だけ1.02 */
-o-transform-origin: 0 0;
-o-transform: scale(1, 1.01);
}
/*anchor*/
a:link{text-decoration:none; color:#222 !important}
a:visited{text-decoration:none; color:#222 !important}
a:hover{text-decoration:underline; color:#666 !important}
a:active{text-decoration:underline; color:#666 !important}
/* =General Layouts - html/body
---------------------------------------*/
html{
background:#111 url(../img/common/mainBG.jpg) no-repeat top left;
}
/* Body */
body{
letter-spacing:0em;
line-height:1.75;
color:#222;
font-size:88%;
-webkit-text-size-adjust:none;
width:99.999%;
height:582px;
position:absolute;
top:50%;
margin:-311px 0 0 0
}
/* =General Layouts - header
---------------------------------------*/
header{
	width:99.999%;
	margin:0 auto;
	padding:0 0 1.5rem;
	}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
header{
	padding:3rem 0 .5rem;
	}
}
header:after{content:''; display:block;clear:both;height:0}
header h1 a,
header li{
	background:url(../img/common/HeaderSet.png) no-repeat;
	text-indent:-9999px;
	height:24px
}
header li a{
	display:block;
}
header h1 a{
	display:block;
	float:left;
	background-position:0 0;
	width:128px;
	height:80px;
	margin:0 2rem 0;
	}
header ul{
	}
header ul li{
	float:left;
	margin:62px 24px 0 0;
	}
/* =General Layouts - Sprights
---------------------------------------*/
header ul li:nth-child(1){
	background-position:0 -272px;
	width:56px;
	}
header ul li:nth-child(1):hover{
	background-position:-200px -272px;
	width:56px;
	}
header ul li:nth-child(2){
	background-position:0 -176px;
	width:61px;
	}
header ul li:nth-child(2):hover{
	background-position:-200px -176px;
	width:61px;
	}
header ul li:nth-child(3){
	background-position:0 -200px;
	width:35px;
	}
header ul li:nth-child(3):hover{
	background-position:-200px -200px;
	width:35px;
	}
header ul li:nth-child(4){
	background-position:0 -224px;
	width:59px;
	}
header ul li:nth-child(4):hover{
	background-position:-200px -224px;
	width:59px;
	}
header ul li:nth-child(5){
	background-position:0 -248px;
	width:96px;
	}
header ul li:nth-child(5):hover{
	background-position:-200px -248px;
	width:96px;
	}
/* =General Layouts - article (main content)
---------------------------------------*/
article{
width:99.999%;
height:438px;
margin:0 auto;
padding:1px 0 0;
display:block;
}
article:before{
	height:2px;
	display:block;
	background:url(../img/common/contentBgLineUpper.png) no-repeat center;
	content:'';
	margin:0 0 -1px 0
}
article:after{
	height:2px;
	display:block;
	background:url(../img/common/contentBgLineLower.png) no-repeat center;
	content:'';
	margin:-4px 0 0 0;
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
article{
height:400px;
margin:0 auto;
padding:1px 0 0;
display:block;
}
article:before{
	margin:0 0 0 0
}
article:after{
	margin:-2.5px 0 0 0;
}
}
/* =General Layouts - footer
---------------------------------------*/
footer{
	width:99.999%;
	padding:1rem 0 0;
	margin:0 auto;
	text-align:right;
	color:#666;
	}
footer h6{
	padding:0 2rem 0 0;
	font-style:italic;
	font-weight:normal !important
	}
/* =Section - article (main content) Index page
---------------------------------------*/
#index{
}
#index>section{
height:440px;
margin:0 auto;
padding:0 1rem;
display:block;
overflow:hidden;
text-align:center;
}
#index>section>h2{
	height:102px;
	line-height:500px;
	margin:0 600px 0 0;
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#index>section{
height:400px;
}
#index>section>h2{
	height:102px;
	line-height:400px;
	margin:0 600px 0 0;
}
}
/* =Section - article (Gallery Index-Index Lists) 
---------------------------------------*/
#galleryIndexIndexList{
background:rgba(255,255,255,.95);
	}
#galleryIndexIndexList section{
height:440px;
margin:0 auto;
padding:0 1rem;
display:block;
overflow:hidden;
background:url(/img/common/contentBgGallery.png) no-repeat right top;
}
#galleryIndexIndexList section div{
width:960px;
height:440px;
margin:0 auto;
background:url(/img/common/contentBgLeaf.png) no-repeat 0 8px;
}
#galleryIndexIndexList section div hgroup{
line-height:1;
color:#4D4D4D;
padding:46px 0 0 3rem;
}
#galleryIndexIndexList section div h2{
padding:2.25rem 0 1rem 3rem;
line-height:1;
font-size:1.36rem;
}
#galleryIndexIndexList section div ul{
	padding:0 0 0 8.5rem
}
#galleryIndexIndexList section div ul:after{content:''; display:block;clear:both;height:0}
#galleryIndexIndexList section div ul li a{
	width:336px;
	height:150px;
	margin:0 1.5rem 1.5rem 0;
	float:left;
	border:1px solid #efefef;
	border-radius:2px;
	box-shadow:0 2px 2px rgba(0,0,0,.5);
	text-indent:-9999px;
	background:url(/img/common/bg_galleryIndexList.jpg) no-repeat
}
#galleryIndexIndexList section div ul li:nth-child(1) a{
	background-position:0 0
}
#galleryIndexIndexList section div ul li:nth-child(2) a{
	background-position:0 -152px
}
#galleryIndexIndexList section div ul li:nth-child(3) a{
	background-position:0 -304px
}
#galleryIndexIndexList section div ul li:nth-child(4) a{
	background-position:0 -456px
}
#galleryIndexIndexList section div ul li a:hover{
	opacity:.75
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#galleryIndexIndexList section{
height:400px;
}
#galleryIndexIndexList section div h2{
padding:.5rem 0 1rem 3rem;
line-height:1;
font-size:1.36rem;
}
}
/* =Section - article (Gallery Index Lists) 
---------------------------------------*/
#galleryIndexList{
background:rgba(255,255,255,.95);
	}
#galleryIndexList section{
height:440px;
margin:0 auto;
padding:0 1rem;
display:block;
overflow:hidden;
background:url(/img/common/contentBgGallery.png) no-repeat right top;
}
#galleryIndexList section div{
width:960px;
height:440px;
margin:0 auto;
background:url(/img/common/contentBgLeaf.png) no-repeat 0 8px;
}
#galleryIndexList section div hgroup{
line-height:1;
color:#4D4D4D;
padding:46px 0 0 3rem;
}
#galleryIndexList section div h2{
padding:4rem 0 0 0;
margin:0 0 0 5rem;
font-size:1.36rem;
}
#galleryIndexList section div hgroup h3{
	font-size:2.98rem;
	font-style:italic
}
#galleryIndexList section div ul{
	padding:1rem 0 0 6.5rem
}
#galleryIndexList section div ul:after{content:''; display:block;clear:both;height:0}
#galleryIndexList section div ul li{
	width:344px;
	height:63px;
	font-size:1.49rem;
	margin:0 1rem 1rem 0;
	float:left;
	border:1px solid #efefef;
	border-radius:2px;
	box-shadow:0 2px 2px rgba(0,0,0,.5);
	background:rgba(255,255,255,.75)}
#galleryIndexList section div ul li:hover{
	opacity:.5
}
#galleryIndexList section div ul li a img{
	float:left;
	margin:0 8px 0 -1px;
}
#galleryIndexList section div ul li a{
font-family:'AdobeDevanagari-Regular',serif;
	width:344px;
	height:64px;
	font-size:1.24rem;
	line-height:2.35;
	display:block;
	text-decoration:none !important;
	background:url(/img/common/contentBGList.png) no-repeat top right
}
#galleryIndexList section div ul li a span{
	font-size:.7rem;
	display:block;
	line-height:1.2;
font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ明朝 Pro W3" , "Hiragino Mincho ProN", "Hiragino Mincho Pro",'AdobeDevanagari-Regular', sans-serif
}
#galleryList section div ul li a:hover{
	opacity:.5
}
#galleryList section div ul li span{
	font-size:.76rem;
	font-style:italic;
	display:block
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#galleryIndexList section{
height:400px;
}
}

/* =Section - article (Gallery Lists) 
---------------------------------------*/
#galleryList{
background:rgba(255,255,255,.95);
}
#galleryList section{
height:440px;
margin:0 auto;
padding:0 1rem;
display:block;
overflow:hidden;
background:url(/img/common/contentBgGallery.png) no-repeat right top;
}
#galleryList section div{
width:960px;
height:440px;
margin:0 auto;
background:url(/img/common/contentBgLeaf.png) no-repeat 0 8px;
}
#galleryList section div hgroup{
line-height:1;
color:#4D4D4D;
padding:46px 0 0 3rem;
}
#galleryList section div hgroup h2{
font-size:1.36rem;
}

#galleryList section div hgroup h3{
	font-size:2.98rem;
	font-style:italic;
}
#galleryList section div ul{
	padding:2rem 0 0 5rem
}
#galleryList section div ul:after{content:''; display:block;clear:both;height:0}
#galleryList section div ul li{
	width:216px;
	height:56px;
	font-size:1.49rem;
	line-height:1.25;
	margin:0 1rem 1rem 0;
	padding:4px;
	float:left;
	border:1px solid #efefef;
	border-radius:2px;
	box-shadow:0 2px 2px rgba(0,0,0,.5);
	background:rgba(255,255,255,.75);
}
#galleryList section div ul li a img{
	float:left;
	border-right:1px solid #efefef;
	margin:-4px 8px 0 -4px;
}
#galleryList section div ul li a{
width:214px;
	height:54px;
	font-size:1.12rem;
	display:block;
	text-decoration:none !important;
}
#galleryList section div ul li a:hover{
	opacity:.75
}
#galleryList section div ul li span{
	font-size:.76rem;
	font-style:italic;
	display:block
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#galleryList section{
height:400px;
}
#galleryList section div{
height:400px;
}
#galleryList section div hgroup{
padding:.5rem 0 0 3rem;
}
}
/* =Section - article (Gallery) 
---------------------------------------*/
#gallery{
background:rgba(255,255,255,.95);
	}
#gallery section{
height:440px;
margin:0 auto;
padding:0 1rem;
display:block;
overflow:hidden;
background:url(/img/common/contentBgGallery.png) no-repeat right top;
}
#gallery section div#content_1{
width:960px;
height:436px;
margin:0 auto;
background:url(/img/common/contentBgLeaf.png) no-repeat 0 8px;
}
#gallery section div hgroup{
line-height:1;
color:#4D4D4D;
padding:46px 0 0 3rem;
}
#gallery section div hgroup h2{
	font-size:1.24rem;
}
#gallery section div hgroup h3{
	font-size:2.98rem;
	font-style:italic
}
#gallery section div ul{
	padding:2rem 0 0 5rem
}
#gallery section div ul:after{content:''; display:block;clear:both;height:0}
#gallery section div ul li{
	width:64px;
	height:64px;
	margin:0 1rem 1rem 0;
	float:left;
	border:1px solid #efefef;
	border-radius:2px;
	box-shadow:0 2px 2px rgba(0,0,0,.5)
}
#galleryBackLink{
	width:216px !important;
	height:28px !important;
	font-size:1.49rem;
	line-height:1.25;
	margin:0 1rem 1rem 0;
	padding:4px;
	clear:both;
	float:none !important;
	border:1px solid #efefef;
	border-radius:2px;
	box-shadow:0 2px 2px rgba(0,0,0,.5);
	background:rgba(255,255,255,.75);}
#galleryBackLink a{
	width:214px !important;
	height:27px !important;
	line-height:30px;
	font-size:1rem !important;
	display:block;
	text-decoration:none !important;
}
#galleryBackLink a:before{
	content:'< '
	}
#galleryBackLink a:hover{
	opacity:.75
}
#galleryBackLinkInner{
	width:216px !important;
	height:28px !important;
	font-size:1.49rem;
	margin:0 1rem 1rem 0;
	padding:4px;
	float:left;
	border:1px solid #efefef;
	border-radius:2px;
	box-shadow:0 2px 2px rgba(0,0,0,.5)
}
#galleryBackLinkInner a img{
	float:left;
	border-right:1px solid #efefef;
	margin:-4px 8px 0 -4px;
}
#galleryBackLinkInner a{
	width:214px !important;
	height:27px !important;
	font-size:1rem !important;
	display:block;
	text-decoration:none !important;
}
#galleryBackLinkInner a:hover{
	opacity:.75
}
#galleryBackLinkInner span{
	font-size:.76rem;
	font-style:italic;
	display:block
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#gallery section{
height:400px;
}
}
/* =Section - article (Gallery Lists - Wedding) 
---------------------------------------*/
#galleryList_wedding{
background:rgba(255,255,255,.95);
	}
#galleryList_wedding section{
height:440px;
margin:0 auto;
padding:0 1rem;
display:block;
overflow:hidden;
background:url(/img/common/contentBgGalleryWedding.png) no-repeat right top;
}
#galleryList_wedding section div{
width:960px;
height:440px;
margin:0 auto;
background:url(/img/common/contentBgLeaf.png) no-repeat 0 8px;
}
#galleryList_wedding section div hgroup{
line-height:1;
color:#4D4D4D;
padding:46px 0 0 3rem;
}
#galleryList_wedding section div hgroup h2{
font-size:1.36rem;
}
#galleryList_wedding section div hgroup h3{
	font-size:2.98rem;
	font-style:italic
}
#galleryList_wedding section div ul{
	padding:2rem 0 0 5rem
}
#galleryList_wedding section div ul:after{content:''; display:block;clear:both;height:0}
#galleryList_wedding section div ul li{
	width:216px;
	height:56px;
	font-size:1.49rem;
	line-height:1.25;
	margin:0 1rem 1rem 0;
	padding:4px;
	float:left;
	border:1px solid #efefef;
	border-radius:2px;
	box-shadow:0 2px 2px rgba(0,0,0,.5);
	background:rgba(255,255,255,.75);
}
#galleryList_wedding section div ul li a img{
	float:left;
	border-right:1px solid #efefef;
	margin:-4px 8px 0 -4px;
}
#galleryList_wedding section div ul li a{
width:214px;
	height:54px;
	font-size:1.12rem;
	display:block;
	text-decoration:none !important;
}
#galleryList_wedding section div ul li a:hover{
	opacity:.75
}
#galleryList_wedding section div ul li span{
	font-size:.76rem;
	font-style:italic;
	display:block
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#galleryList_wedding section{
height:400px;
}
}
/* =Section - article (Gallery - Wedding only) 
---------------------------------------*/
#gallery_wedding{
background:rgba(255,255,255,.95);
	}
#gallery_wedding section{
height:440px;
margin:0 auto;
padding:0 1rem;
display:block;
overflow:hidden;
background:url(/img/common/contentBgGalleryWedding.png) no-repeat right top;
}
#gallery_wedding section div#content_1{
width:960px;
height:436px;
margin:0 auto;
background:url(/img/common/contentBgLeaf.png) no-repeat 0 8px;
}
#gallery_wedding section div hgroup{
line-height:1;
color:#4D4D4D;
padding:46px 0 0 3rem;
}
#gallery_wedding section div hgroup h2{
	font-size:1.24rem;
}
#gallery_wedding section div hgroup h3{
	font-size:2.98rem;
	font-style:italic
}
#gallery_wedding section div ul{
	padding:2rem 0 0 5rem
}
#gallery_wedding section div ul:after{content:''; display:block;clear:both;height:0}
#gallery_wedding section div ul li{
	width:64px;
	height:64px;
	margin:0 1rem 1rem 0;
	float:left;
	border:1px solid #efefef;
	border-radius:2px;
	box-shadow:0 2px 2px rgba(0,0,0,.5);
	background:rgba(255,255,255,.75);
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#gallery_wedding section{
height:400px;
}
}
/* =Section - article (text base pages) 
---------------------------------------*/
#text{
background:rgba(255,255,255,.95);
	}
#text section{
height:440px;
margin:0 auto;
padding:0 1rem;
display:block;
overflow:hidden;
background:url(/img/common/contentBgGallery.png) no-repeat right top;
}
#text section div#content_1{
width:960px;
height:412px;
margin:0 auto;
padding:1.5rem 3rem;
background:url(/img/common/contentBgLeaf.png) no-repeat 0 8px;
}
#text section div h2{
	margin:1rem 0 1.5rem;
}
#text section div p:nth-child(2){
	padding:0 0 2rem 0;
	margin:0 0 2.25rem 5.5rem;
	border-bottom:1px solid #222;
}
#text section div p:nth-child(3){
	margin:0 0 0 5.5rem;
	padding:0 0 2rem
}
#text section div dl{
	padding:0 0 1rem 0;
	margin:0 0 1rem 5.5rem;
}
#text section div dl dt{
	line-height:1.5;
	font-size:1rem
}
#text section div dl dd{
	padding:0 0 2rem 1rem;
	line-height:1.5
}
#text section div dl dd a{
	text-decoration:underline
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#text section{
height:400px;
}
}
/* =Lesponcive
-----------------------------------------------------------------------------*/

/*スマートフォン（縦長・横長）*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.{
}
}


/*スマートフォン（横長）*/
@media only screen 
and (min-width : 321px) {
.{
}
}
/*スマートフォン（縦長）*/
@media only screen 
and (max-width : 320px) {
.{
}
}
/*iPad（縦長・横長）*/
@media only screen and 
(min-device-width : 768px) and 
(max-device-width : 1024px) {
.{
}
}
/*iPad（横長）*/
@media only screen and 
(min-device-width : 768px) and 
(max-device-width : 1024px) and 
(orientation : landscape) {
.{
}
}
/*iPad（縦長）*/
@media only screen and 
(min-device-width : 768px) and 
(max-device-width : 1024px) and 
(orientation : portrait) {
.{
}
}
/*デスクトップブラウザ*/
@media only screen and 
(min-width : 1224px) {
.{
}
}
/*大きいモニター(w1920 over)*/
@media only screen and 
(min-width : 1824px) {
.{
}
}
/*Retina*/
@media
only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2) {
.{
}
}