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

body{
	margin:0;
		font-family:"Noto Sans Japanese","Noto Sans","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,verdana,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
		font-size:17px;
		color:#111;
}

#Outline{
	background:url(img/bg.png) repeat;
	width: 100%;
	overflow:hidden;
}

#title{
	width:960px;
	margin:15px auto 0;
}
#title_txt{
	text-align:center;
	color:#111;
	font-weight:700;
	font-size:23px;
	margin-bottom:30px;
	line-height:140%;

}
#main{
	background:#fff;
	width:960px;
	margin:15px auto 25px;
	box-shadow:0px 0px 6px 3px #c5b322;
	-moz-box-shadow:0px 0px 6px 3px #c5b322;
	-webkit-box-shadow:0px 0px 6px 3px #c5b322;
	overflow:hidden;
}
.main_in{
	padding:50px 30px 50px 30px;
	text-align:center;
	overflow:hidden;
}
#main_txt{
	font-weight:bold;
	color:#002188;
	font-size:30px;
	line-height:170%;
}
#main_txt span{
	background: linear-gradient(transparent 40%, #fcff14 0%);
	font-weight:700;
}

.left{
	float:left;
	text-align:left;
	margin:0 20px;
	font-size:20px;
}
.right{
	float:left;
	text-align:left;
	margin:0 20px;
	font-size:20px;
}
.right p{
	margin-left:0;
	line-height:130%;
}
.step_title{
	font-weight:bold;
	font-size:24px;
	margin:5px 0 10px;
}
#attention{
	background:#ebebeb;
	padding:20px;
	margin:20px auto 40px;
	text-align:left;
	font-weight:bold;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}
#info{
	margin:0px auto;
	overflow:hidden;
	width:620px;
	margin-top:30px;
}
#info_title{
	font-weight:bold;
	font-size:24px;
	border-bottom:5px solid #000;
	width:150px;
	margin:0 auto 25px !important;
	padding-bottom:5px;
	color:#000;
}
#tel{
	float:left;
}
#tel span{
	font-size:25px;
	font-weight:bold;
	background:url(img/img_tel.png) no-repeat;
	padding:5px 0 10px 50px;
	color:#000;
}
#tel p{
	margin-bottom:0;
}
#mail{
	padding-left:30px;
}
#mail span{
	font-size:25px;
	font-weight:bold;
	background:url(img/img_mail.png) no-repeat;
	padding:5px 0 10px 50px;
	color:#000;
}
.ColorRed{
	color:#F00;
}
.Left0{
	text-align:left !important;
	margin:15px 0 0 50px;
}
.left p{
	margin:10px 0 0 0 !important;
}
input[type=text]{
	border:0;
	padding:10px;
	font-size:1em;
	font-family:Arial, sans-serif;
	color:#666;
	border:solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#point_attention{
	font-weight:bold;
	font-size:22px;
	text-align:center;
	margin-top:30px;
}
#point_attention span{
	background: linear-gradient(transparent 40%, #fcff14 0%);	

}
#global-header .gbl-right-nav a,#global-header .gbl-nav li a,#global-footer .gbl-footer-nav a{
	color:#fff !important;
}


#footer{
	background:url(../img/common/footer_back.jpg) !important;
	color:#FFF;
	overflow:hidden;
	text-align:left;
}
#footer_inner{
	margin:20px auto;
	width:960px;
}
#footer_left{
	width:200px;
	float:left;
	padding:0 0 15px 20px;
	
}
#footer_left img{
	width:85%;
}
#footer_center{
	text-align:left;
	float:left;
	width:474px;
	padding:10px 0 0 10px;
	font-size:150%;
}
#footer_right{
	float:right;
	padding:20px 20px 0 0;
}
#footer_button_sp{
	display:none;
}

.type02{
	width:700px;
	text-align:left;
	font-size:18px;
	margin:0 auto;
}
.type02 tr{
	border-bottom:3px solid #fff;
	border-right:3px solid #fff;
}
.type02 th{
	text-align:center;
	width:90px;
	background:#111;
	padding:10px;
	border-right:3px solid #fff;
	color:#fff;
}
.type02 td{
	width:600px;
	background:#EEE;
	padding:10px;
}

/*confirmation*/
.step_left{
	float:left;
	width:450px;
	text-align:left;
	font-size:20px;
	line-height:150%;
}
.step_right{
	float:right;
	width:400px;
}
.step_cate{
	margin-bottom:30px;
	overflow:hidden;
}
.number{
	margin-bottom:15px;
}
#back{
	font-size:20px;
	font-weight:bold;
	border:1px solid #002188;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	padding:8px;
	background:#002188;
	color:#fff ;
	width:150px;
}
#back a{
	color:#fff;
	text-decoration:none;
}
.pointcheck{
	background:url(img/img_04.png) no-repeat;
	width:401px;
	height:90px;
	margin:0 auto;
}
.pointcheck:hover{
	background:url(img/img_04_hover.png) no-repeat;

}
@media only screen and (min-width: 641px){
#top-img,#nav_sp,#main_img_sp{
	display:none;
}
#main_img{
	overflow:hidden;
}

Table.TryFormTable{
	width:90%;
	margin:0 auto;
	border-top:1px solid #ccc;
} 
Table.TryFormTable th{
	width:30%;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#E8E8E8;
	text-align:center;
	vertical-align: middle;
	display:table-cell;
	padding:2%;
}
Table.TryFormTable td{
	width:70%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
	display:table-cell;
	vertical-align: middle;
	text-align:left;
	padding: 2%;
}
Table.TryFormTable p{
	margin-left:10px;
}
}

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

#wrapper,#main,#footer_inner,#what_right,#what_left,#footer_left{
	width:100%;
}
.step_left,.step_right{
	width:95%;
	margin:0 2.5% 2%;
	font-size:17px;
}
#ex{
	padding:30px 0;
}
.feature01,
.feature02,
.feature03,
.feature04 {
	width: 46% !important;
	margin: 10px 2important;
}
#logo img{
	width:50%;
}

.ex_title2{
	font-weight:bold;
	font-size:20px;
	padding:20px 0;
}


#what_left img,#voice_person img,#footer_left img,#button img,{
	margin:0 auto;
	display:block;
}
.Section_full,#MainArea960_row1,#main_img,#ex,#item,#item_in p,#item_left,#item_right,.featureBox{
	width:100% !important;
}
#main,#ex{
	width:95% !important;
	margin: 0 auto;
	float:none !important;
	margin-bottom:20px;
	padding:10px;
}
.feature {
	background:none !important;
}
}


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

#MainArea960_row1,#logo,#logo img,#main_img,#ex,#ex img,#ex_left,#item,#item_in p,#item_left,#item_right,#main,#title,#info{
	width:100% !important;
}
#main{
	padding:0;
}
.main_in{
	padding:10px 0 0 0 !important;
}
.Left0{
	margin:0 auto;
}
#point_attention{
	font-size:18px;
	line-height:140%;
}
.left{
	width:12%;
	margin:0 2%;
}
.right{
	width:84%;
	margin:0;
}
.right p.step_title{
	font-size:18px;
	padding:0;
}
.right p{
	font-size:16px;
}
p{
	margin:0;
	line-height:150%;
}
#attention{
	width:90%;
	padding:10px;
}
.type02{
	width:90%;
	font-size:13px;
	margin-bottom:10px;
}
table.type02 th {
}
#title_txt{
	font-size:17px;
}
#info{
	margin:15px 0;
	padding-bottom:10px;
}
#info_title{
	width:50%;
	padding-bottom:0px;
	font-size:21px;
}
#main_txt{
	line-height:160%;
}
#tel span,#mail span{
	font-size:21px;
}
#tel,#mail{
	width:90%;
	margin:0 auto;
	padding:0;
	float:none;
}
#main,.pickup li,#ex_right,#item_in{
	width:95% !important;
	margin: 0 auto;
	float:none !important;
}

/* 申し込みフォーム */
Table.TryFormTable {
	width:90%;
	border-top:1px solid #ccc;
	text-align:left;
	margin:0 auto;
}
Table.TryFormTable p{
	margin:0% 2% !important;
}
Table.TryFormTable th{
	width:100%;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#e8e8e8;
	text-align:center;
	vertical-align: top;
	display:block;
	padding:2%;
	vertical-align: middle;
}
Table.TryFormTable td{
	width:100%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
	display:block;
	vertical-align: middle;
}
DIV#MainArea960_row1 .Section_full,.featureBox,.pickup_img,.pickup_img img{
	width:100% !important;

}
#ex {
	padding:15px 0 10px;
	margin-top:15px;
}
#item_left{
	padding:15px 0 10px 0;
	margin-bottom:10px;
	border-bottom:1px solid #CCC;
}
.feature01,
.feature02,
.feature03,
.feature04 {
	width:100% !important;
	overflow:hidden !important;
}
#MainArea960_row1 .feature01 h3,
#MainArea960_row1 .feature02 h3,
#MainArea960_row1 .feature03 h3,
#MainArea960_row1 .feature04 h3{
	margin: 8px 10px 5px 0;
	text-align: center;
	background: url(img_top/arrow.png) right 3px no-repeat !important;
	color:#fff !important;
}

}

@media only screen and (max-width: 1024px){
#footer_left img{
	width:40%;
	display:block;
	margin:0 auto;
}
#footer_center{
	width:100%;
	font-size:170%;
	line-height:140%;
	padding:0 0 5px;
}
#footer_center img{
	display:block;
	margin:0 auto;
	padding-bottom:5px;
}
#footer_left{
	padding-top:10px;
}
#footer_left img{
	width:40%;
	display:block;
	margin:0 auto;
}
#footer_button{
	display:none;
}
#footer_button_sp{
	display:inline;
	width:100%;
	padding:15px 0;
}
#footer_button_sp{
	width:85%;
	margin:0 auto;
	display:block;
}
}