@charset "utf-8";
/* グローバル設定 */
*{
	text-indent:0px;
	line-height:160%;
	font-size:17px;
	margin: 0;
	padding: 0;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color: #000;
}

body {
	background-image: url(../img/back.png);
	background-repeat: repeat;

 }
.wrapper {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	background-color: #FFF;
	/* [disabled]margin-top: 100px; */
	/* [disabled]margin-bottom: 80px; */
	/* [disabled]border-radius: 18px; */        /* CSS3草案 */
	/* [disabled]-webkit-border-radius: 18px; */    /* Safari,Google Chrome用 */
	/* [disabled]-moz-border-radius: 18px; */
}

img {
	border:0;
	margin:0;
	padding:0;
	vertical-align: top;
	text-decoration:none;	/* IE , Firefox */
}
.top {
	background-color: #FF8021;
	height: 12px;
}
/*スライド*/


.bland {
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}


.main_img {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 60px;
	padding-bottom: 20px;
}
.header {
}


.clear_both{
	clear:both;
	float:none;
	line-height:0px;
	font-size:0px;
}
.gpw {
	width: 926px;
	margin-right: auto;
	margin-left: auto;
}


a:link,a:visited ,a:hover, a:active {
	color:#fff;
}
a:hover{
	color:#FF6666;
}


/*メイン*/

.sp {
  display:none;
}

.center {
	margin:auto;
	text-align:center;
}
h1 {
    color: #ff8000;
    font-size: 32px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    line-height: 150%;
}


h2 {
	text-align: center;
	color: #D23722;
	font-size: 30px;
}
h3 {
	text-align: center;
	color: #ff8000;
	font-size: 28px;
	line-height: 120%;
}
h4 {
	color: #ff8000;
	font-size: 20px;
	padding-top: 3%;
	text-align: center;
	line-height: 110%;
}

h6 {
    color: #FF8021;
    text-align: center;
    font-size: 22px;
}

.hr {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	width: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border-bottom-color: #FF7666;
}

.pb30 {
	padding-bottom:30px;
}

.text {
	font-size: 18px;
	line-height: 180%;
}
.logo {
	width: 697px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 50px;
}
.cnt1 {
	padding-top: 80px;
	padding-bottom: 80px;
	background-color: #FEFFF6;
	color: #FFF;
}
.cnt1 p {
}
.cnt {
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;	
}
.inner {
	/* [disabled]background-color: #FFF; */
	/* [disabled]width: 1100px; */
	/* [disabled]padding-top: 50px; */
	/* [disabled]padding-bottom: 50px; */
	/* [disabled]margin-right: auto; */
	/* [disabled]margin-left: auto; */
}
.title_img {
	width: 240px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
}
.title_line {
	width: 540px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
.title_text {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 20px;
	padding-top: 5px;
	color: #000000;
}
.cnt .text {
	font-size: 14px;
	line-height: 180%;
}
.model_img {
	padding-top:20px;
	width:833px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 40px;
}


.merit_inner {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	overflow: hidden;
	padding-bottom: 30px;
	padding-left: 30px;
}
.merit_step {
	width: 80px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 13px;
}
.merit {
	width: 280px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
	float: left;
	margin-right: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
} 
.merit_subtitle {
	height: 50px;
	text-align: center;
	padding-top: 10px;
}
.merit_text p {
	font-size: 14px;
	height: 100px;
	padding-top: 20px;
}
.merit_img {
	clear: both;
	margin-top: 15px;
	margin-bottom: 5px;
}
.step_img {
	width: 868px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
.gallary_img  {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}
.gpw_img {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}



.plan_inner {
	width: 980px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
}
.plan {
	float: left;
	margin-left: 15px;
}
.plan_text {
	padding-bottom: 10px;
	text-align: left;
	padding-top: 10px;
	font-size: 13px;
}
.plan_cnt {
	background-color: #FFF;
	width: 420px;
	border-radius: 6px;        /* CSS3草案 */
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 6px;
	padding: 20px 20px 20px;
	float: left;
	margin-top: 15px;
} 





/* -- entry_button関連 -- */

#entry_button {
	width: 650px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
.entry_qr {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}
.sp_entry {
	padding-bottom: 50px;
	overflow: hidden;
}
.entry p{
	padding-top: 20px;
	padding-bottom:10px;
	margin:auto;
	font-size: 24px;
	text-align: center;
	color: #000;
}
.entry {
	overflow: hidden;
}
#button_left {
	float: left;
	width:308px;
}
#button_right {
	float: right;
	width: 308px;
}


.faq_box {
	clear: both;
	width: 1000px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}


.faq_cnt {
		padding-top: 80px;

}

#faq_box_left {
	width: 48%;
	float: left;
}
.faq_box_right {
	width: 48%;
	float: right;
}
.txt_m_style3 {
	background-color: #D23722;
	color: #FFF;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	margin-bottom: 20px;
	margin-top: 10px;
}
.dvtitle {
	color: #D23722;
	padding-top: 15px;
}


.detail{
	padding-bottom:40px;
	width:1000px;
	margin:auto;
}

.tag {
	padding-top:-20px;	
}


table	{ width: 90%; }
th, section td	{ padding: 3px; margin-left:4%;}
th	{
	color:#fff;
	padding-left:10px;
	background-color: #ff8100;
}
td p {padding-left:15px;}
/*----------------------------------------------------
	.demo01
----------------------------------------------------*/
.demo01 th	{ width: 30%; text-align: left; }
@media only screen and (max-width:1024px){
	.demo01	{ margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
		width: 94%;
        display: block;
		border-top: none;
		margin-left:4%;
		paddin-top:1%;
    }
td p {padding-left:0px;}

}



.ad_link {
	width: 340px;
	margin-top:60px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

/*ゆっくり表示*/

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



/*map*/
.ggmap {
	position: relative;
	padding-bottom: 46.25%;
	margin-top: 20px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin:auto;
}
.footer {
	background-color: #ff8000;
}
.footer p{
	color: #FFF;
	text-align: center;
	padding-top: 20px;
	font-size: 11px;
	padding-bottom: 10px;
	margin-bottom:-30px;
}
