/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/

/* ------ Web Font ------ */

/* IE */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.eot);
}
/* Firefox, Opera, Safari */
@font-face {
	font-family: iconfont;
	src: url(CONDENSEicon.otf) format("truetype");
}

.icon {
	font-family: iconfont;
	font-weight: normal;
}

.icon-list:before {
	content: "\002c7";
}
.icon-kaikei:before {
	content: "Q";
}


/* ------ General Settings ------ */

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}

.blockSP {
	display: none;
}

body {
	background: none;
}

.text-center {
	text-align: center;
}

#wrapper {
	width: 100%;
	background-image: none;
}


/* ------ Header ------ */

header {
	width: 100%;
	background-color: #fff;
}

#header-inner {
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#logo {
	float: left;
	padding: 30px 0 0;
}

#logo a {
	display: block;
	max-width: 220px;
}

/* ------ contact ------ */

#info {
	float: right;
	width: 500px;
	padding: 35px 0 20px;
}

#info ul {
	float: left;
	width: 270px;
}

#info ul li {
	margin: 0 0 0 0;
	display: inline-block;
    /display: inline;  /* IE用ハック */
    /zoom: 1;  /* IE用ハック */}

#tel-honjo {
	font-size: 160%;
	color: #3f1557;
	font-weight: bold;
}

#tel-honjo img {
	margin: 0 5px 0 0;
	vertical-align: baseline;
}

#tel-open {
	float: none;
	width: 270px;
	font-size: 75%;
}

#contact-form {
	width: 225px;
	float: right;
}

/* ------ gnav ------ */

#gnav-btn {
	display :none;
}

#gnav {
	clear: both;
	width: 100%;
	background-color: #f1f1f1;
}

#gnav nav {
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
	border-left: 1px solid #d7d7d7;
}

#gnav nav * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

#gnav nav ul {
}

#gnav nav ul li {
	height: 100%;
	text-align: center;
	font-weight: bold;
}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{
				}


			/* first level */

			#nav > ul
			{
				background-color: #f1f1f1;
			}
				#nav > ul > li
				{
					width: 20%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						text-align: center;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #d7d7d7;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #cc470d;
						}


				/* second level */

				#nav li ul
				{
					display: none;
					position: absolute;
					top: 100%;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1.25em; /* 20 */
							border-top: 1px solid #e15a1f;
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #e15a1f;
							}


#gnav nav ul li a {
	display: block;
	padding: 14px 0 12px;
	border-right: solid 1px #d7d7d7;
	font-size: 96%;
}

#gnav nav ul li a:link,
#gnav nav ul li a:visited {
	background-color: #f1f1f1;
	color: #3f1557;
	text-decoration: none;
}
#gnav nav ul li a:hover,
#gnav nav ul li a:active,
#gnav nav ul li a.current {
	background-color: #ececec;
	color: #3f1557;
	text-decoration: none;
}

/* ------ Mainvisual ------ */

/* ------ main ------ */

#main {
	width: 970px;
	margin: 20px auto 30px;
	overflow: hidden;
	*zoom: 1;
}

#mainvisual {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#mainvisual-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}

#mainvisual-inner .img {
	position: absolute;
	display: none;
	width: 970px;		/* 画像の幅 */
	margin-left: 0;	/* -(画像の幅÷2) */
	padding-left: 0;
	top: 0;
}

#mainvisual-inner .img:first-child {
	position: relative;
	display: block;
}


#mainvisual-btn {
	width: 100%;
	height: 10px;
	margin-top: 10px;
	text-align: center;
}

#mainvisual-btn div {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	overflow: hidden;
	vertical-align: top;

}
#mainvisual-btn div {
	*display: inline;
}

#mainvisual-btn a {
	display: block;
	width: 10px;
	height: 20px;
}

#mainvisual-btn a:link,
#mainvisual-btn a:visited {
	margin-top: 0px;
}
#mainvisual-btn a:hover,
#mainvisual-btn a:active,
#mainvisual-btn a.current {
	margin-top: -10px;
}

#mainvisual-btn a img {
	vertical-align: top;
}

#mainvisual-arrow {
	position: absolute;
	z-index: 200;
	width: 100%;
	top: 48%;
	left: 0;
	margin-top: -20px;
}

#mainvisual-arrow-inner {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

#mainvisual-arrow .prev,
#mainvisual-arrow .next {
	position: absolute;
	width: 27px;
	height: 27px;
	overflow: hidden;
}
#mainvisual-arrow .prev {
	left: 2%;
}
#mainvisual-arrow .next {
	right: 2%;
}

#mainvisual-arrow a {
	display: block;
	width: 27px;
	height: 54px;
}

#mainvisual-arrow a:link,
#mainvisual-arrow a:visited {
	margin-top: 0px;
}
#mainvisual-arrow a:hover,
#mainvisual-arrow a:active {
	margin-top: -27px;
}

#mainvisual-arrow a img {
	vertical-align: top;
}

/* ------ Bread Crumb ------ */

#bread-crumb {
	width: 100%;
	padding: 8px 0;
	border-bottom: solid 1px #d7d7d7;
	background: #fff;
}

#bread-crumb ul {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
	*zoom: 1;
}

#bread-crumb ul li {
	float: left;
	*float: none;
	*display: inline;
	padding: 0 15px 0 18px;
	font-size: 67%;
	line-height: 160%;
	background: url(../images/breadcrumb_bg.gif) no-repeat left center;
	*zoom: 1;
}

#bread-crumb ul li:first-child {
	padding-left: 0;
	background-image: none;
}

/* ------ Contents ------ */

#contents {
	width: 970px;
	margin: 0 auto;
	padding-top: 0;
	overflow: hidden;
	*zoom: 1;
}

#left-column {
	float: none;
	width: 80%;
	margin: 0 auto;
	padding-bottom: 40px;
	overflow: hidden;
}

#right-column {
	float: none;
	width: 100%;
	margin: 0 auto 40px;
	overflow: hidden;
}

/*.flex{
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex > div{
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media screen and (max-width: 767px){
    .flex > div:nth-child(1){
        -webkit-order: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .flex > div:nth-child(2){
        -webkit-order: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}*/

/* ------ top main ------ */

#top-center-column {
	margin-bottom: 30px;
	padding-bottom: 40px;
	background: url(../images/top-center-ft.gif) repeat-x bottom left;
}

#top-center-column img {
	float: left;
	padding-right: 30px;
}

#top-center-column h2 {
	padding: 10px 0 10px 0;
	font-size: 160%;
	line-height: 160%;
	color: #3f1557;
}
#top-center-column h2 span {
	display: block;
}

#top-center-column p {
}


/* ------ top news ------ */

#top-left-column {
	float: left;
	width: 470px;
	margin-bottom: 30px;
	font-family:'Hiragino Mincho ProN', serif;
}

#top-left-column h2 {
	padding: 0 0 10px 0;
	background: url(../images/dotted_line.png) repeat-x bottom left;
	text-align: center;
}

section.news {
	position: relative;
	background: url(../images/top_reason_bg.png) no-repeat bottom right;
	z-index: 1;
}

.news-box {
	position: relative;
	padding: 8px 0 10px 0;
	font-size: 100%;
	line-height: 160%;
	background: url(../images/dotted_line.png) repeat-x bottom left;
	z-index: -1;
}

.news-box dt {
	float: left;
	width: 50px;
}

.news-box em {
	font-size: 150%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	color: #b58136;
}

.news-box span {
	display: block;
}

.news-data span {
	margin-right: 5px;
}

.news-box dd {
	padding: 5px 0 0 0;
}

.gotoreason {
	margin-top: 18px;
	text-align: center;
}


/* top サービス ------------------------------ */

#top-right-column {
	float: right;
	width: 470px;
	margin-bottom: 30px;
}

#top-right-column h2 {
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	text-align: center;
}

#top-right-column #top_service {
	width: 490px;
	*margin-bottom: 30px;
	overflow: hidden;
	*zoom: 1;
	font-size: 90%;
}

#top-right-column #top_service li {
	float: left;
	width: 205px;
	margin: 0 15px 15px 0;
	text-align: center;
	background: #f9f9f9;
	-webkit-box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;
	box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;
}

*#top-right-column #top_service li {
	width: 225px;
}


#top-right-column #top_service li a {
	display: block;
	padding: 10px 5px 125px 10px;
	font-weight: bold;
	color: #073c6d;
	border: 0px #b3c0cd solid;
}

#top-right-column #top_service li span {
	display: block;
	padding: 5px 0 0 0;
}

#top-right-column #top_service .bnr01 {
	background: url(../images/top_service01.jpg) no-repeat center 95px;
}
#top-right-column #top_service .bnr02 {
	background: url(../images/top_service02.jpg) no-repeat center 95px;
}
#top-right-column #top_service .bnr04 {
	background: url(../images/top_service03.jpg) no-repeat center 95px;
}
#top-right-column #top_service .bnr03 {
	background: url(../images/top_service04.jpg) no-repeat center 95px;
}



/* ------ lev2 ------ */

#page-title {
	width: 100%;
	margin: 0 0 40px 0;
	padding: 50px 0 0;
	text-align: center;
	font-size: 170%;
	color: #000;
	background: #daf6fa url(../images/h1_bg.jpg) no-repeat right top;
	overflow: hidden;
	*zoom: 1;
}


#page-title span {
	display:inline-block;
	*display: inline;
    *zoom: 3;
	padding:0 0 50px 0;
	font-weight: bold;
}


.lev-title {
	width: 100%;
	padding: 0 0 5px;
	font-size: 100%;
	color: #000;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}

article section {
	padding: 0 0 30px;
	border-top: solid 0px #ddd;
	overflow: hidden;
}

article section:first-child {
	border-top: none;
}

article section h3 {
	margin: 0 0 10px 0;
	padding: 3px 0 3px 10px;
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
	color: #fff;
	background: #6fc5d5;
}

article section h4 {
	margin: 20px 0 7px 0;
	font-size: 110%;
	font-weight: bold;
	line-height: 130%;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}

article section em {
	font-weight: bold;
}

#contents-title {
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	font-size: 160%;
	line-height: 170%;
	-webkit-text-shadow: 0px 0px 0px #004c85;
	text-shadow: 0px 0px 0px #004c85;
	border-top: none;
	color: #3f1571;
}

#news-title {
	margin: 0 0 10px 0;
	padding: 3px 0 3px 10px;
	font-size: 100%;
	font-weight: bold;
	line-height: 140%;
	color: #fff;
	background: #f1f1f1;
}

.sub-title {
	margin-bottom: 2px;
	font-size: 100%;
	font-weight: bold;
	line-height: 180%;
	color: #f1f1f1;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}



article section p {
	font-size: 90%;
	line-height: 160%;
}

.ctBox {
	overflow: hidden;
}

.ctBox p {
	margin-bottom: 15px;
}

.ctBox .ttl {
	font-size: 120%;
	font-weight: bold;
}
.ctBox .price {
	font-weight: bold;
}

.column-set {
	width: 810px;
	*margin-bottom: 30px;
	overflow: hidden;
	*zoom: 1;
}

.column1 {
	float: left;
	width: 240px;
	margin: 0 30px 30px 0;
}

section .third {
	margin-right: 0;
}

.column1 .icon-l {
	margin-bottom: 20px;
	padding: 20px 0;
	text-align: center;
	font-size: 80px;
	line-height: 80px;
	color: #5da1d5;
	background: #eee;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 1px 7px rgba(0,0,0,0.10) inset;
}

.column1 .pic-l {
	margin-top: 20px;
	padding: 0 0 0 0;
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.column1 .pic-l .img {
	display: none;
}

.column1 h3 {
	margin-bottom: 10px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	line-height: 130%;
	color: #000;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
}

.column1 h3.sub-title {
	margin-bottom: 5px;
	font-size: 90%;
	font-weight: bold;
	line-height: 180%;
	color: #f1f1f1;
	-webkit-text-shadow: 0px 1px 0px #fff;
	text-shadow: 0px 1px 0px #fff;
	text-align: center;
	background: #eee;
	border-top: solid 2px #eee;
}

.column1 p {
	font-size: 83%;
}

.column-set .box {
	margin-bottom: 30px;
	padding: 0 10px 20px;
	border-top: none;
	border-bottom: solid 1px #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;
	box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;
}


/* ------ privacy ------ */

article section ul {
	font-size: 100%;
	line-height: 160%;
}

article section ul li {
	padding-left: 1.5em;
}

/* ------ privacy ------ */

section.privacy p {
	margin-bottom: 1.5em;
}

section.privacy ul {
	margin-bottom: 1.5em;
}

section.privacy ul li {
	padding-left: 1.5em;
	background: url(../images/icon_list_01.gif) no-repeat 3px 10px;
}



/* ------ お知らせ ------ */

#left-column .news-box {
}

#left-column .news-box dt {
	float: left;
	width: 20em;
}

#left-column .news-box dd {
	margin-left: 20em;
}

.pager {
	margin-top: 20px;
	text-align: center;
}

.pager li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.pager li {
	display: inline-block;   
	text-align: center;
	line-height: 30px;
	margin-right: 5px;
	margin-bottom: 10px;
}

* html .pager li {
	display: inline;
	zoom: 1;
}

.pager li a,
.pager li span {
	display: block;
	background: #eeeeee;
	border: solid 1px #dcdcdc;
	padding: 0 5px;
	min-width: 20px;
	width: auto !important;
	width: 20px;
	height: 30px;
	font-size: 80%;
}

.pager li span {
	background: #739dda;
	border: solid 1px #4d6992;
	color: #ffffff;
}

.pager li a:link,
.pager li a:visited,
.pager li a:active,
.pager li a:hover {
	text-decoration: none;
	color: #000000;
}
	
.pager li a:hover {
	background: #dcdcdc;
}


/* ------ Table ------ */

.table {
	margin-bottom: 30px;
	border-bottom: solid 1px #ddd;
	border-right: solid 1px #ddd;
	*border-left: solid 1px #ddd;
}

.table .thead,
.table .tbody {
	display: table-row-group;
}

.table ul,
.table dl {
	display: table-row;
	font-size: 90%;
	line-height: 160%;
	border-top: solid 1px #ddd;
	overflow: hidden;
	*zoom: 1;
}

.table ul {
	text-align: center;
	background-color: #eee;
}

.table ul li,
.table dl dt,
.table dl dd {
	display: table-cell;
	*display: inline;
	padding: 5px 8px;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	*border-top: none;
	*border-left: none;
	vertical-align: middle;
	*zoom: 1;
}
.table dl dt {
		font-weight: bold;
}


.table .col1 {
	width: 25%;
}
.table .col2 {
	width: 75%;
}
/*.table .col3 {
	*width: 49%;
}*/

#table{
	width: 100%;
	border-collapse: collapse;
	font-size: 90%;
	line-height: 160%;
	margin: 10px 0 30px 0;
}
#table td,
#table th{
	padding: 3px 8px;
	border: 1px solid #ccc;
}
#table th{
	width: 25%;
	font-weight: bold;
	background-color: #eee;
}

#table td.price{
	width: 20%;
	font-weight: bold;
	color: #990000;
}


/* ------ お墓のタイプ ------ */

.table-type{
	width: 100%;
	border-collapse: collapse;
	font-size: 86%;
	line-height: 160%;
	margin: 10px 0 30px 0;
}
.table-type td,
.table-type th{
	padding: 3px 8px;
	border: 1px solid #ccc;
}
.table-type th{
	width: 33%;
	font-weight: bold;
	background-color: #eee;
}

/* ------ よくある質問 ------ */

.faq{
	border-top: 1px solid #ccc;
}

.faq .faqList{
	margin:0 0 0;
	border-bottom: 1px solid #ccc;
}
.faq .faqList dt{
	padding:20px 0 20px 70px;
	background:url(../faq/img/icon_faq_q.png) no-repeat 17px center;
	cursor: pointer;
	font-weight: bold;
	color: #b58136;
}
.faq .faqList dd{
	display:none;
	margin:0 0 20px 0;
	padding:0 0 0 70px;
	background:url(../faq/img/icon_faq_a.png) no-repeat 17px 0;
	
}

/* ------ こだわり ------ */

.point-box {
	position: relative;
	padding: 8px 0 10px 0;
	font-size: 100%;
	line-height: 160%;
	background: url(../images/dotted_line.png) repeat-x bottom left;
	z-index: -1;
}

.point-box dt {
	float: left;
	width: 50px;
}

.point-box em {
	font-size: 150%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	color: #b58136;
}

.point-box span {
}

.point-data span {
	margin-right: 5px;
}

.point-box dd {
	padding: 5px 0 0 0;
}

section ul.kodawari {
	margin: 10px 0;
	font-weight: bold;
	color: #b58136;
}

/* ------ 会社概要 ------ */

section.greeting {
	overflow: hidden;
}

section.greeting p {
	margin-bottom: 20px;
}

section.greeting p.img-person{
	width: 240px;
	float:right;
	clear:right;
	margin:0 0 10px 0;
}

section .rinen{
	font-family:'Hiragino Mincho ProN', serif;
	font-size: 130%;
}

section.gaiyou #table {
	width: 66.5%;
	border-collapse: collapse;
	font-size: 90%;
	line-height: 160%;
	margin: 10px 0 20px 0;
}
section.gaiyou #table td,
section.gaiyou #table th{
	padding: 8px 8px;
	border: 1px solid #ccc;
}
section.gaiyou #table th{
	width: 22%;
	font-weight: bold;
	background-color: #eee;
}

section.gaiyou p.img-gaikan{
	width: 30.5%;
	float:right;
	clear:right;
	margin:0 0 20px 3%;
}



/* ------ 霊園紹介 ------ */

section.reien {
	overflow: hidden;
}

section.reien #table{
	width: 60%;
}
section.reien img{
	width: 36%;
	float:right;
	clear:right;
}

@media screen and (max-width: 479px) {
    
    section.reien #table{
        width: 100%;
    }
    
	section.reien img{
		width: 90%;
		float:none;
		display:block;
		margin:0 auto 10px;
	}
}


/* ------ imgeas ------ */
section img{
	max-width:100%;
	height:auto;
}

.alignleft{
	float:left;
	clear:left;
	margin:0 20px 20px 0;
}

.alignright{
	float:right;
	clear:right;
	margin:0 0 20px 20px;
}

.aligncenter{
	text-align: center;
	margin: 0 auto 10px;
}


.border{
	border:4px solid #fff;
	-moz-box-shadow: 4px 4px rgba(0,0,0,0.4);
	-webkit-box-shadow: 4px 4px rgba(0,0,0,0.4);
	-o-box-shadow: 4px 4px rgba(0,0,0,0.4);
	-ms-box-shadow: 4px 4px rgba(0,0,0,0.4);
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
	}

/* ------ google map ------ */
.google-maps {
	position: relative;
	padding-bottom: 70%;
	height: 0;
	overflow: hidden;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* ------ Local Navi ------ */

/* ------ Bread Crumb ------ */

#lnav  {
}

#lnav ul {
	width: 100%;
	margin: 20px 0 0;
}

#lnav ul {
	text-align: center;
	list-style: none;
	padding: 0;
	overflow: hidden;
	position: relative;
}
#lnav ul li {
	border: 2px solid #ae88c6;
	background: #FFF;
	display: inline-block;
	position: relative;
	z-index: 0;
	margin: 0 0;
	padding: 10px 30px;
	line-height: 160%;
}
#lnav ul a {
	text-decoration: none;
	color: #3d2071;
}
#lnav ul li.selected {
	background: #ae88c6;
	z-index: 2;
	border-bottom-color: #ae88c6;
	font-weight: bold;
	color: #FFF;
}

#lnav ul:before {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 2px solid #ae88c6;
	z-index: 1;
}
#lnav ul li:before,
#lnav ul li:after {
	border: 2px solid #ae88c6;
	position: absolute;
	bottom: -1px;
	width: 5px;
	height: 5px;
	content: " ";
}
#lnav ul li:before {
	left: -6px;
	border-width: 0 1px 1px 0;
}
#lnav ul li:after {
	right: -6px;
	border-width: 0 0 1px 1px;
}
#lnav ul li.selected:before {
}
#lnav ul li.selected:after {
}




/* ------ Local Navi -news! ------ */

.lnav-news {
	float: left;
	width: 220px;
	margin-right: 30px;
	margin-bottom: 30px;
	top: 0;
	left: 0;
}

.lnav-news nav {
	margin-bottom: 20px;
	padding: 3px 0 0;
	border-top: none;
	-webkit-box-shadow: 0px 1px 7px rgba(0,0,0,0.12) inset;
	box-shadow: 0px 1px 7px rgba(0,0,0,0.12) inset;
}

.lnav-news nav ul li {
	border-top: solid 1px #eee;
}

.lnav-news nav ul li:first-child {
	border-top: none;
}

.lnav-news nav ul li a {
	display: block;
	padding: 8px 20px 8px 30px;
	font-size: 78%;
	line-height: 150%;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/icon_arrow_02.gif) no-repeat left 15px;
}

.lnav-news nav ul li:first-child a {
	border-top: none;
}

.lnav-news nav ul li a:hover,
.lnav-news nav ul li a:active,
.lnav-news nav ul li.current a {
	background-color: #eee;

}

/* ------ Right Column ------ */

#right-column .box {
	margin-bottom: 20px;
	padding: 0 15px 15px;
}

#right-column .box h2 {
	padding: 20px 0 10px;
	font-weight: bold;
	color: #000;
}

#right-column .box p {
	font-size: 76%;
	line-height: 160%;
	color: #555;
}

#right-column .box .tel {
	margin-top: 10px;
	font-size: 120%;
	font-weight: bold;
	color: #c00;
	text-align: center;
	line-height: 100%;
}

#right-column .btn {
	width: auto;
	height: 30px;
	margin: 10px auto 0;
	border-radius: 20px;
}

#right-column .btn a {
	width: auto;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	border-radius: 15px;
}

#right-column .ad {
	margin-bottom: 20px;
	padding: 10px 0 0;
}

#right-column .ad li {
	padding-bottom: 10px;
	text-align: center;
}


/* ------ Footer ------ */

footer {
	width: 100%;
	background: #fff url(../images/footer_bg.gif) repeat-x top center;
	line-height: 100%;
}

#footer-inner {
	width: 970px;
	margin: 0 auto;
	padding: 20px 0 0;
	overflow: hidden;
	*zoom: 1;
}

.ft-add {
	float: left;
	width:58%;
	font-size: 86%;
}

.ft-link {
	float: right;
	width:40%;
	font-size: 80%;
	margin: 10px 0 0 0;
}

.ft-link li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 5px 18px;
	background: url(../images/arw_01.gif) no-repeat 6px 3px;
}

.ft-add .logo {
	max-width: 180px;
	margin: 20px 0 0 0;
}

.ft-add .tel {
	margin: 0 0 0 0;
	font-weight: bold;
	color: #3f1557;
	font-size: 150%;
}

.ft-add dl {
	float: left;
	margin: 20px 0 0 0;
	line-height: 160%;
}

.ft-add dl dt span {
	font-size: 120%;
	font-weight: bold;
}

.ft-add ul {
	float: left;
	padding: 0 20px 0 0;
}
	


footer nav,
#copyright {
}

footer ul li {
	*margin-bottom: 0;
	*zoom: 1;
}

footer ul li:first-child {
	border-left: none;
}


#copyright {
	clear: both;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 20px 0 15px 0;
	background-color: #6fc5d5;
	text-align: center;
	color: #fff;
	font-size: 76%;
}

#pagetop {  
	position: fixed;  
	bottom: 20px;  
	right: 20px;
	z-index: 100;
} 

/* ------ corporate ------ */

.bg_gray {
	margin: 20px 0 10px;
	padding: 20px 20px;
	background-color: #f5f5f5;
	border: solid 1px #eaeaea;
}

.bg_gray .name {
	margin: 30px 0 0 0;
	font-weight: bold;
	font-size: 90%;
}

.bg_gray .name span {
	padding: 0 0 0 20px;
	font-size: 130%;
}

.google-maps {
	margin: 0 0 20px 0;
}

/* ------ Group service ------ */

.service dl {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 40px;
    height: 100%;
    background: #e2e3e8;
  }
.service dl.even {
    margin-right: 0;
  }
.service dt {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 10px;
    width: 35%;
    height: 100%;
    background: #406cc5;
    z-index: 200;
  }
.service dt:before {
    content: "";
    position: absolute;
    top: 0;
    right: -30px;
    border-left: 30px solid #406cc5;
    border-top: 115px solid transparent;
    border-bottom: 115px solid transparent;
  }
.service dt span.wrap {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    width: 210px;
    height: 230px;
    color: #fff;
	font-size: 90%;
  }
  
.service dd {
    position: relative;
    top: 20px;
    left: 0;
    padding-left: 45%;
    width: 53%;
    height: 100%;
	font-size: 90%;
	line-height: 160%;
    color: #406cc5;
  }
.service dd p.wrap {
    display: table-cell;
    vertical-align: top;
    height: 230px;
  }

.service dd p.wrap span.txt {
    display: block;
    margin-bottom: 10px;
  }
  
.business {
    margin-top: 5px;
    padding: 3px 5px 1px 5px;
    background: #fff;
    display: table-cell;
	font-weight: bold;
    color: #2f5cb2;
	font-size: 94%;
	line-height: 150%;
}

/* ------ service ------ */

dl.check {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

dl.check dt {
	margin: 0 0 0 0;
	padding: 0 0 10px 40px;
	background: url(../select/img/check.gif) no-repeat 10px 0px;
	font-weight: bold;
}

dl.check dd {
	margin: 0 0 0 0;
	padding: 0 0 10px 40px;
}


.subject {
	margin: 0 0 20px 0;
    padding: 10px 5px;
    text-align: center;
    border: 3px solid #a9ceeb;
}

.subject em {
	font-weight: bold;
    color: #2f5cb2;
}


/* ------ contact bnr ------ */
section.contact{
    padding: 25px 0;
    border-radius: 4px;
	overflow: hidden;
	background: #f9f9f9;
	-webkit-box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;
	box-shadow: 0px 1px 7px rgba(0,0,0,0.15) inset;
}
/* ------ contact ------ */

#ft-info {
	width: 550px;
	margin: 0 auto;
	padding: 0 0;
}

#ft-info #txt {
    text-align: center;
    padding: 0 0 10px;
	font-weight: bold;
	font-size: 110%;
}

#ft-info ul {
	float: left;
	width: 300px;
}

#ft-info ul li {
	margin: 0 0 0 0;
	display: inline-block;
    /display: inline;  /* IE用ハック */
    /zoom: 1;  /* IE用ハック */}
	
	
#contact-form {
	width: 225px;
	float: right;
}
	


/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

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

	#header-inner {
		width: 94%;
		padding: 0 0 0;
	}
	
	#gnav nav {
		width: 94%;
	}

	#gnav nav ul li a {
		padding: 14px 0 12px;

	}
	
	#mainvisual {
		margin-bottom: 0;
	}
	
	#mainvisual .img {
		width: 100%;		/* 画像の幅÷980 */
		margin-left: 0%;	/* -(画像の幅÷980÷2) */
	}
	
	#bread-crumb ul {
		width: 94%;
	}
	
	.lnav-news,
	#lnav {
		width: 100%;
		margin: 0;
	}
		
	#main {
		width: 100%;
	}
	#contents {
		width: 100%;
	}
	
	#page-title {
		width: 100%;
	}
	
	
	/* ------ top main ------ */
	
	#top-center-column {
  	  text-align: center;
	}
	
	#top-center-column img {
		float: none;
		padding: 0 0 5px 0;
	}
	
	#top-center-column h2 {
		font-size: 140%;
	}
	#top-center-column h2 span {
		display: inline;
	}
	
	#top-center-column p {
		padding: 0 0 20px 0;
	}

		
	#main-left-column {
		float: none;
		width: 94%;
		margin: 0 auto;
		padding-bottom: 0;
	}
	#main-right-column {
		float: none;
		width: 94%;
		margin: 0 auto;
		*margin: 0 auto 20px;
		overflow: hidden;
		*zoom: 1;
	}
	
	#mainbnr {
		width: 105%;
		padding: 0 0 0 0;
		margin-bottom: 5%;
	}
	
	#mainbnr li {
		float: left;
		width: 30%;
		margin-right: 2.5%;
		margin-bottom: 2%;
	}
	#mainbnr li.contact {
		display: none;
	}
	

	#mainbnr li a {
		display: block;
		font-weight: bold;
		color: #073c6d;
		border: 1px #b3c0cd solid;
	}
	
	#mainbnr li span {
		display: block;
	}
	

/* ------ index ------ */


	section.news .news-box span {
		display: inline;
	}
	#top-center-column {
		float: none;
		width: 94%;
		margin: 0 auto 0;
		padding-bottom: 0;
	}
	#top-left-column {
		float: none;
		width: 94%;
		margin: 40px auto 0;
		padding-bottom: 0;
	}
	#top-right-column {
		float: none;
		width: 94%;
		margin: 40px auto 0;
		*margin: 0 auto 0;
		overflow: hidden;
		*zoom: 1;
	}
	
	#top-right-column #top_service {
		width: 105%;
	}
	
	#top-right-column #top_service li {
		width: 23%;
		margin-right: 1%;
		margin-bottom: 2.5%;
	}

	#top-right-column #top_service li img {
	}
	
		
	#left-column {
		float: none;
		width: 94%;
		margin: 0 auto;
		padding-bottom: 0;
	}

	.column-set {
		width: 105%;
	}

	.column1 {
		width: 29%;
		margin-right: 4.1%;
	}
	
	#right-column {
	}

	#right-column-inner {
		width: 105%;
	}

	#right-column .box {
		float: left;
		width: 24%;
		margin-right: 4.1%;
		padding: 0 2.5% 15px;
	}

	#right-column .ad {
		width: 26%;
		padding: 10px 1.5% 0;
	}

	#footer-inner {
		width: 94%;
		margin: 0 auto;
	}
	.ft-add {
		width: 50%;
	}
	
	.ft-link {
		width: 50%;
	}
	
	

}

/*-----------------------------------------------------	*/
/*	for - 890px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 890px) {
	#header-inner {
		position: relative;
		z-index: 2;
		width: 100%;
		background-color: #fff;
	}
	#info,
	#ft-info {
		float: none;
		margin: 0 auto;
		padding: 0 0 0 0;
		text-align: center;
	}

	#logo {
		float: none;
		padding: 15px 0;
	}

	#logo a {
		margin: 0 auto;
	}
	

}


/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

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

	html {
		*overflow-x: hidden;
	}

	#wrapper {
	}
	
	#header-inner {
		position: relative;
		z-index: 2;
		width: 100%;
		background-color: #fff;
	}
	
	#logo {
		padding: 15px 0 15px;
	}

	#info,
	#ft-info{
		width: 100%;
	}
	
	#info ul,
	#ft-info ul{
		float: none;
		margin: 0 auto;
	}
	
	#contents-title {
	}
	#page-title {
	overflow: hidden;
	*zoom: 1;
	}
	#page-title span {
		padding-left: 20px;
	}
			
	#contact-form {
		float: none;
		margin: 10px auto 0;
	}
	
	#bread-crumb {
		position: relative;
		z-index: 2;
	}
	
	#gnav-btn {
		position: relative;
		z-index: 2;
		display: block;
		width: 100%;
		margin: 0 0 0 0;
		padding: 5px 0 4px;
		background-color: #f1f1f1;
	}

	#gnav-btn div {
		width: 50px;
		margin-left: 10px;
		border-bottom: solid 1px #444;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}

	#gnav-btn a {
		display: block;
		height: 25px;
		line-height: 25px;
		color: #fff;
		font-size: 14px;
		border: solid 1px #9167ab;
		text-align: center;
		vertical-align: top;
		text-decoration: none;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-text-shadow: 0px -1px 0px #004c85;
		text-shadow: 0px -1px 0px #004c85;
	}

	#gnav-btn a:link,
	#gnav-btn a:visited {
		background: url(../images/bg_gradient.png) repeat-x #ae88c6;
		background: -moz-linear-gradient(top, #ae88c6, #9167ab);
		background: -webkit-gradient(linear, left top, left bottom, from(#ae88c6), to(#9167ab));
		background: -webkit-linear-gradient(top, #ae88c6, #9167ab);
		background: -o-linear-gradient(top, #ae88c6, #9167ab);
		background: linear-gradient(to bottom, #ae88c6, #9167ab);
	}
	#gnav-btn a:hover,
	#gnav-btn a:active,
	#gnav-btn a.current {
		background: url(../images/bg_gradient.png) repeat-x #9167ab;
		background: -moz-linear-gradient(top, #9167ab, #ae88c6);
		background: -webkit-gradient(linear, left top, left bottom, from(#9167ab), to(#ae88c6));
		background: -webkit-linear-gradient(top, #9167ab, #ae88c6);
		background: -o-linear-gradient(top, #9167ab, #ae88c6);
		background: linear-gradient(to bottom, #9167ab, #ae88c6);
	}

	#gnav {
		position: absolute;
		display: none;
		width: 250px;
		top: 0;
		left: 0;
	}

	#gnav nav {
		width: 100%;
		margin-top: 80px;
	}

	#gnav nav ul {
		float: none;
		width: 100%;
		border-left: none;
		border-right: none;
		border-top: solid 1px #fff;
	}

	#gnav nav ul li {
		float: none;
		width: 100%;
		text-align: left;
	}

	#gnav nav ul li a {
		display: block;
		padding: 12px 0 10px 30px;
		font-size: 100%;
		border-left: none;
		border-right: none;
		border-bottom: solid 1px #fff;
		background: url(../images/icon_arrow_01.gif) no-repeat left center;
		*zoom: 1;
	}
	
	#gnav nav ul ul {
		display: block;
		border-top: none;
	}
		
	#gnav nav ul ul li a {
		display: block;
		padding: 6px 0 4px 43px;
		font-size: 100%;
		border-left: none;
		border-right: none;
		background: url(../images/icon_arrow_01.gif) no-repeat 16px center;
		*zoom: 1;
	}
	

			/* first level */

			#nav > ul
			{
			}
				#nav > ul > li
				{
					width: 100%;
					float: none;
				}
					#nav > ul > li > a
					{
						text-align: left;
					}
						#nav > ul > li:not( :last-child ) > a
						{
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
						}


				/* second level */

				#nav li ul
				{
					display: none;
					position: static;
					top: 100%;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							border-top: none;
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #;
							}
	
	
	#contents {
		position: relative;
		z-index: 2;
		background: #fff;
	}
	#main {
		width: 100%;		/* 画像の幅÷980 */
		z-index: 2;
	}
	
	#mainvisual {
		width: 110%;
		margin-left: -5%;
	}
	
	#mainbnr {
	}
	
	
	/*#main {
		width: 110%;
		margin-left: -5%;
	}*/
	
	
	#main-right-column #mainbnr li {
		width: 45.5%;
		margin-right: 4%;
	}
	
	#top-right-column #top_service li {
		width: 45.5%;
		margin-right: 4%;
	}
	
	
	#left-column .news-box dt{
		float: none;
		width: auto;
	}

	#left-column .news-box dd{
		margin: 0 0 0 0;
	}
	

	.column1 {
		width: 45.5%;
		margin-right: 4%;
	}
	
	#right-column .box {
		width: 39.5%;
		margin-right: 4%;
		padding: 0 3% 15px;
	}

	#right-column .ad {
		width: 41.5%;
		padding: 10px 2% 0;
	}

	footer {
		position: relative;
		z-index: 2;
		text-align: center;
	}
	
		
	.ft-add .logo {
		max-width: 180px;
		margin: 20px auto 0;
	}
	
	.ft-add ul {
		float: none;
		padding: 0 0 0 0;
	}
		
	.ft-add dl {
		float: none;
	}
	
	.ft-add {
		float: none;
		width: 100%;
	}
		
	.ft-link {
		float: none;
		width: 100%;
		margin: 30px 0 0 0;
	}
	
	.ft-link li {
		float: left;
		margin: 0 0 0 10px;
		padding: 0 0 10px 18px;
		background: url(../images/arw_01.gif) no-repeat 6px 3px;
	}

	
	  .alignleft,.alignright{
		float:none;
		display:block;
		margin:0 auto 10px;
		}
		
/* ------ lnav ------ */
	
	#lnav {
		display: none;
	}
	

		
/* ------ 霊園紹介 ------ */

		section.reien {
		}
		
		.reien #table{
			width: 100%;
		}
		.reien img{
			width: 80%;
		}

}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 479px) {
	
	.blockSP {
		display: block;
	}
	
	.blockPC {
		display: none;
	}
	
	
	#info ul,
	#ft-info ul{
		width: 100%;
	}
	
	#info ul li,
	#ft-info ul li{
		margin: 0 0 5px 0;
	}
	
	#tel-maebashi,
	#tel-tokyo,
	#tel-open{
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	
	#page-title {
		padding: 20px 0 0;
		background: #daf6fa none;
		font-size: 130%;
	}

	#page-title span {
		padding:0 0 20px 0;
	}

	
	.box {
		padding: 0 20px 20px;
	}

	.btn {
		width: auto;
	}

	.btn a {
		width: auto;
	}

	.column-set {
		width: 100%;
		*margin-bottom: 0;
	}
	
	.column1 {
		width: 100%;
	}
	.column1 .pic-l{
		width: 100%;
	}
		
	#mainbnr {
		width: 100%;
		*margin-bottom: 0;
	}	

	#mainbnr li {
		float: none;
		width: 100%;
	}
	
	#main-right-column #mainbnr {
		width: 100%;
		*margin-bottom: 0;
	}	

	#main-right-column #mainbnr li {
		float: none;
		width: 100%;
	}

	#top-left-column h2,
	#top-right-column h2 {
		position: static;
	}
	
	#top-left-column h2 span,
	#top-right-column h2 span {
		position: static;
		right: 0;
		top: 0;
		padding: 0 0 0 0;
	}
	
	section.news {
		background: none;
	}

	#top-right-column #top_service {
		width: 100%;
		*margin-bottom: 0;
	}	

	#top-right-column #top_service li {
		float: none;
		width: 100%;
	}
	.column1 {
		float: none;
		width: 100%;
	}

	.box {
		margin-bottom: 20px;
	}

	.table {
		border-left: solid 1px #ddd;
	}

	.table .thead,
	.table .tbody {
		display: block;
	}

	.table ul {
		display: none;
	}

	.table dl {
		display: block;
		font-size: 83%;
	}

	.table dl dt,
	.table dl dd {
		float: none;
		display: block;
		border-top: none;
		border-left: none;
	}
	.table .col1 {
		width: auto;
		padding: 8px;
		border-bottom: solid 1px #ddd;
		background-color: #eee;
	}
	.table .col2 {
		padding: 8px 8px 8px;
		width: auto;
		font-weight: normal;
	}
	.table .col3 {
		padding: 0 8px 8px;
		width: auto;
	}
	
	section.greeting p.img-person{
		display: none;
	}

	section.gaiyou #table {
		width: 100%;
	}	
	section.gaiyou p.img-gaikan{
		width: 90%;
		float:none;
		display:block;
		margin:0 auto 10px;
	}

	#right-column {
		*margin-bottom: 0;
	}

	#right-column-inner {
		width: 100%;
	}

	#right-column .box {
		float: none;
		width: auto;
		margin-right: 0;
		padding: 0 20px 20px;
	}

	#right-column .box p {
		font-size: 83%;
	}

	#right-column .box .tel {
		font-size: 150%;
	}

	#right-column .btn {
		height: 40px;
		margin: 10px auto 0;
		border-radius: 25px;
		font-size: 90%;
	}

	#right-column .btn a {
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
	}

	#right-column .ad {
		margin-right: 0;
		padding: 10px 10px 0;
	}
	

	footer {
		text-align: center;
	}
	
	.ft-add ul {
		float: none;
		padding: 0 0 0 0;
	}
	
	.ft-add dl {
		float: none;
	}
	.ft-column1 {
		display: none;
	}
	
	
/* ------ Group service ------ */
	
	.service dl {
		height: 100%;
	}
	.service dt {
		padding: 10px 0 10px 5px;
		width: 100%;
		height: 40px;
		z-index: 200;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
    
	.service dt span.wrap {
		vertical-align: baseline;
		padding-left: 5px;
		width: 100%;
 	 }
	
	.service dd {
		padding: 30px 2% 8% 2%;
		width: 100%;
		height: 100%;
		color: #406cc5;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	  }	
  
	  .service dd p.wrap {
		height: 100%;
	  }
  
	.service dt:before {
		content: "";
		position: absolute;
		top: 0;
		border-left: 0 solid #406cc5;
		border-top: 0 solid transparent;
		border-bottom: 0 solid transparent;
	  }
	
}

/* ------ 流れ ------ */

section.flow{
    margin:0 0;
}

section.flow p{
    margin:0 0 0 0;
}

section.flow ul{
	border-bottom: 1px solid #ccc;
        margin:25px 0;
}
section.flow ul li{
    border-top:solid 1px #ccc;
    padding:0 0 25px;
}
section.flow ul li.step01{
    background:url(../flow/img/step_flow01.png) no-repeat left top;
    background-size:90px auto;
}
section.flow ul li.step02{
    background:url(../flow/img/step_flow02.png) no-repeat left top;
    background-size:90px auto;
}
section.flow ul li.step03{
    background:url(../flow/img/step_flow03.png) no-repeat left top;
    background-size:90px auto;
}
section.flow ul li.step04{
    background:url(../flow/img/step_flow04.png) no-repeat left top;
    background-size:90px auto;
}
section.flow ul li.step05{
    background:url(../flow/img/step_flow05.png) no-repeat left top;
    background-size:90px auto;
}
section.flow ul li.step06{
    background:url(../flow/img/step_flow06.png) no-repeat left top;
    background-size:90px auto;
}
section.flow ul li.step07{
    background:url(../flow/img/step_flow07.png) no-repeat left top;
    background-size:90px auto;
}
section.flow ul li.step08{
    background:url(../flow/img/step_flow08.png) no-repeat left top;
    background-size:90px auto;
}
section.flow ul li.step09{
    background:url(../flow/img/step_flow09.png) no-repeat left top;
    background-size:90px auto;
}
section.flow ul li.step10{
    background:url(../flow/img/step_flow10.png) no-repeat left top;
    background-size:90px auto;
}
section.flow ul li.step11{
    background:url(../flow/img/step_flow11.png) no-repeat left top;
    background-size:90px auto;
}

section.flow ul li h4{
    font-size:120%;
    padding:10px 0 0;
    margin:0 0 15px 95px;
}
section.flow ul li p{
    margin:0;
}
section.flow ul li p.photo{
    margin:10px 0 0;
}
section.flow ul li p.photo img{
    width:100%;
    height:auto;
}

@media screen and (min-width : 640px){
    section.flow table tr th{
    }
    section.flow table tr td{
    }
    
    section.flow ul{
    }
    section.flow ul li{
        padding:0 0 25px 153px;
        overflow:hidden;
    }
    section.flow ul li.step01,
    section.flow ul li.step02,
    section.flow ul li.step03,
    section.flow ul li.step04,
    section.flow ul li.step05,
    section.flow ul li.step06,
    section.flow ul li.step07,
    section.flow ul li.step08,
    section.flow ul li.step09,
    section.flow ul li.step10,
    section.flow ul li.step11{
        background-size:142px auto;
    }
    section.flow ul li h4{
        padding:20px 0 0;
        margin:0 0 5px;
    }
    section.flow ul li .text{
        width:60%;
        float:left;
    }
    section.flow ul li p.photo{
        width:35%;
        float:right;
    }
}
@media screen and (min-width : 980px){
    section.flow ul li .text{
        width:380px;
        float:left;
    }
    section.flow ul li .text p{
    }
    section.flow ul li p.photo{
        width:230px;
        float:right;
    }
}
.text-big {
	font-size: 140%;
	line-height: 120%;
	color: #3851b3;

}
.text-center2 {
	text-align: center;
	margin: 10px 0 30px 0;
}

.text-big2 {
	font-size: 120%;
	line-height: 100%;
}