@charset "utf-8";

#form {
	text-align:left;
	clear:both;
	width: 90%;
	padding-left: 3%;
	padding-right: 3%;
	margin-left: 2%;
	margin-right: 2%;
	display: block;
	line-height: 1.5;
	float: left;
	padding-top: 1em;
	background-color: #FFF;
	margin-bottom: 2em;
	padding-bottom: 1em;
}

#form h2 {
	margin-top: 0;
	padding-top:0.5em;
	padding-bottom: 0.5em;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-left-color: #74BD1F;
	margin-bottom: 1em;
}
#form p {
	margin: 10px;
}
.dealings {
	width:80%;
	margin-left: 5%;
}

.dealings th {
	width: 35%;
	text-align: left;
	padding: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.dealings td {
	text-align: left;
	padding: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}

.memo {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 8px;
	background-color: #FFFFFF;
	border: 3px solid #E4E4E4;
	padding-top: 1em;
	padding-right: 2%;
	padding-bottom: 1em;
	padding-left: 2%;
}
.memo h2 {
	border-bottom: none!important;
	border-left: none!important;
	text-align:center;
	font-size: 1.2em;
}
.doui {
	margin-bottom: 1em;
	padding: 0.5em;
	background-color: #F9FDF2;
	border: 1px solid #ABB997;
	height: 10em;
	overflow:auto;
}

.memo h3 ,
.doui h3 {
	font-size: 12px;
	margin: 0;
}
.memo h4 ,
.memo .inpact {
	font-weight:bold;
	font-size: 12px;
	color: #900;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1%;
}
.memo p ,
.doui p {
	padding-left: 1%;
	padding-right: 1%;
}
.doui ul {
	width: 92%!important;
	margin-left:auto!important;
	margin-right:auto!important;
	list-style:none;
}
.doui .rt {
	text-align:right;
}

.red {
	color: #e10c0c;
}
.bgyel {
	background-color: #fff04c;
}
.wrap {
	margin-top: 1em;
	margin-bottom: 1em;
	width: 98%;
	margin-left:auto;
	margin-right:auto;
}

#ThanksComment {
	margin-top: 20px;
}
.goukei {
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #999;
}

.goukei dl {
	margin: 0;
}
.goukei dl dt {
	font-weight:bold;
	float:left;
	width: 30%;
}
.goukei dl dd {
	margin-left: 40%;
}
.paypal {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align:center;
}

.paypal p {
	text-align:center!important;
}
#mainimg
 {
	clear: both;
	width: 100%;
	display: block;
	line-height: 1.5;
	margin-top: 0;
	margin-bottom: 4em;
}
#mainimg img {
	width:100%;
}
#conts1 ,
#conts2 ,
#conts3 ,
#conts4 {
	clear:both;
	width: 90%;
	padding-left: 3%;
	padding-right: 3%;
	display: block;
	line-height: 1.5;
	margin-left: 2%;
	margin-right: 2%;
	float: left;
	background-color: #FFF;
	margin-bottom: 2em;
	padding-bottom: 1em;
	border: 1px solid #e5e8d7;
}

#conts1 p {
	margin-bottom: 1.5em;
}
#conts1 h2 {
	margin-top: -1.5em;
	background-color:transparent!important;
}
#conts2 {
	margin-top: 2em;
	padding-bottom: 0;
}
#conts1:after ,
#conts2:after ,
#conts3:after,
#conts4:after {
　content : '';
  display : block;
  clear : both;
}
#conts1 .fll ,
#conts1 .flr {
	width: 48%!important;
}
#conts1 .in {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	border-radius: 8px;
	border: 1px solid #74bd1f;
	background-color: #FFF;
}
#conts1 .in h3 {
	background-color: #74BD1F;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color: #FFF;
	position: relative;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	font-size: 12px;
	padding-left: 10%;
	padding-right: 2%;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	text-align:left;
}
#conts1 .in .rimg {
	float: right;
	width: 22%;
}
#conts1 .in h3.l3{
	padding-top: 1.7em!important;
	padding-bottom: 1.8em!important;
}

#conts1 .in p {
	width: 96%;
	margin-left:auto;
	margin-right:auto;
}
#conts1 .in h3 img {
	position:absolute;
	left: -1em;
	top: 0.2em;
	width: 18%!important;
}
#conts1 .in h3.long img {
	width: 9%!important;
}
#conts1 .in:after {
　content : '';
  display : block;
  clear : both;
}
#conts2 img {
	float:right;
	width: 35%;
	margin-top: 1em;
}
#conts3 h2 ,
#conts4 h2 {
	margin-top: 1em;
	margin-bottom: 1em;
}
#conts3 .in {
	background-image: url(../images/bg.png);
	width: 28%;
	margin-bottom: 1em;
	padding-top: 1em;
	padding-right: 1.5%;
	padding-bottom: 1.5em;
	padding-left: 1.5%;
	float:left;
	margin-right: 3.5%;
}
#conts3 .in:nth-child(3n+1){
	margin-right: 0!important;
}
#conts3 .in img {
	width: 100%;
	margin-bottom: 1.5em;
}
#conts2 p {
	margin-top: 1em;
}
#conts4 {
	padding-bottom: 4em;
	margin-bottom: 2em;
}
#conts4 p {
	margin-bottom: 1em;
}
#conts4 ul {
	list-style: none;
	width: 96%;
	margin-left: auto;
	margin-right:auto;
	text-align:left;
	line-height: 2;
}
.contact {
	margin-top: 0;
	float:left;
	width: 100%;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	background-image: url(../images/bg2.png);
}
.contact:after {
　content : '';
  display : block;
  clear : both;
}

.contact .in {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}
.contact .in img {
	width: 100%;
}
.contact ul {
	width: 96%;
	margin-left:auto;
	margin-right:auto;
	list-style-type: none;
}
.contact .tel {
	width: 96%;
}
.contact p {
	clear:both;
}
.contact ul li {
	width: 48%;
	margin-right: 3%;
	float:left;
}
.contact ul li img {
	width: 100%;
}
.contact ul li:last-child{
	margin-right: 0;
}
#conts1 h2 img ,
#conts2 h2 img ,
#conts2 h3 img , 
#conts3 h2 img ,
#conts3 h3 img ,
#conts4 h2 img ,
#conts4 h3 img  {
	width: 100%;
}

#conts3 iframe {
	width: 93%;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (min-width:768px) {
#mainimg {
	float:none;
	margin-left:auto;
	margin-right:auto;
	width: 958px;
	border: 1px solid #e5e8d7;
}
.contact in {
	width: 950px;
}
#conts1 ,
#conts2 ,
#conts3 ,
#conts4 ,
#form {
	width: 917px!important;
	padding-left:21px!important;
	padding-right:22px!important;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
#form {
	padding-top: 2em;
}
.memo {
	margin-top: 2em;
	padding: 3em;
	width: 82%;
}
.memo h2 {
	font-size: 1.8em!important;
}
.memo h3 ,
.doui h3 {
	font-size: 16px;
}
.memo h4 ,
.memo .inpact {
	font-size: 16px;
}
.doui {
	padding: 2em!important;
	height: 200px;
}
.wrap {
	padding: 2em;
	width: 86%;
}

#conts3 .in {
	min-height: 270px;
}
#conts1 .in h3 {
	font-size: 18px;
	padding-left: 20%;
	padding-right: 12%;
}
#conts1 .in h3.long {
	padding-left: 15%!important;
}

.contact {
	float:none;
	margin-bottom: 15px;
}
.contact .in {
	width: 917px!important;
}
.contact .tel {
	width: 870px!important;
}
.contact ul {
	width: 870px!important;
}

}