@import url(common.css);

#main_visual{
	width:100%;
	height:	410px;
	background: url(../img/mainimage_bg.jpg) repeat-y center;
}
#mainimage{
	width:980px;
	height:	410px;
	background: url(../img/man.png) no-repeat left bottom;
	margin:0 auto;
}
#jig{
	font-size:1.8rem;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:600;
	line-height:2rem;
	padding-bottom:10px;	
}
#t1{
	margin-bottom:30px;	
}
#mleft{
	width:475px;
	padding-top:50px;
	margin-right:20px;
	float:right;
}
#mleft img{
	width:100%;	
}

#catch1{
	font-size:1.3rem;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:600;
	line-height:2rem;
}
#catch_red{
	font-size:1.8rem;
	color:#c92525;
	word-spacing:0.8rem;
}
.title{
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	background:#534b4b;
	padding:10px 15px 10px 15px;
	color:#FFF;
}
.sent,.sent2{
	font-size:1.15rem;
	line-height:1.95rem;	
}

.sent3{
	font-size:1.15rem;
	line-height:1.95rem;
	padding-bottom:25px;	
}

#contents1,#contents2,#contents3,#contents4,#contents5{
	font-size:1.15rem;
	line-height:1.95rem;
	padding-bottom:25px;
	display:none;	
}

.kou{
	font-size:1.4rem;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:600;
	line-height:2rem;
	border-bottom:1px solid #999;
	margin-bottom:10px;
}
.hok_box{
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	padding:10px;
	background:#e8e7dd;	
	line-height:1.6em;
	margin-bottom:20px;
}
h3.title{
	font-size:1.6rem;
	max-width:450px;	
}
#scatch{
	font-size:1.4rem;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:600;
	line-height:2rem;
	padding:25px 0;	
}
#left_bx{
	width:62%;
	float:left;
	padding-top:40px;
}
.right_sent{
	width:36.8%;
	float:right;	
}

.padt40{
	padding-top:40px;
}

.sel_area{
	width:79.8%;
	margin:0 auto;
	margin-bottom:10px;	
}
select{
	width:100%;	
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	margin-bottom:20px;
	font-size:1.2rem;
}
#bt_area{
	text-align:center;
	padding-bottom:22px;
	border-bottom:1px solid #ccc;
}
#btn{
	width:183px;
	height:41px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb76b+0,ffa73d+50,ff7c00+51,ff7f04+100;Orange+Gloss */
	background: #ffb76b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 50%, #ff7c00 51%, #ff7f04 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
	/* IE6-9 */
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-style: none;
	color:#fff;
	font-weight:600;
	cursor:pointer;
}

.ico{
	background:url(../img/ico.jpg) no-repeat left;	
	padding-left:22px;
	font-size:1.2rem;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:600;
	margin:5px 0;
}

.sents{
	padding:15px 0;	
	font-size:1.15rem;
	line-height:1.95rem;
}

.subtitle{
	width:45%;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	background:#a28127;
	padding:10px 15px 10px 15px;
	margin-bottom:20px;
	color:#FFF;
	font-size:1.2rem;
	font-weight:600;
	position:relative;
	cursor:pointer;
}

.toggle{
	position:absolute;
	background:url(../img/toggle.jpg) no-repeat;
	width:30px;
	height:30px;
	right:-40px;
	top:5px;
	cursor:pointer;
}

#esp{
	font-size:1.05rem;	
}

#shiki{
	font-size:1.2rem;
	font-weight:600;	
}
.mintitle{
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	background:#e79f37;
	text-align:center;
	font-size:1.0rem;	
	padding:10px;
}
.lc{
	width:107px;
	float:left;	
	margin-right:10px;
}
.rc{
	float:left;
	width:800px;
}
table{
	background:#ccc;
	text-align:center;	
}
td{
	background:#FFF;	
}
.rc table tr th{
	width:25%;	
}
th,td{
	padding:7px;	
}
.tc1{
	background:#e1dada;
}
td{
	font-size:0.9rem;	
}
table{
	margin-bottom:25px;	
}
.lkc{
	width:180px;
	float:left;	
	margin-right:15px;
}

.rkc{
	width:720px;
	float:left;	
}

table{
	width:100%;
}

.sm{
	font-size:0.9rem;	
}

#area{
	width:85%;
	margin:0 auto;
	font-size:1.3rem;	
	padding-top:15px;
}
#res_cost{
	font-size:2.2rem;
	color:#c92525;	
}

ol#nocost{
	width:100%;
	display:block;
	margin-bottom:15px;
}
ol#nocost li{
	float:left;
	list-style-type: decimal;
	margin-left:25px;
	font-size:1.1rem;
	padding:7px 0;
	width:22%;
}

#catch2{
	font-size:1.2rem;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:600;
	line-height:2rem;
	padding:30px 0 20px 0;
}
#catch_red2{
	font-size:1.6rem;
	color:#c92525;
	word-spacing:0.8rem;
}

#catch3{
	font-size:1.2rem;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:600;
	line-height:2rem;
	padding:20px 0 10px 0;
}
#kanyu{
	background:url(../img/kanyu_09.jpg) right no-repeat;	
	min-height:388px;
}
#t3{
	margin-bottom:40px;	
}
#k_left{
	width:610px;	
}
#k_box{
	background:#f6f3ea;
	border:1px solid #8b563a;	
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	padding:7px;
	font-size:1.05rem;
	line-height:1.9rem;	
}
#flow{
	background:url(../img/flow_pic_13.jpg) left top no-repeat;	
	min-height:537px;
}
#f_right{
	width:555px;
	min-height:300px;
	float:right;	
}
#flow_pic{
	width:100%;
	text-align:right;	
}
	.img_area img{
		display:none;
	}
#loader{
	padding-top:8px;
	text-align:center;	
}

#btn2{
	width:97%;
	height:77px;
	background: #4898c2;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border-style: none;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:600;
	color:#fff;
	font-size:2rem;
	text-decoration:none;
	text-align:center;
	line-height:77px;
	display:block;
	padding:8px;
}
#download_area{
	width:56%;
	margin:0 auto;
	padding:55px 0 55px 0;
}

/*--------------  DOWNLOAD  ---------------*/

#download{
	margin: 30px 0 20px 0;	
}

.download_link{
	width:98%;
	margin:0 auto;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px;
	border:1px solid #CCC;
	margin-bottom:30px;
}

.pdf{
	display:block;
	min-height:120px;
	background:url(../img/pdf.png) no-repeat left;
	padding:20px 20px 20px 130px;
	text-decoration:none;
	color:#000;
	font-size:1.2rem;
}

.pdf_title{
	font-size:1.3rem;
	line-height:2.5rem;
	font-weight:700;
}

@media screen and (max-width: 979px) {
	body{  
		margin: 0;
		font-size:1.6rem;
	} 
	.block{
		width:95%;
		padding:0px 20px 10px 20px;
		margin:0 auto;	
	}
	#logo{
		margin-left:15px;	
	}
	#main_visual{
		width:100%;
		height:	310px;
	}
	#mainimage{
		width:100%;	
		height:	310px;
		background-size:48%;
		background-position:left bottom;
	}
	#scatch{
		font-size:1.6rem;	
	}
	.sent,.sent2,.sent3{
		font-size:1.4rem;
		line-height:1.95rem;	
	}
	.hok_box{
		font-size:1.4rem;	
	}
	.sents{
		padding:15px 0;	
		font-size:1.3rem;
		line-height:1.95rem;
	}
	.ico{
		font-size:1.4rem;
	}
	.lc{
		width:150px;
		font-size:1.4rem;
		margin-bottom:15px;	
	}
	th,td{
		font-size:1.2rem;	
	}
	.tc1{
		font-size:1rem;
	}
	.rc{
		width:100%;	
	}
	.subtitle{
		width:91%;	
	}
	#contents1,#contents2,#contents3,#contents4,#contents5{
		font-size:1.4rem;	
	}
	#left_bx{
		padding-top:0px;
		width:100%;	
	}
	.rignt_sent{
		display:none;	
	}
	#headerbox,ul#menu{
		width:100%;
		display:none;	
	}
	#telbox{
		width:200px;
		margin-top:8px;
		margin-right:4px;
	}
	#logobox,#main_visual,#f_right,#k_left,#foot_area{
		width:100%;	
	}
	#t1{
		margin-bottom:30px;	
	}
	#t3,#t4{
		margin-bottom:30px;	
	}
	#catch3{
		font-size:1.4rem;	
	}
	ol#nocost{
		margin:15px 0 20px 20px;
	}
	ol#nocost li{
		float:left;
		list-style-type: decimal;
		margin-left:25px;
		font-size:1.2rem;
		padding:7px 0;
	}
	#catch2{
		padding:20px 0 20px 0;
	}
	.title_area{
		width:90%;
		margin:0 auto;	
	}
	.img_area{
		width:65%;
		margin:0 auto;	
	}
	.img_area,.img_area img{
		display:none;
	}
	#mleft{
		width:45%;
		float:right;
		margin-right:40px;
		padding-top:20px;
		padding-bottom:30px;
	}
	#area{
		text-align:center;	
		font-size:1.6rem;
	}
	ol#nocost li{
		width:100%;
		float:none;
		list-style-type: decimal;
		margin-left:45px;
		font-size:1.1rem;
		padding:7px 0;
	}
	.right_sent{
		float:none;
		width:90%;
		margin:0 auto;
	}
	#f_right{
		min-height:100px;	
	}
	#ka_sent{
		width:68%;
		margin-bottom:70px;
		margin-left:40px;
	}
	#k_box{
		width:89%;
	}
	#flow{	
		min-height:450px;
		background:none;
		min-height:370px;
	}
	#flow_pic{
		padding-top:30px;
	}
	#download_area{
		width:80%;
		margin:0 auto;
	}
	#btn2{
		width:95%;
		font-size:1.2rem;
		margin:0 auto;
	}
	#footer_navi{
		list-style:none;	
	}
	#footer_navi li{
		float:left;
		width:19.89%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ba8625+0,9e6004+99 */
background: #ba8625; /* Old browsers */
background: -moz-linear-gradient(top,  #ba8625 0%, #9e6004 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ba8625 0%,#9e6004 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ba8625 0%,#9e6004 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba8625', endColorstr='#9e6004',GradientType=0 ); /* IE6-9 */
		border-top:1px solid #2f302d;	

	}
	#footer_navi li a{
		width:100%;
		display:block;
		font-size:0.95rem;
		font-family: 'Noto Sans Japanese', serif;
		font-weight:500;
		line-height:1.0rem;
		text-align:center;
		padding:10px 0 18px 0;
		color:#FFFFFF;
		text-shadow: 1px 1px 0 #666;
		text-decoration:none;
	}
	.br1{
		border-right:1px solid #2f302d;	
	}
	footer {  
		width: 100%;   
		padding:0;
		background:none;
		height:66px;
	}
	.spn{
		display:none;	
	}
	.pcn{
		display:block;	
	}
	#menu2,#menu2 li{
		display:none;
		height:66px;	
	}
	#menu2 li a{
		height:66px;	
	}
	.img_area,.img_area img{
		display:block;
	}
	.smn{
		display:none;	
	}
	.rc .sent img{
		width:100%;	
	}
	.pcn{
		display:block;
		width:105%;
		margin-bottom:15px;
	}

}
@media screen and (max-width: 767px) {
	a#logo{
		font-size:1rem;
	}
	#telbox{
		position:absolute;
		right:0;
		top:25px;
		width:200px;
	}
	h3.title{
		width:100%;	
	}
	.block{
		width:95%;
		padding:0px 20px 10px 20px;
		margin:0 auto;	
	}
	#main_visual{
		width:100%;
		height:	260px;
	}
	#mainimage{
		width:100%;	
		height:	260px;
		background-image:none;
	}
	#logo{
		margin-left:10px;
		padding-top:35px;
		width:150px;
		
	}
	#logo span{
		display:none;
	}
	#mleft{
		width:80%;
		margin:0 auto;
		float:none;
	}
	th,td{
		font-size:0.9rem;	
	}
	th{
		width:24%;	
	}
	.tc1{
		font-size:0.8rem;
		line-height:1rem;
		width:27%;
	}

	.smn{
		display:none;	
	}
	.pcn{
		display:block;
		width:99.5%;
		margin-bottom:15px;
	}
}
@media screen and (max-width: 667px) {
	#flow{
		background:none;
	}
	#footer_navi li{
		width:19.78%;
	}
	ol#nocost li{
		width:100%;
	}
	#logo{
		font-size:0.95rem;
	}
	#logo span{
		font-size:1.1rem;
	}
	#t2{
		width:65%;	
	}
	#t3{
		width:60%;	
	}
	#area{
		padding-top:4px;
	}
	#footer_navi li{
		width:19.85%;
	}

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

	h3.title{
		width:90%;
		margin:0;	
		font-size:1.2rem;
		max-width: initial;
    	max-width: auto;	
	}
	.block{
		width:90%;
		padding:0px 20px 10px 20px;
		margin:0 auto;	
	}
	#title2,#title3,#title4,#title5{
		margin-bottom:25px;	
	}
	.lkc{
		width:98%;	
	}
	.lkc{
		font-weight:bold;	
	}
	.sm{
		font-size:1.2rem;
		font-weight:bold;
	}
	.rc{
		font-size:1.1rem;	
	}
	#scatch{
		font-size:1.3rem;
		line-height:1.6rem;
	}
	.sent,.hok_box,.sents,.sent3,.rkc{
		font-size:1.2rem;	
	}
	#contents1,#contents2,#contents3,#contents4,#contents5{
		font-size:1.2rem;	
	}
	.rkc{
		width:98%;	
	}
	.smn{
		display:none;	
	}
	.pcn{
		display:block;
		width:99.5%;
		margin-bottom:15px;
	}
	.subtitle{
		width:80%;	
	}
	#footer_navi li{
		width:19.78%;
	}
}

@media screen and (max-width: 320px) {
	h1{
		left:0;
		margin-left:8px;
		font-size:0.75rem;
		text-alirng:center;
	}
	#telbox{
		width:150px;
		margin-top:15px;
	}
	#catch1{
		font-size:1.1rem;
		width:97%;
	}
	#catch_red{
		font-size:1.5rem;
	}
	.sent2{
		line-height:1.9rem;
		width:97%;	
	}

	#catch2{
		font-size:1.1rem;
	}
	#catch_red2{
		font-size:1.5rem;
	}
	#footer_navi li{
		width:19.72%;
	}
	#footer_navi li a{;
		font-size:0.85rem;
		padding-top:10px;
	}
}