@charset "utf-8";
/*--------------------------------------------------------------------------------------------------------------------- 
全デバイス共通 スマホ指定*/


/*--------------------------------------------------------------------------------------------------------------------- 
～767px タブレット指定*/
@media only screen and (max-width: 767px) {
/*------------------------------------------ common */
.design_box_top_p{
	text-align:left;
	padding-left:20px;
	padding-right:20px;
}
.header_nav_border{
	border-top:1px solid #dddddd;
}
.pankuzu{
	padding:22px 0;
	margin-bottom:30px;
	font-size:12px;
	text-align:center;
}
.pankuzu_icon{
	padding-left:20px;
	padding-right:10px;
	background-image:url(../img/pankuzu_icon.png);
	background-position:left middle;
	background-repeat:no-repeat;
	text-decoration:underline;
}
.pankuzu_icon2{
	padding-left:20px;
	background-image:url(../img/pankuzu_icon2.png);
	background-position:left middle;
	background-repeat:no-repeat;
}	
/*------------------------------------------ plan */
.plan_top{
	max-width:920px;	
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-top:30px;
	margin-bottom:80px;	
}
.plan_top_h3{
	border-bottom:1px solid #dddddd;
	font-size:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;	
}
.plan_top_sbtn{
	display:none;
}
.plan_top_lbtn{
	display:none;	
}
.plan_img{
	display:none;
}
.plan_img_sp{
	width:100%;
	height:auto;
	padding-left:20px;
	padding-right:20px;		
	overflow:hidden;	
}
.plan_img_sp img{
	width:100%;
	max-width:520px;
}
.plan_top_span{
	color:#F00;
	padding-right:10px;
}
.plan_top_bottom{
	max-width:920px;	
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:50px;		
}
.plan_top_bottom_h3{
	border-bottom:1px solid #dddddd;
	font-size:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;	
}
.plan_top_ul{
	max-width:920px;	
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:80px;
	text-align:left;
}
.plan_top_ul ul{
	padding-top:10px;
	clear:both;
	margin-left:20px;
	margin-right:20px;		
}
.plan_top_ul ul li{
	font-size:13px;
}	

/*------------------------------------------ openmenu */

/*------------------------------------------ header */

/*------------------------------------------ main */

/*------------------------------------------ design */
.design_box{
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:80px;	
}
.design_box_h3{
	border-bottom:1px solid #dddddd;
	font-size:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;		
}
.design_box_bottom{
	width:100%;
	height:auto;
	padding-left:20px;
	padding-right:20px;		
	overflow:hidden;
}
.design_box_bottom img{
	width:100%;
	max-width:880px;
	margin-top:10px;	
}
.design_box_bottom_ul{
	margin-top:30px;
	margin-bottom:50px;
}
.design_box_bottom_ul li{	
	margin:0 15px;
	font-size:18px;
}
.design_box_bottom_ul_li{
	padding-left:20%;
	padding-right:20%;
	margin-top:15px;
}
.design_box_bottom_ul_li a{
	text-align:center;	
  	display:block;
	color:#FFF;
    background-color:#954f4d;
	padding:8px 40px;
}
.design_box_bottom_ul_li a:hover{
	text-decoration: none;	
}

.design_box_bottom_ul_s{
	text-align:center;
	margin-top:30px;
	margin-bottom:50px;
}
.design_box_bottom_ul_s li{
	margin:0 15px;
	font-size:18px;
}
.design_box_bottom_ul_li_s{
	padding-left:20%;
	padding-right:20%;
	margin-top:30px;
}
.design_box_bottom_ul_li_s a{
	text-align:center;	
  	display:block;
	color:#FFF;
    background-color:#6295a4;
	padding:8px 40px;
}
.design_box_bottom_ul_li_s a:hover{
	text-decoration: none;	
}
/*------------------------------------------ about */
.about_box{
	margin-top:10px;
	margin-bottom:80px;	
	padding:0 20px;	
}

.about_box_h3{
	border-bottom:1px solid #dddddd;
	font-size:20px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.about_box_h3_ex{
	border-bottom:1px solid #dddddd;
	font-size:20px;
	padding-top:30px;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;
}
.about_box_left{
	width: 100%;
	font-size:14px;
	text-align:left;
}
.about_box_left_bottom{
	margin-top:20px;
}
.about_box_left_bottom img{
	width:100%;
	height:auto;
}
.about_box_right{
	display:none;
}
.about_box_illust{
	font-size:14px;
	text-align:left;
}
.about_box_illust img{
	width:100%;
	height:auto;
}
/*------------------------------------------ production */

.production_box{
	margin-top:30px;		
	padding:0 20px;
}
.production_box h3{
	padding-bottom:15px;
	border-bottom:1px solid #999;
}
.production_no{
	font-size:28px;
	font-weight:bold;
	margin-right:10px;
}
.production_box_bottom{
	text-align:left;
}
.production_arrow{
	margin-top:30px;
}
/*------------------------------------------ info */
.info_create{
	margin-bottom:100px;
	padding:0 20px;
	text-align:left;
}
.info_table{
	font-size: 14px;
	line-height: 1.7em;
	letter-spacing: 0.8pt;
	margin-left:20px;
	margin-right:20px;
}
.info_table_left{
	width:30%;
	padding: 15px;	
	background-color: #f8f8f8;
	color: #000;
	border: 1px solid #ccc;
	vertical-align: middle;	
}
.info_table_right{
	padding: 15px;
	color: #444;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-align:left;
}

.info_create_box_h3{
	border-bottom:1px solid #dddddd;
	font-size:16px;
	padding-bottom:10px;
	margin-bottom:10px;
	text-align:center;
}
.info_create img{
	max-width:100%;
	height:auto;
}
/*------------------------------------------ question */
.question_box{
	margin-top:30px;
	margin-bottom:50px;	
	padding:0 20px;
	clear:both;
	overflow:hidden;
}
#question_box_ul{
	text-align:left;
	margin-left:10px;
	margin-right:10px;
}
#question_box_ul li{
	padding-bottom:20px;
	line-height:1.5em;
}
.question_box_span{
	padding-right:10px;
	color:#954f4d;
	font-weight:bold;			
}
.question_box h3{
	border-bottom:1px solid #dddddd;
	padding-bottom:5px;
	padding-bottom:15px;
	text-align:left;
	line-height:2em;	
}
.question_box_bottom{
	text-align:left;
	overflow:hidden;
}
.question_q{
	font-size:28px;
	font-weight:bold;
	margin-right:12px;
	padding-left:5px;
	color:#954f4d;			
}
.question_a{
	font-size:28px;
	font-weight:bold;
	float:left;
	width:28px;
	height:auto;
	margin-right:12px;
	padding-left:5px;
	color:#39475a;				
}
.question_a_text{
	width:auto;
}
.question_box_top{
	padding-bottom:30px;
}
/*------------------------------------------ contact */
.form_contact{
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-bottom:10px;
	margin-top:10px;
	display: table;	
}
.form_contact dl{
  margin-bottom: 25px;
  border-bottom: 1px dotted #ccc;
 margin-left:20px;
 margin-right:20px;
}
.form_contact dt{
	padding-top:6px;
  padding-bottom: 25px;  
}
.form_contact dd{
  padding-bottom: 25px;
}
.select_txt{
	padding:6px;
}
.input_txt{
	padding:6px;
	width:90%;	
}
.input_txt_name{
	padding:6px;
	width:80%;		
}
.input_textarea{
	padding:6px;
	width:80%;	
}
.youken_radio{
	font-size:13px;
	padding-right:20px;
	vertical-align:middle;
}
.form_contact_top{
 margin-left:20px;
 margin-right:20px;
 font-size:14px;
 margin-bottom:20px;
 text-align:left;
}
.mailfont{
	background-color:#954f4d;
	color:#FFF;
	font-size:11px;
 	padding: 2px 5px;
	margin-left:12px;
}
.mailfont_name{
	font-size:14px;
	padding-right:10px;
}
.mailfont_contact{
	font-size:12px;
	padding-right:20px;
	margin-top:10px;
}
.form_contact_scroll {
	text-align:left;
	font-size:13px;
	max-width:90%;
	margin-left:auto;
	margin-right:auto;	
  	height: 150px;
	overflow:hidden;
	padding: 15px;
    border: 1px solid #ccc;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
	line-height:1.8em;
	letter-spacing:0.1em;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:40%;
	font-weight:normal;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
.form_btn{
	margin-top:50px;
	margin-bottom:100px;
	text-align:center;
}
.form_submit_btn{
 	border: 0px;
    width: 200px;
    height: 50px;
    background:url(../img/form_contact_submit.png);
	cursor:pointer;
	margin-bottom:20px;
}
.form_reset_btn{
 	border: 0px;
    width: 200px;
    height: 50px;
    background:url(../img/form_contact_reset.png);		
	cursor:pointer;	
	margin-bottom:20px;	
}
.form_submitok_btn{
 	border: 0px;
    width: 200px;
    height: 50px;
    background:url(../img/form_contact_submit_ok.png);		
	cursor:pointer;	
	margin-bottom:20px;	
}
.form_historyback_btn{
 	border: 0px;
    width: 200px;
    height: 50px;
    background:url(../img/form_contact_historyback.png);		
	cursor:pointer;	
	margin-bottom:20px;	
}
/*------------------------------------------ privacy */
.privacy{
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-bottom:10px;
	margin-top:10px;
	font-size:14px;
}
.privacy_box{
 margin-left:20px;
 margin-right:20px;	
 text-align:left;
}
.privacy_border{
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding-bottom:5px;
	margin-top:30px;
	text-align:center;
}
}

/*--------------------------------------------------------------------------------------------------------------------- 
768px～960px タブレット指定*/
@media only screen and (min-width: 768px) {

/*------------------------------------------ common */
.design_box_top_p{
	text-align:center;
	padding-left:20px;
	padding-right:20px;
}
.header_nav_border{
	border-top:1px solid #dddddd;
}
.pankuzu{
	max-width:960px;
	padding:22px 0;
	margin-bottom:50px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	/*
	border-bottom:1px solid #dddddd;
	*/
}
.pankuzu_icon{
	padding-left:20px;
	padding-right:10px;
	background-image:url(../img/pankuzu_icon.png);
	background-position:left middle;
	background-repeat:no-repeat;
	text-decoration:underline;
}
.pankuzu_icon2{
	padding-left:20px;
	background-image:url(../img/pankuzu_icon2.png);
	background-position:left middle;
	background-repeat:no-repeat;
}
/*------------------------------------------ plan */
.plan_top{
	max-width:920px;	
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:80px;		
}
.plan_top_h3{
	border-bottom:1px solid #dddddd;
	font-size:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;	
}
.plan_top_sbtn{
	float:left;
	margin-left:37%;
	width:28.2%;
	background-color:#6295a4;
	margin-top:20px;
	margin-bottom:40px;
}
.plan_top_sbtn a{
	color:#FFF;	
	text-align:center;	
  	display:block;	
	padding:15px 0;		
}
.plan_top_sbtn a:hover{
	text-decoration: none;	
}
.plan_top_lbtn{
	float:left;
	margin-left:4%;
	width:28.2%;	
	background-color:#954f4d;	
	margin-top:20px;
	margin-bottom:40px;	
}
.plan_top_lbtn a{
	color:#FFF;	
	text-align:center;	
  	display:block;	
	padding:15px 0;		
}
.plan_top_lbtn a:hover{
	text-decoration: none;	
}
.plan_img{
	width:100%;
	height:auto;
	padding-left:20px;
	padding-right:20px;		
	overflow:hidden;	
}
.plan_img img{
	width:100%;
	max-width:880px;
	margin-top:10px;		
}
.plan_img_sp{
	display:none;
}
.plan_top_span{
	color:#F00;
	padding-right:10px;
}
.plan_top_bottom{
	max-width:920px;	
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:50px;		
}
.plan_top_bottom_h3{
	border-bottom:1px solid #dddddd;
	font-size:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;	
}
.plan_top_ul{
	max-width:920px;	
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:80px;		
}
.plan_top_ul ul{
	padding-top:10px;
	clear:both;
	margin-left:20px;
	margin-right:20px;		
}
.plan_top_ul ul li{
	font-size:13px;
}	

/*------------------------------------------ design */
.design_box{
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:80px;	
}
.design_box_h3{
	border-bottom:1px solid #dddddd;
	font-size:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;		
}
.design_box_bottom{
	width:100%;
	height:auto;
	padding-left:20px;
	padding-right:20px;		
	overflow:hidden;
}
.design_box_bottom img{
	width:100%;
	max-width:880px;
	margin-top:10px;	
}
.design_box_bottom_ul{
	text-align:center;
	margin-top:30px;
	margin-bottom:50px;
}
.design_box_bottom_ul li{
	display: inline-block;
	margin:0 15px;
	font-size:18px;
}
.design_box_bottom_ul_li{
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}
.design_box_bottom_ul_li a{
	text-align:center;	
  	display:block;
	color:#FFF;
    background-color:#954f4d;
	padding:8px 40px;
}
.design_box_bottom_ul_li a:hover{
	text-decoration: none;	
}

.design_box_bottom_ul_s{
	text-align:center;
	margin-top:30px;
	margin-bottom:50px;
}
.design_box_bottom_ul_s li{
	display: inline-block;
	margin:0 15px;
	font-size:18px;
}
.design_box_bottom_ul_li_s{
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
}
.design_box_bottom_ul_li_s a{
	text-align:center;	
  	display:block;
	color:#FFF;
    background-color:#6295a4;
	padding:8px 40px;
}
.design_box_bottom_ul_li_s a:hover{
	text-decoration: none;	
}
/*------------------------------------------ about */
.about_box{
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-top:10px;
	padding-bottom:80px;
}
.about_box_h3{
	border-bottom:1px solid #dddddd;
	font-size:20px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;
}
.about_box_h3_ex{
	border-bottom:1px solid #dddddd;
	font-size:20px;
	padding-top:30px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.about_box_left{
	float: left;
	width: 100%;
	margin-right: -320px;
	padding-right: 320px;
	box-sizing: border-box;
	font-size:14px;
	margin-left:20px;	
}
.about_box_left_bottom{
	margin-top:20px;
}
.about_box_left_bottom img{
	width:100%;
	height:auto;
}
.about_box_right{
	overflow:hidden;
	float: right;
	margin-right:20px;		
}
.about_box_illust{
	max-width:880px;
	box-sizing: border-box;
	font-size:14px;
	margin-left:20px;
	margin-right:20px;	
}

/*------------------------------------------ production */
.production_box{
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-bottom:10px;
	margin-top:10px;
}
.production_box h3{
	border-bottom:1px solid #dddddd;
	font-size:20px;
	padding-bottom:5px;
	margin-bottom:5px;
	color:#444;
	margin-left:20px;
	margin-right:20px;	
}
.production_box_bottom{
	margin-left:20px;
	margin-right:20px;	
}
.production_arrow{
	text-align:center;
}
.production_no{
	margin-left:5px;
	margin-right:15px;
	font-size:44px;
}
/*------------------------------------------ info */
.info_create{
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;	
	overflow: hidden;
	margin-bottom:100px;
}
.info_table{
	max-width:720px;
	margin-left:auto;
	margin-right:auto;
	font-size: 14px;
	line-height: 1.7em;
	letter-spacing: 0.8pt;	
}
.info_table_left{
	width:200px;
	background-color: #f8f8f8;
	padding: 15px 0 15px 15px;
	color: #000;
	border: 1px solid #ccc;
	vertical-align: middle;	
}
.info_table_right{
	width:520px;
	padding: 15px 0 15px 15px;
	color: #444;
	border: 1px solid #ccc;
	vertical-align: middle;		
}

.info_create_box_h3{
	border-bottom:1px solid #dddddd;
	font-size:16px;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:20px;
	margin-right:20px;	
}
.info_create p{
	margin-left:20px;
	margin-right:20px;
}
.info_create img{
	margin-left:20px;
	margin-right:20px;
	max-width:100%;
}

/*------------------------------------------ sitemap */
.sitemap_ul{
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
}
.sitemap_ul li{
	margin-left:20px;
	padding-left:10px;
	margin-right:20px;
	padding-bottom:30px;
	padding-top:30px;
	border-bottom:#dddddd 1px solid;
}
.sitemap_li{
	border-top:#dddddd 1px solid;	
}

/*------------------------------------------ question */
.question_box{
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-bottom:10px;
	margin-top:10px;
}
#question_box_ul{
	margin-left:40px;
	margin-right:20px;
	margin-bottom:80px;	
}
#question_box_ul li{
	padding-bottom:20px;
}
.question_box_span{
	padding-right:10px;
	color:#954f4d;
	font-weight:bold;			
}
.question_box h3{
	border-bottom:1px solid #dddddd;
	font-size:20px;
	padding-bottom:5px;
	margin-bottom:5px;
	color:#444;
	margin-left:20px;
	margin-right:20px;
}
.question_box_bottom{
	margin-left:20px;
	margin-right:20px;	
}
.question_q{
	margin-left:15px;
	margin-right:30px;
	font-size:35px;
	font-weight:bold;
	color:#954f4d;	
}
.question_a{
	color:#39475a;	
	font-weight:bold;	
	margin-left:17px;
	margin-right:30px;
	font-size:35px;
	float:left;
}
.question_a_text{
	float:left;
	width:100%;
	margin-left: -80px;
	padding-left: 80px;	
}
.question_box_top{
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-bottom:100px;
	margin-top:30px;
	text-align:right;
}
.question_box_top a{
	margin-left:20px;
	margin-right:20px;	
	text-align:right;
	font-size:14px;
}

/*------------------------------------------ contact */
.form_contact{
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-bottom:10px;
	margin-top:10px;
	display: table;	
}
.form_contact dl{
  margin-bottom: 25px;
  border-bottom: 1px dotted #ccc;
  display: table;
 margin-left:20px;
 margin-right:20px;
}
.form_contact dt{
	padding-top:6px;
  padding-bottom: 25px;
  vertical-align: middle;
  width:280px;
  vertical-align: middle;  
}
.form_contact dd{

	width:600px;
  padding-bottom: 25px;
  display: table-cell;
  vertical-align: middle;
}
.select_txt{
	padding:6px;
}
.input_txt{
	padding:6px;
	width:90%;	
}
.input_txt_name{
	padding:6px;
	width:50%;		
}
.input_textarea{
	padding:6px;
	width:90%;	
}
.youken_radio{
	font-size:13px;
	padding-right:20px;
	vertical-align:middle;
}
.form_contact_top{
 margin-left:20px;
 margin-right:20px;
 font-size:14px;
 margin-bottom:20px;
}
.mailfont{
	background-color:#954f4d;
	color:#FFF;
	font-size:11px;
 	padding: 2px 5px;
	margin-left:12px;
}
.mailfont_name{
	font-size:14px;
	padding-right:10px;
}
.mailfont_contact{
	font-size:12px;
	padding-right:20px;
	margin-top:10px;
}
.form_contact_scroll {
	font-size:13px;
	max-width:95%;
	margin-left:auto;
	margin-right:auto;	
  	height: 150px;
	overflow:hidden;
	padding: 15px;
    border: 1px solid #ccc;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
	line-height:1.8em;
	letter-spacing:0.1em;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:170px;
	font-weight:normal;
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}
.form_btn{
	margin-top:50px;
	margin-bottom:100px;
	text-align:center;
}
.form_submit_btn{
 	border: 0px;
    width: 200px;
    height: 50px;
	margin-right:50px;
    background:url(../img/form_contact_submit.png);
	cursor:pointer;
}
.form_reset_btn{
 	border: 0px;
    width: 200px;
    height: 50px;
    background:url(../img/form_contact_reset.png);		
	cursor:pointer;	
}
.form_submitok_btn{
 	border: 0px;
    width: 200px;
    height: 50px;
	margin-right:50px;	
    background:url(../img/form_contact_submit_ok.png);		
	cursor:pointer;	
}
.form_historyback_btn{
 	border: 0px;
    width: 200px;
    height: 50px;
    background:url(../img/form_contact_historyback.png);		
	cursor:pointer;	
}

/*------------------------------------------ privacy */
.privacy{
	max-width:920px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	margin-bottom:10px;
	margin-top:10px;
	font-size:14px;
}
.privacy_box{
 margin-left:20px;
 margin-right:20px;
	margin-bottom:80px;	 
}
.privacy_border{
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
	padding-bottom:5px;
	margin-top:30px;
}
}

/*--------------------------------------------------------------------------------------------------------------------- 
960px～ PC指定*/
@media only screen and (min-width: 960px) {
/*------------------------------------------ header */

/*------------------------------------------ nav */

/*------------------------------------------ main */

/*------------------------------------------ footer */	
}