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

/*-- Common --------------------------------------------------------------------------------------*/
h1,h2,h3 { line-height: 0; }
article#lpSet {
	background: url(../images/bg.jpg) top left repeat;
	-webkit-text-stroke: 0px;
	padding-bottom: 25px;
	border-bottom: 20px #3a7728 solid;
	margin-bottom: 30px;
	color: #000;
}
article#lpSet section {
	width: 680px;
	margin: 0px auto 30px auto;
}
article#lpSet section div.outBox {
	border: 1px solid #d91e04;
	width: 670px;
	margin: 0px auto;
    box-sizing: border-box;
	border-top: 7px solid #d91e04;
	padding: 20px;
	background: #fff;
	line-height: 1.7em;
}
article#lpSet section div.inText > p {
	text-indent: 1em;
}


/*-- header --------------------------------------------------------------------------------------*/
article#lpSet hgroup {
	margin-bottom: 20px;
	background: url(../images/top.jpg) top left no-repeat;
	position: relative;
}
article#lpSet hgroup h1 {
	height: 307px;
	position: relative;
}
article#lpSet hgroup h1 img {
	position: absolute;
	top: 95px;
	right: 36px;
}
article#lpSet hgroup p {
    display: block;
    width: 528px;
    background: rgba(255, 255, 255, 0.8);
    padding: 15px;
    box-sizing: border-box;
    border-radius: 7px;
    position: absolute;
    top: 200px;
    right: 36px;
}

/*-- ceremony --------------------------------------------------------------------------------------*/
article#lpSet section:first-of-type div.inText > p {
    width: 249px;
    display: inline-block;
    margin-right: 9px;
    vertical-align: bottom;
}
article#lpSet section:first-of-type div.inText > p img {
	width: initial;
}

article#lpSet section:first-of-type div.inRight {
    text-indent: initial;
    margin: 0px;
    display: inline-block;
	vertical-align: bottom;
}
article#lpSet section:first-of-type div.inRight p {
	margin-bottom: 10px;
}
article#lpSet section:first-of-type div.inRight > a {
	display: block;
	text-indent: initial;
	margin-top: 30px;
	border: 1px solid #D91E04;
	text-align: center;
	padding: 6px;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: bold;
	width: 100%;
	margin:2px 2px 5px 2px;
}

article#lpSet section:first-of-type div.inRight > a trong {
    color: #D91E04;
}
article#lpSet section:first-of-type div.inRight > a:hover {
	background: #3A7728;
    text-decoration: none;
	border: 1px solid #3A7728;
}
article#lpSet section:first-of-type div.inRight > a:hover,article#lpSet section:first-of-type div.inRight > a:hover strong {
    color: #fff;
    -webkit-text-stroke: initial;
}


/*-- photo --*/
article#lpSet section:first-of-type div.inRight p.ph {
	display: inline-block;
	width: 137px;
	margin: 20px 12px 0 0;
	vertical-align: bottom;
}
article#lpSet section:first-of-type div.inRight p.ph img {
	width: 100%;
}

article#lpSet section:first-of-type div.inRight p.text {
	display: inline-block;
	width: 206px;
	padding: 2px;
	box-sizing: border-box;
	border: 1px solid #3a7729;
	font-size: 10px;
	text-align: left;
	margin: 20px 0 7px 0;
}



/*-- kyosan --------------------------------------------------------------------------------------*/

article#lpSet div.kyosan {
	width: 626px;
	margin: 20px auto 0px auto;
}

article#lpSet section div.kyosan > h2 {
	margin: 0px;
}


article#lpSet section div.kyosan div {
	border: 1px solid #20c8be;
	border-top: none;
	padding: 15px 20px;
	box-sizing: border-box;
}
article#lpSet div.kyosan div dl {
    width: 270px;
    display: inline-block;
    margin: 0px 10px;
	vertical-align: top;
}
article#lpSet div.kyosan dl dt {
	color: #d91e04;
	font-size: 15px;
	border-bottom: 1px solid #d91e04;
	margin-top: 20px;
	font-weight: bold;
}
article#lpSet div.kyosan dl dt:first-of-type {
	margin: 0px;
}

article#lpSet div.kyosan dl dd {
	margin-left: 15px;
	line-height: 2em;
}


@media screen and (max-width: 979px){
	.inText {
		margin-bottom: 0px;
	}
	
	article#lpSet section:first-of-type div.inText > p a {
		margin-top: 5px;
	}
	
	article#lpSet section:first-of-type div.inText > p a span {
		display: block;
	}
	
	article#lpSet section:first-of-type div.articleBox {
		width: 350px;
	}
	
	article#lpSet div.kyosan div dl:last-of-type {
		width: 260px;
	}
}

/*--------------------------------------------------------------*/
@media screen and (max-width: 640px){
	article#lpSet {
		width: 100%;
	}
/*�w�b�_�[*/
	article#lpSet hgroup {
		background-size: 200%;
	}

	article#lpSet hgroup h1 {
		width: 95%;
		margin: 0px auto;
		height: 200px;
	}
	article#lpSet hgroup h1 img {
		width: 100%;
		right: 0;
		position: relative;
		top: 57%;
	}
	article#lpSet hgroup p {
		position: relative;
		top: inherit;
		right: initial;
		border-radius: initial;
		width: 100%;
	}	
	
	article#lpSet section {
		width: 98%;
	}
	
	article#lpSet section div.outBox {
		width: 96%;
		padding: 10px;
	}
	
	article#lpSet section:first-of-type div.inText > p {
		width: 50%;
		margin: 0px auto 5px auto;
		display: block;
		height: 250px;
		overflow: hidden;
	}
	article#lpSet section:first-of-type div.inText > p img {
		width: 100%;
	}
	article#lpSet section:first-of-type div.inText > p img {
		width: 100%;
	}
	article#lpSet section:first-of-type div.inRight {
		width: 100%;
	}	
	article#lpSet section:first-of-type div.inRight p.ph,
	article#lpSet section:first-of-type div.inRight p.text {
		display: none;
	}	
	
/*-- kyosan --*/
	article#lpSet div.kyosan {
		width: 100%;
	}
	article#lpSet div.kyosan div dl {
    margin-bottom: 10px;
}
}