@charset "UTF-8";
/* 汎用てきなもの
================================================== */

		.content_section *{padding:0;margin:0;}


		.checkbox-style input[type="checkbox"],
		.radio-style input[type="radio"] {
  			margin: 0;
  			padding: 0;
  			background: none;
  			border: none;
  			border-radius: 0;
  			outline: none;
  			-webkit-appearance: none;
     			-moz-appearance: none;
          		appearance: none;
		}

body {

  margin: 0;
  min-width: 120px;
  font-family: 'Noto Sans Japanese', '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
/*  background-color: #fafafa;
  color: #616161;
  font-weight: lighter;
*/
  position: relative;
}
.plusone_bg{
  background-color: #fff6e9;
}
area{
border:none;
outline:none;
}
area:active{outline:none;}

	#divCity02{display:none;}
	#divCity03{display:none;}
	#pc-mode{display:block;}
	#notab-mode{display:block;}
	#tab-mode{display:none;}
	#sp-mode{display:none;}

		.content_section a {
  			color: #536dfe;
  			transition: all .4s ease;
		}
		.content_section a:hover {
  			color: #ff4081;
  			text-decoration: underline;
		}

		.content_section a.button_text{text-decoration:none;}
		.content_section a.button_text:hover{text-decoration:none;opacity: 0.6;}

		/* Clearfix */   
		.clearfix:after {  
				content: ".";
		    		display: block;
			    	height: 0;
			    	clear: both;
		    		visibility: hidden;
		    		font-size: 0.1em;
		    		line-height: 0;
		}  
		.clearfix {  
		    display: inline-block;  
		    min-height: 1%;  
			overflow:hidden;
		}  


		.content_section {
  			position: relative;
  			margin: 0 auto;
			/*  padding: 50px 15px;*/
  			padding: 3px 5px;
  			width: auto;
  			font-size: 16px;
		}

		.content_section ul{
  			margin: 0;
  			padding: 0;
  			list-style-type: none;
		}


		.content_section hr { border: dotted 1px #CCC;padding: 0 auto;margin:0 auto 3px;}
		.content_section hr.navy { border: solid 1px #048;padding: 0 auto;margin:0 auto 3px;}
		/*
		.content_section:nth-of-type(2n) {
  			background-color: whitesmoke;
		}*/
		h1.content_section_title {
  			margin: 0 auto 15px;
			/*  margin: 0 auto 45px; */
  			padding: 0;
  			max-width: 1080px;
  			font-size: 22px;
			line-height:130%;
  			font-weight: bold;
			padding-left:10px;
			border-left:solid 8px #FC0;
 
		}
		.content_section_title {
  			margin: 0 auto 5px;
			/*  margin: 0 auto 45px; */
  			padding: 0;
  			max-width: 1100px;
  			font-size: 24px;
  			font-weight: normal;
 
		}
		.content_section_subject_area {
  			margin: 0 auto 10px;
			/*  margin: 0 auto 45px; */
  			padding: 0;
  			max-width: 1100px;
  			text-align: left;
			border-top:solid 2px #FFF;
			border-left:solid 2px #FFF;
			border-right:solid 1px #DDD;
			border-bottom:solid 1px #DDD;
			background-color:#F8F8F8;
		}
		.content_section_subject {
			padding-left:10px;
			border-left:solid 5px #F80;
  			border-radius: 3px;
  			font-size: 1.05em;
  			font-weight: normal;
		}

		h2.content_section_subject {
			padding-left:10px;
			border-left:solid 10px #FC0;
  			font-size: 1.2em;
  			font-weight: bold;
			margin-bottom:10px;
			margin-top:32px;
		}

		.document_area{
			width:1100px;
			margin:0 auto;
			overflow:hidden;
			}
		.document_subject {
  			font-size: 1em;
			line-height:130%;
  			font-weight: bold;
			padding:0 auto;
			margin:0 auto;
			margin-top:10px;
		}
		.document_subject_margin {
			padding:5px 5px;
			margin:0 0 5px;
		}
		.subheading{
				font-size:1em;
				line-height:1em;
				font-weight:bold;

				margin:5px 5px;
				}
		/*キャッチフレーズ　floatで次の項目を強制的に回り込み*/
		.catchphrase{
			font-size:1em;
			font-weight:bold;
			line-height:130%;
			margin-top:10px;
			margin-bottom:5px;
			}

		.document_box{
			width:1035px;
			margin:0 auto;border:1px solid #DDDDDD;
			margin-left: 2em; padding:5px 14px;}

		/*字下げ段落*/
		.indext_text{
			padding-left: 2em; 
			text-indent: -2em; margin:0 auto;
			}

		.text_sentence_area{
			width:1100px;margin:0 auto;
			margin-bottom:5px;margin-top:15px;
			}
		/*日付などに使用　テキストの右寄せ*/
		.sentence_right{
			text-align:right;
			}
		.sentence_left{
			float:left;
			}
		/*テキストの中央寄せ*/
		.sentence_center{
			text-align:center;
			}
		/*小文字*/
		.sentence_small{font-size:0.8rem;}
		/*大文字*/
		.sentence_large{font-size:1.4rem;}
		/*特大文字*/
		.sentence_big{font-size:1.8rem;}
		/*特大文字*/
		.sentence_biglarge{font-size:2.2rem;}
		/*超特大文字*/
		.sentence_bigbig{font-size:2.6rem;}
		/*太文字*/
		.sentence_bold{font-weight:bold;}
		/*普通文字*/
		.sentence_normal{font-size:1.0rem;}

		/*グリッド・レイアウト*/
		ul.grid_box{display: flex;
				list-style: none;
				width:auto;
				padding: 0;
				margin: 0;
				margin-bottom:5px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li{
				display: block;
				width:100%;
				min-height: 10px;
				margin-right:5px;
				padding: 0 auto;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				word-break: break-all;
				word-wrap: break-all;
				}
		ul.grid_box li:last-child{
				margin-right:0;
				}
		ul.grid_box li.borderstyle{
				border: 1px solid #ccc;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.round_borderstyle{
				border: 1px solid #ccc;
				border-top-left-radius: 10px;     /* 左上 */
				border-top-right-radius: 10px;    /* 右上 */
				border-bottom-right-radius: 10px; /* 右下 */
				border-bottom-left-radius: 10px;  /* 左下 */
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}

		/*BOX内のタイトル*/
		ul.grid_box li .grid_box_title{
				font-size:1em;
				line-height:1em;
				font-weight:bold;
				padding:5px 5px;
				}
		ul.grid_box li .grid_box_subject{
				font-size:1em;
				line-height:1em;
				font-weight:bold;
				padding:5px 5px;
				margin:5px 5px;
				}
		ul.grid_box li .text_center{
				text-align:center;
				}
		/*BOX内のテキスト*/
		ul.grid_box li p{
				word-break: break-all;
				word-wrap: break-all;
				}
		ul.grid_box li p.small_text{
				font-size:0.85em;
				padding:8px 8px;
				line-height:1.2em;
				word-break: break-all;
				word-wrap: break-all;
				}
		ul.grid_box li p.normal_text{
				line-height:1em;
				word-break: break-all;
				word-wrap: break-all;
				overflow-wrap: break-word;
				word-wrap: break-word;
				}
		ul.grid_box li .grid_box_document{
				padding:5px 5px;
				line-height:1em;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				text-align:left;
				}
		ul.grid_box li .grid_box_document_subject{
				font-size:0.8em;
				line-height:1em;
				font-weight:bold;
				padding:5px 5px;
				margin:0 auto 2px;
				width:75%;
				text-align:center;
				}
		/*BOXの横幅指定*/
		ul.grid_box li.box10{
				flex-basis:  10px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box25{
				flex-basis:  25px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box50{
				flex-basis:  50px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box100{
				flex-basis:  100px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box150{
				flex-basis:  150px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box200{
				flex-basis:  200px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box250{
				flex-basis:  250px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box300{
				flex-basis:  300px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box350{
				flex-basis:  350px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box400{
				flex-basis:  400px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box450{
				flex-basis:  450px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box500{
				flex-basis:  500px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box550{
				flex-basis:  550px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box600{
				flex-basis:  600px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box650{
				flex-basis:  650px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box700{
				flex-basis:  700px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box750{
				flex-basis:  750px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.box800{
				flex-basis:  800px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}

		ul.grid_box li.boxauto{
				flex-basis:  auto;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.boxquarter{
				flex-basis:  25%;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
		ul.grid_box li.boxhalf{
				flex-basis:  50%;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
 		.document_area dl dt{padding:1px 1px;margin:1px 1px;vertical-align:middle;text-align:center;}
 		.document_area dl dt img{padding:5px 5px;margin:5px 5px;vertical-align:middle;text-align:center;}
		.document_area dl dd{padding:1px 5px;margin:5px 5px;vertical-align:top;
					  			word-break: break-all;}
		.document_area dl dd:after{
  			display: block;
  			content: "";
  			clear: both;
		}
		.form_table_area{
			/*width:1100px;*/
			width:100%;
			margin:0 auto;
  			border: 1px solid #ccc;
  			border-top: none;padding-bottom:0px;margin-bottom:0px;
  		}
		.form_table_area dt{
  			/*width: 20%;*/
			width:20%;
    			float: left;
  			padding: 6px 10px 6px;
			font-size: 1.0rem;font-weight:bold;line-height:180%;
  			border-top: 1px solid #ccc;
  			box-sizing: border-box;padding-bottom:0px;margin-bottom:0px;
		}
		.form_table_area dd{
 			margin-left: 20%;
 			padding: 6px 10px 6px;
  			border-left: 0px solid #ccc;
  			border-top: 1px solid #ccc;
			background-color:#FFF;padding-bottom:0px;margin-bottom:0px;
		}
		.form_table_area dd:after{
  			display: block;
  			content: "";
  			clear: both;
		}

		.concierge_table{
			width:100%;
			margin:0 auto;
			text-align:left;
  		}
		.concierge_table dl{
			margin:0 auto;
  			border-top: none;padding-bottom:0px;margin-bottom:0px;
			text-align:left;
  		}
		.concierge_table dt{
			padding:5px 5px 5px 5px ;
			font-size: 1.0rem;font-weight:bold;line-height:180%;
			color:#FFFFFF;
			background-color:#9f9fa0;
		}
		.concierge_table dd{
			padding:5px 5px 5px 5px ;
			font-size: 0.9rem;
			line-height:140%;
			background-color:#e8e8e8;
		}
		.concierge_table dd:after{
  			display: block;
  			content: "";
  			clear: both;
		}
		.concierge01_bg{height:500px;
				background:url('../images/hojin_power_bg.png') bottom right no-repeat ;}
		.concierge_bg{background:url('../images/concierge_bg.png');}

		.concept_reason01_bg{height:350px;
				background:url('../images/hojin_power01_bg.png') bottom right no-repeat ;}
		.concept_record01_bg{height:350px;
				background:url('../images/hojin_power02_bg.png') bottom right no-repeat ;}
 		.concept_scale01_bg{height:650px;
 				background:url('../images/scale01_bg.png') bottom right no-repeat ;}
 		.main_bg{height:300px; padding:0 auto;
 				background: #cde4f2 url('../images/mainimg_concept_bg.jpg') bottom right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
 		.link01_bg{height:80px; padding:0 auto;
 				background: #61b0cf url('../images/link01_bg.png') top right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
 		.link02_bg{height:80px; padding:0 auto;
 				background: #61b0cf url('../images/link02_bg.png') top right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
 		.link03_bg{height:80px; padding:0 auto;
 				background: #61b0cf url('../images/link03_bg.png') top right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
 		.link04_bg{height:80px; padding:0 auto;
 				background: #61b0cf url('../images/link04_bg.png') top right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
 		.link05_bg{height:80px; padding:0 auto;
 				background: #61b0cf url('../images/link05_bg.png') top right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
 		.link06_bg{height:80px; padding:0 auto;
 				background: #31b7f4 url('../images/link06_bg.png') top right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
 		.link07_bg{height:80px; padding:0 auto;
 				background: #FFFFFF url('../images/link07_bg.png') top right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
 		.link08_bg{height:80px; padding:0 auto;
 				background: #FFFFFF url('../images/link08_bg.png') bottom right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
 		.link09_bg{height:80px; padding:0 auto;
 				background: #FFFFFF url('../images/link09_bg.png') bottom right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
 		.link10_bg{height:80px; padding:0 auto;
 				background: #FFFFFF url('../images/link10_bg.png') bottom right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
 		.link11_bg{height:80px; padding:0 auto;
 				background: #9ee2ff url('../images/link11_bg.png') top right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
		.button_text_area_big{
			padding-top:30px;padding-left:15px;padding-bottom:15px;padding-right:15px;
			font-size:1.9em;font-weight:bold;line-height:100%;
			word-wrap: break-word;
			word-break: break-all;
			overflow:auto;}
		.button_text_area_long{
			position: relative;
			padding-top:18px;padding-left:15px;padding-bottom:15px;padding-right:15px;
			font-size:1.3em;font-weight:bold;line-height:100%;
			word-wrap: break-word;
			word-break: break-all;
			overflow:auto;}
		.button_text_area_normal{
			padding-top:32px;padding-left:10px;padding-bottom:10px;padding-right:10px;
			font-size:1.4em;font-weight:normal;line-height:100%;
			word-wrap: break-word;
			word-break: break-all;
			overflow:auto;}
		.button_text_area_rows{
			padding-top:15px;padding-left:10px;padding-bottom:10px;padding-right:10px;
			font-size:1.2em;font-weight:normal;line-height:130%;
			word-wrap: break-word;
			word-break: break-all;
			overflow:auto;}
		.button_text_area_center_pc{text-align:center;}
		.button_text_area_center_sp{text-align:left;}
		.button_text_area_center{text-align:center;}
		.button_text_long{width:100%;}
		.button_text_small{font-size:0.6em;line-height:100%;width:100%;margin-top:10px;}
/* 2019/01/28 途中 */
		.img_btn00{position:relative;
				vertical-align:middle;
 				text-align:left;
				}
		.img_btn01{width:100%;height:60px;
				position:absolute;
				width:545px;height:80px;
				background: #EEEEEE url('../images/menu_01m.png') bottom right no-repeat;
				background-size: cover;}
		.img_btn02{	
				color:#FF0000;
				font-size:0em;}

@media screen and (max-width: 1100px) {
		.form_table_area{width:auto;}
		.form_table_area dt{
    			width: 100%;
    			float: none;
  		}
		.form_table_area dd{
    			margin-left: auto;
    			border-left: none;
  		}
		.kanri_top_image{width: 100%;
				margin-bottom:0px;
				padding-bottom:0px;}
		.img_btn{width:100%;height:80px;}
		.img_btn01{width:100%;height:80px;}
	#notab-mode{display:none;}
	#tab-mode{display:block;}
	#sp-mode{display:none;}
	}
@media screen and (max-width: 768px) {
		.form_table_area{width:auto;}
		.form_table_area dt{
    			width: 100%;
    			float: none;
  		}
		.form_table_area dd{
    			margin-left: auto;
    			border-left: none;
  		}
		.concierge01_bg{
				background-image : none;
				background : url(none);
				height:auto;}
		.concept_reason01_bg{
				background-image : none;
				background : url(none);
				height:auto;}
		.concept_record01_bg{
				background-image : none;
				background : url(none);
				height:auto;}
		.concept_scale01_bg{
				background-image : none;
				background : url(none);
				height:auto;}
		.main_bg{
				background-color : #cde4f2;
				background-image : none;
				background :#cde4f2 url(none);
				height:auto;
				margin:0 0 0 0;padding:0 0 0 0;}
		.button_text_area_long{
			padding-top:20px;padding-left:10px;padding-bottom:10px;padding-right:10px;
			font-size:1.4em;font-weight:normal;line-height:100%;
			word-wrap: break-word;
			word-break: break-all;
			overflow:auto;}
 		.link08_bg{height:80px; padding:0 auto;
 				background: #FFFFFF url('../images/link08_bg_sp.png') bottom right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
 		.link11_bg{height:80px; padding:0 auto;
 				background: #9ee2ff url('../images/link11_bg.png') bottom right no-repeat;
				margin-bottom:0px;
				padding-bottom:0px;}
		.button_text_area_center_pc{text-align:left;}
		.button_text_area_center_sp{text-align:center;}
		.button_text_long{font-size:0.9em;line-height:100%;width:70%;}
		.button_text_small{font-size:0.6em;line-height:100%;width:70%;margin-top:0px;}
	#pc-mode{display:none;}
	#tab-mode{display:none;}
	#sp-mode{display:block;}
	}
@media screen and (max-width: 640px) {
		.flex_image{width:100%;}
		/*小文字*/
		.sentence_small{font-size:0.8rem;}
		/*大文字*/
		.sentence_large{font-size:1.0rem;}
		/*特大文字*/
		.sentence_big{font-size:1.2rem;}
		/*超特大文字*/
		.sentence_biglarge{font-size:1.8rem;}
	}
/*
================================================== */
/* フォーム領域 */

		.form_area{width:1080px;margin:0 auto;border:1px solid #DDDDDD;
				padding-bottom:0px;margin-bottom:0px;
				padding-top:0px;
				padding-left:10px;
				padding-right:10px;
			}
		.form_area legend{  font-size: 1.0rem;font-weight:bold;}

/* フォーム以外の領域 */

		.option_area{width:1100px;margin:0 auto;border:none;
				padding-bottom:0px;
				margin-bottom:0px;
				padding-right:5px;
				padding-top:10px;
				padding-left:5px;
				}
		.option_area:after{
  			display: block;
  			content: "";
  			clear: both;
		}

		.center_area{
			width:1100px;
			margin:0 auto;
			overflow:hidden;
			text-align:center;
			}
		.button_area{
			width:1100px;
			margin:0 auto;overflow:hidden;
			text-align:center;
			}
		.kanri_button_area{
			width:1100px;
			margin:0 auto;overflow:hidden;
			text-align:center;
			}

/* 必須ラベル (IE11でも角丸がうまくいかない) */
		.form_required{
			background-color:#FF4422;color:#FFF;font-size:0.6em;line-height:65%;
			padding:2px 8px 2px 8px;
			margin-left:6px;
			margin-right:6px;
				border-top-left-radius: 5px;     /* 左上 */
				border-top-right-radius: 5px;    /* 右上 */
				border-bottom-right-radius: 5px; /* 右下 */
				border-bottom-left-radius: 5px;  /* 左下 */
		vertical-align:middle;
		}

/*
================================================== */
/* フォーム群の横幅指定 */

		.position-right{float:right;padding-bottom:0px;margin-bottom:0px;}
		.position-right::after{
  			display: block;
  			content: '';
  			clear: both;
		}

		.label_list {
  			margin: auto;
  			padding-top: 3px; 
  			padding-bottom: 2px; 
			/*  padding-bottom: 45px;*/
  			max-width: 1100px;
  			line-height: 1.2em;
		}
		.label_list::after {
  			display: block;
  			content: '';
  			clear: both;
		}
			/* センタリングの場合*/
		.label_list_center {
  			margin:0 auto;
  			padding-top: 3px; 
  			padding-bottom: 2px; 
   			line-height: 1.2em;
		}
		.label_list_center::after {
  			display: block;
  			content: '';
  			clear: both;
		}

		.label_subject {
  			margin: 0 auto 6px;
			font-weight:bold;
			color:#888;
			font-size:0.95em;
		}

		.label_list_item {
  			float: left;
  			margin: 0 auto 4px;;
			/*  width: 25%;
  			max-width: 225px;*/
  			min-width: 30px;
		}
		.label_list_item label {
  			position: relative;
  			display: block;
  			word-break: break-all;
			margin-right:10px;
			cursor:default;
		}
		.label_list_item label input[type="checkbox"] + span,
		.label_list_item label input[type="radio"] + span {
  			position: relative;
  			padding: 0 10px 5px 25px;
			/*  padding: 0 30px 0 35px;*/
		}

		.label_list_item_center {
  			margin: 0 auto 4px;;
			/*  width: 25%;
  			max-width: 225px;*/
  			min-width: 30px;
		}
		.label_list_item_center label {
  			position: relative;
  			display: inline;
  			word-break: break-all;
			margin-right:10px;
			cursor:default;
		}
		.label_list_item_center label input[type="checkbox"] + span,
		.label_list_item_center label input[type="radio"] + span {
  			position: relative;
  			padding: 0 10px 5px 25px;
			/*  padding: 0 30px 0 35px;*/
		}

/*
================================================== */
/* テキストボックス　指定  */
		/* chrome対策  */

		input[type="text"]:focus {
  			outline: 0;
  			border-color: #888888;
		}
		textarea:focus {
  			outline: 0;
  			border-color: #888888;
		}
		input[type="text"]::placeholder {
  			color: #CCCCCC;
		}
		input[type="text"]:placeholder-shown {
  			color: #CCCCCC;
		}

		/* Google Chrome, Safari, Opera 15+, Android, iOS */
		input[type="text"]::-webkit-input-placeholder {
  			color: #CCCCCC;
		}
		/* Firefox 18- */
		input[type="text"]:-moz-placeholder {
  			color: #CCCCCC;
			opacity: 1;
		}
		/* Firefox 19+ */
		input[type="text"]::-moz-placeholder {
  			color: #CCCCCC;
			opacity: 1;
		}
		/* IE */
		input[type="text"]:-ms-input-placeholder {
  			color: #CCCCCC;
		}

		/* Edge */
		input[type="text"]::-ms-input-placeholder {
  			color: #CCCCCC;
		}
		.label_list_item label input[type="text"].textbox_l,
		.label_list_item label input[type="tel"].textbox_l,
		.label_list_item label input[type="number"].textbox_l{
			border:0;
			padding:5px;
			font-size:1.0em;
			border:solid 2px #ccc;
			margin:0 10px 5px 0;
			width:auto;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
			-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
			box-shadow: inner 0 0 1px rgba(0, 0, 0, 0.2);
		}
		.label_list_item label input[type="text"].textbox_m,
		.label_list_item label input[type="tel"].textbox_m,
		.label_list_item label input[type="number"].textbox_m{
			border:0;
			padding:5px;
			font-size:1.0em;
			border:solid 2px #ccc;
			margin:0 10px 5px 0;
			width:300px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
			-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
			box-shadow: inner 0 0 1px rgba(0, 0, 0, 0.2);
		}
		.label_list_item label input[type="text"].textbox_s,
		.label_list_item label input[type="tel"].textbox_s,
		.label_list_item label input[type="number"].textbox_s{
			border:0;
			padding:5px;
			font-size:1.0em;
			border:solid 2px #ccc;
			margin:0 10px 5px 0;
			width:100px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
			-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
			box-shadow: inner 0 0 1px rgba(0, 0, 0, 0.2);
		}

		.label_list_item label input[type="text"].red:focus,
		.label_list_item label input[type="tel"].red:focus,
		.label_list_item label input[type="number"].red:focus,
		.label_list_item label input[type="password"].red:focus {
    			border:solid 2px #FF0000;
		}
		.label_list_item label input[type="text"].blue:focus,
		.label_list_item label input[type="tel"].blue:focus,
		.label_list_item label input[type="number"].blue:focus,
		.label_list_item label input[type="password"].blue:focus {
    			border:solid 2px #41a5eb;
		}

		.label_list_item label input[type="text"].marineblue:focus,
		.label_list_item label input[type="tel"].marineblue:focus,
		.label_list_item label input[type="number"].marineblue:focus,
		.label_list_item label input[type="password"].marineblue:focus {
    			border:solid 2px #00acc1;
		}
		.label_list_item label input[type="text"].magenta:focus,
		.label_list_item label input[type="tel"].magenta:focus,
		.label_list_item label input[type="number"].magenta:focus,
		.label_list_item label input[type="password"].magenta:focus {
    			border:solid 2px #ec407a;
		}
		.label_list_item label input[type="text"].green:focus,
		.label_list_item label input[type="tel"].green:focus,
		.label_list_item label input[type="number"].green:focus,
		.label_list_item label input[type="password"].green:focus {
    			border:solid 2px #4caf50;
		}

		.label_list_item label input[type="text"].navy:focus,
		.label_list_item label input[type="tel"].navy:focus,
		.label_list_item label input[type="number"].navy:focus,
		.label_list_item label input[type="password"].navy:focus {
    			border:solid 2px #7070C0;
		}
		.label_list_item label input[type="text"].orange:focus,
		.label_list_item label input[type="tel"].orange:focus,
		.label_list_item label input[type="number"].orange:focus,
		.label_list_item label input[type="password"].orange:focus {
    			border:solid 2px #ff5722;
		}
		.label_list_item label input[type="text"].yellow:focus,
		.label_list_item label input[type="tel"].yellow:focus,
		.label_list_item label input[type="number"].yellow:focus,
		.label_list_item label input[type="password"].yellow:focus {
    			border:solid 2px #EEA34A;
		}
		.label_list_item label input[type="text"].purple:focus,
		.label_list_item label input[type="tel"].purple:focus,
		.label_list_item label input[type="number"].purple:focus,
		.label_list_item label input[type="password"].purple:focus {
    			border:solid 2px #A36ADE;
		}
		.label_list_item label input[type="text"].black:focus,
		.label_list_item label input[type="tel"].black:focus,
		.label_list_item label input[type="number"].black:focus,
		.label_list_item label input[type="password"].black:focus {
    			border:solid 2px #616161;
		}
		.label_list_item label input[type="text"].kanri_navy:focus,
		.label_list_item label input[type="tel"].kanri_navy:focus,
		.label_list_item label input[type="number"].kanri_navy:focus,
		.label_list_item label input[type="password"].kanri_navy:focus {
    			border:solid 2px #01437d;
		}
		.label_list_item label input[type="text"]:focus,
		.label_list_item label input[type="tel"]:focus,
		.label_list_item label input[type="number"]:focus,
		.label_list_item label input[type="password"]:focus {
    			border:solid 2px #78909c;
		}

		.label_list_item label textarea{
			border:0;
			padding:5px;
			font-size:1.0em;
			border:solid 2px #ccc;
			margin:0 10px 5px 0;
			width:730px;
			height:90px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.2);
			-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
			box-shadow: inner 0 0 1px rgba(0, 0, 0, 0.2);
			resize: horizontal;
		}

		.label_list_item label textarea.red:focus {
    			border:solid 2px #FF0000;
		}
		.label_list_item label textarea.blue:focus {
    			border:solid 2px #41a5eb;
		}

		.label_list_item label textarea.marineblue:focus {
    			border:solid 2px #00acc1;
		}
		.label_list_item label textarea.magenta:focus {
    			border:solid 2px #ec407a;
		}
		.label_list_item label textarea.green:focus {
    			border:solid 2px #4caf50;
		}

		.label_list_item label textarea.navy:focus {
    			border:solid 2px #7070C0;
		}
		.label_list_item label textarea.orange:focus {
    			border:solid 2px #ff5722;
		}
		.label_list_item label textarea.yellow:focus {
    			border:solid 2px #EEA34A;
		}
		.label_list_item label textarea.purple:focus {
    			border:solid 2px #A36ADE;
		}
		.label_list_item label textarea.black:focus {
    			border:solid 2px #616161;
		}
		.label_list_item label textarea.kanri_navy:focus {
    			border:solid 2px #01437d;
		}
		.label_list_item label textarea:focus {
    			border:solid 2px #78909c;
		}

@media screen and (max-width: 900px) {
		.label_list_item label textarea{
			width:750px;
			height:90px;
  			position: relative;
			display:inline-block;
			resize: horizontal;
			}
		}
@media screen and (max-width: 800px) {
		.label_list_item label textarea{
			width:590px;
			height:150px;
			}
		}
@media screen and (max-width: 720px) {
		.label_list_item label textarea{
			width:430px;
			height:150px;
			}
		}
@media screen and (max-width: 500px) {
		.label_list_item label textarea{
			width:300px;
			height:200px;
			}
		}
@media screen and (max-width: 420px) {
		.label_list_item label input[type="text"].textbox_l,
		.label_list_item label input[type="tel"].textbox_l,
		.label_list_item label input[type="number"].textbox_l{
  			width: 100%;
  			position: relative;
			display:inline-block;
		}
		.label_list_item label input[type="text"].textbox_m,
		.label_list_item label input[type="tel"].textbox_m,
		.label_list_item label input[type="number"].textbox_m{
  			width: 100%;
  			position: relative;
			display:inline-block;
		}
		.label_list_item label input[type="text"].textbox_s,
		.label_list_item label input[type="tel"].textbox_s,
		.label_list_item label input[type="number"].textbox_s{
			position: relative;
			display:inline-block;
		}
		.label_list_item label textarea{
  			width: 100%;
  			position: relative;
			display:inline-block;
		}
	}
@media screen and (max-width: 320px) {

	}

/*
================================================== */
/*  TEXT COLOR */

		.redtext {
  			color: #FF0000;
		}
		.bluetext {
  			color: #41a5eb;
		}
		.marinebluetext {
  			color: #00acc1;
		}
		.magentatext {
  			color: #ec407a;
		}
		.greentext {
  			color: #4caf50;
		}
		.navytext {
  			color: #7070C0;
		}
		.orangetext {
  			color: #ff5722;
		}
		.yellowtext {
  			color: #EEA34A;
		}
		.purpletext {
  			color: #A36ADE;
		}
		.blacktext {
  			color: #616161;
		}
		.whitetext {
  			color: #FFFFFF;
		}
		.silvertext {
  			color: #EDEDED;
		}
		.kanri_navytext {
  			color: #01437d;
		}
		.kanri_yellowtext {
  			color: #ffe807;
		}
		.jogjog_orangetext{
			color:#ef9501;
		}
		.greytext {
  			color: #484848;
		}

		.bluebg_lite{background-color:#f6f9fb;}
		.marinebluebg_lite{background-color:#f4f9fa;}
		.magentabg_lite{background-color:#fbf6f8;}
		.greenbg_lite{background-color:#f6faf7;}
		.navybg_lite{background-color:#f8f8fa;}
		.orangebg_lite{background-color:#fcf7f5;}
		.yellowbg_lite{background-color:#fefcf9;}
		.purplebg_lite{background-color:#f9f7fb;}
		.blackbg_lite{background-color:#f7f7f7;}
		.whitebg_lite{background-color:#FFFFFF;}

		.redbg{background-color:#FF0000;}
		.bluebg{background-color:#41a5eb;}
		.marinebluebg{background-color:#00acc1;}
		.magentabg{background-color:#ec407a;}
		.greenbg{background-color:#4caf50;}
		.navybg{background-color:#7070C0;}
		.orangebg{background-color:#ff5722;}
		.yellowbg{background-color:#ffe807;}
		.purplebg{background-color:#A36ADE;}
		.blackbg{background-color:#616161;}
		.whitebg{background-color:#FFFFFF;}

		.kanri_navybg{background-color:#01437d;}
		.kanri_yellowbg{background-color:#ffe807;}
		.kanri_silverbg{background-color:#e9e5e2;}

		.kanri_rainbow01{color:#f4a07e;}
		.kanri_rainbow02{color:#f9c579;}
		.kanri_rainbow03{color:#fbe997;}
		.kanri_rainbow04{color:#c4de9d;}
		.kanri_rainbow05{color:#bce8f5;}
		.kanri_rainbow06{color:#99c4e7;}
		.kanri_rainbow07{color:#dcb9d7;}

/*
================================================== */
/*  CHECKBOX */

		.checkbox-style label input[type="checkbox"] + span.blue::before {
  			border-color: #41a5eb;
		}
		.checkbox-style label input[type="checkbox"]:checked + span.blue::before {
  			background-color: #41a5eb;
		}
		.checkbox-style label input[type="checkbox"] + span.marineblue::before {
  			border-color: #00acc1;
		}
		.checkbox-style label input[type="checkbox"]:checked + span.marineblue::before {
  			background-color: #00acc1;
		}
		.checkbox-style label input[type="checkbox"] + span.magenta::before {
  			border-color: #ec407a;
		}
		.checkbox-style label input[type="checkbox"]:checked + span.magenta::before {
  			background-color: #ec407a;
		}
		.checkbox-style label input[type="checkbox"] + span.green::before {
  			border-color: #4caf50;
		}
		.checkbox-style label input[type="checkbox"]:checked + span.green::before {
  			background-color: #4caf50;
		}
		.checkbox-style label input[type="checkbox"] + span.navy::before {
  			border-color: #7070C0;
		}
		.checkbox-style label input[type="checkbox"]:checked + span.navy::before {
  			background-color: #7070C0;
		}
		.checkbox-style label input[type="checkbox"] + span.orange::before {
  			border-color: #ff5722;
		}
		.checkbox-style label input[type="checkbox"]:checked + span.orange::before {
  			background-color: #ff5722;
		}
		.checkbox-style label input[type="checkbox"] + span.yellow::before {
  			border-color: #EEA34A;
		}
		.checkbox-style label input[type="checkbox"]:checked + span.yellow::before {
  			background-color: #EEA34A;
		}
		.checkbox-style label input[type="checkbox"] + span.purple::before {
  			border-color: #A36ADE;
		}
		.checkbox-style label input[type="checkbox"]:checked + span.purple::before {
  			background-color: #A36ADE;
		}
		.checkbox-style label input[type="checkbox"] + span.black::before {
  			border-color: #616161;
		}
		.checkbox-style label input[type="checkbox"]:checked + span.black::before {
  			background-color: #616161;
		}

		.checkbox-style label span {
  			display: inline-block;
			vertical-align:middle;
			line-height:155%;
		}
		.checkbox-style label input[type="checkbox"] {
  			position: absolute;
  			top: 0;
  			left: 0;
  			opacity: 0;
		}
		.checkbox-style label input[type="checkbox"] + span::before,
		.checkbox-style label input[type="checkbox"] + span::after {
  			position: absolute;
  			top: 0;
  			left: 0;
  			display: inline-block;
  			content: '';
  			box-sizing: border-box;
		}
		.checkbox-style label input[type="checkbox"] + span::before {
  			z-index: 0;
  			background-color: transparent;
  			width: 22px;
  			height: 22px;
  			border: 2px #78909c solid;
  			border-radius: 5px;
		}
		.checkbox-style label input[type="checkbox"] + span::after {
  			z-index: 1;
  			margin: 5px 8px;
  			width: 6px;
  			height: 9px;
		}
		.checkbox-style label input[type="checkbox"]:checked + span::before {
  			background-color: #78909c;
		}
		.checkbox-style label input[type="checkbox"]:checked + span::after {
  			border: 2px solid #fff;
  			border-width: 0 2px 2px 0;
  			-webkit-transform: rotate(45deg);
      			-ms-transform: rotate(45deg);
          		transform: rotate(45deg);
		}
		.checkbox-style label input[type="checkbox"]:disabled + span.blue::before,
		.checkbox-style label input[type="checkbox"]:disabled + span.marineblue::before,
		.checkbox-style label input[type="checkbox"]:disabled + span.magenta::before,
		.checkbox-style label input[type="checkbox"]:disabled + span.navy::before,
		.checkbox-style label input[type="checkbox"]:disabled + span.green::before,
		.checkbox-style label input[type="checkbox"]:disabled + span.orange::before,
		.checkbox-style label input[type="checkbox"]:disabled + span.yellow::before,
		.checkbox-style label input[type="checkbox"]:disabled + span.purple::before,
		.checkbox-style label input[type="checkbox"]:disabled + span.black::before {
  			background-color: #DDDDDD;
  			border-color: #CCCCCC;
		}
		.checkbox-style label input[type="checkbox"]:disabled + span::before {
  			z-index: 0;
  			background-color: transparent;
  			width: 22px;
  			height: 22px;
  			background-color: #DDDDDD;
  			border: 2px #CCCCCC solid;
  			border-radius: 5px;
		}

/*
================================================== */
/* RADIO BUTTON */

		.radio-style label input[type="radio"] + span.blue::before {
  			border-color: #41a5eb;
		}
		.radio-style label input[type="radio"] + span.marineblue::before {
  			border-color: #00acc1;
		}
		.radio-style label input[type="radio"] + span.magenta::before {
  			border-color: #ec407a;
		}
		.radio-style label input[type="radio"] + span.green::before {
  			border-color: #4caf50;
		}
		.radio-style label input[type="radio"] + span.navy::before {
  			border-color: #7070C0;
		}
		.radio-style label input[type="radio"] + span.orange::before {
  			border-color: #ff5722;
		}
		.radio-style label input[type="radio"] + span.yellow::before {
  			border-color: #EEA34A;
		}
		.radio-style label input[type="radio"] + span.purple::before {
  			border-color: #A36ADE;
		}
		.radio-style label input[type="radio"] + span.black::before {
  			border-color: #616161;
		}
		.radio-style label span {
  			display: inline-block;
			vertical-align:middle;
			line-height:155%;
		}
		.radio-style label input[type="radio"] {
  			position: absolute;
  			top: 0;
  			left: 0;
  			opacity: 0;
		}
		.radio-style label input[type="radio"] + span::before {
  			position: absolute;
  			display: inline-block;
  			content: '';
  			box-sizing: border-box;
  			border-radius: 22px;
		}
		.radio-style label input[type="radio"] + span::before {
  			z-index: 0;
  			top: 0;
  			left: 0;
  			background-color: transparent;
  			width: 22px;
  			height: 22px;
  			border: 2px #78909c solid;
		}
		.radio-style label input[type="radio"]:checked + span::before {
  			border-width: 6px;
		}

		.radio-style label input[type="radio"]:disabled + span.blue::before,
		.radio-style label input[type="radio"]:disabled + span.marineblue::before,
		.radio-style label input[type="radio"]:disabled + span.magenta::before,
		.radio-style label input[type="radio"]:disabled + span.navy::before,
		.radio-style label input[type="radio"]:disabled + span.green::before,
		.radio-style label input[type="radio"]:disabled + span.orange::before,
		.radio-style label input[type="radio"]:disabled + span.yellow::before,
		.radio-style label input[type="radio"]:disabled + span.purple::before,
		.radio-style label input[type="radio"]:disabled + span.black::before {
  			border-color: #CCCCCC;
  			background-color: #DDDDDD;
		}
		.radio-style label input[type="radio"]:disabled + span::before {
  			z-index: 0;
  			top: 0;
  			left: 0;
  			width: 22px;
  			height: 22px;
  			border: 2px #CCCCCC solid;
  			background-color: #DDDDDD;
		}
/*
================================================== */
/* SELECT BOX */
		.selectWrap{
  		/*	width: 100%;*/
  			position: relative;
  			display: inline-block;
			margin:0 10px 5px 0;
		}
		.selectWrap_l{
 			 width: 540px;
  			position: relative;
  			display: inline-block;
			margin:0 10px 5px 0;
		}
		.selectWrap_m{
  			width: 250px;
  			position: relative;
  			display: inline-block;
			margin:0 10px 5px 0;
		}
		.selectWrap_s{
  			width: 150px;
  			position: relative;
  			display: inline-block;
			margin:0 10px 5px 0;
		}
		.selectWrap_ss{
  			width: 70px;
  			position: relative;
  			display: inline-block;
			margin:0 10px 5px 0;
		}
		.selectWrap::after,
		.selectWrap_l::after,
		.selectWrap_m::after,
		.selectWrap_s::after,
		.selectWrap_ss::after {
  			content: '';
  			width: 6px;
  			height: 6px;
  			border: 0px;
  			border-bottom: solid 2px #888;
  			border-right: solid 2px #888;
  			-ms-transform: rotate(45deg);
  			-webkit-transform: rotate(45deg);
  			transform: rotate(45deg);
  			position: absolute;
  			top: 50%;
  			right: 10px;
  			margin-top: -6px;
		}
		.selectWrap .select,
		.selectWrap_l .select,
		.selectWrap_m .select,
		.selectWrap_s .select,
		.selectWrap_ss .select {
  			-webkit-appearance: none;
  			-moz-appearance: none;
  			appearance: none;
  			width: 100%;
  			height: 34px;
  			background: transparent;
  			position: relative;
  			z-index: 1;
  			padding: 0 34px 0 10px;
  			border: 2px solid #CCCCCC;
  			border-radius: 5px;
			font-size:1.0em;
		}
		select::-ms-expand {
    			display: none;
		}
@media screen and (max-width: 720px) {
		.selectWrap_l,
		.selectWrap_m{width:100%;}
		}


/*
================================================== */
/* SUBMIT BUTTON */

		.button_area button[type="button"],
		.button_area input[type="button"],
		.button_area input[type="submit"] {
    /* 文字サイズを1.4emに指定 */
    font-size: 1.4em;

    /* 文字の太さをboldに指定 */
    font-weight: bold;

    /* 縦方向に10px、
     * 横方向に30pxの余白を指定 */
    padding: 10px 30px;
	margin-bottom:10px;

    /* 文字色を白色に指定 */
    color: #fff;

    /* ボーダーをなくす */
    border: solid 2px #FFFF;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #CCC;
    -moz-box-shadow: 2px 2px 3px 1px #CCC;
    -webkit-box-shadow: 2px 2px 3px 1px #CCC;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #444;

    /* グラデーションの指定 */
    background: linear-gradient(#FFCC88, #FF8844);

    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}

		.button_area button span.text-small{
		font-size:0.7em;line-height:70%;margin-bottom:10px;
		}

		.button_area button[type="button"]:hover,
		.button_area input[type="button"]:hover ,
		.button_area input[type="submit"]:hover  {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#FFDD99, #FF9955);
}
		.button_area button[type="button"]:active,
		.button_area input[type="button"]:active,
		.button_area input[type="submit"]:active {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#FFDD88, #FF9944);
}
		.button_area button[type="button"]:disabled,
		.button_area input[type="button"]:disabled,
		.button_area input[type="submit"]:disabled {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#DDDDDD, #AAAAAA);
}

/*
================================================== */
/* 全体に使えるような BUTTON */



/* 小さい BUTTON */

		.button_area button[type="button"].type_s,
		.button_area input[type="button"].type_s,
		.button_area input[type="submit"].type_s {
    font-size: 0.9em;
    font-weight: normal;
    padding: 3px 5px;
	height:36px;
	width:100px;
	color: #333;
	vertical-align:middle;
	margin-bottom:5px;
    border: solid 2px #AAA;

    box-shadow: 2px 2px 3px 1px #EEE;
    -moz-box-shadow: 2px 2px 3px 1px #EEE;
    -webkit-box-shadow: 2px 2px 3px 1px #EEE;
    text-shadow: 1px 1px 2px #EEE;

    background: linear-gradient(#FEFEFE, #EEEEEE);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}
		.button_area button.type_s span.text-small{
		font-size:0.7em;line-height:70%;margin-bottom:10px;
		}
		.button_area button[type="button"].type_s:hover,
		.button_area input[type="button"].type_s:hover ,
		.button_area input[type="submit"].type_s:hover  {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#FFFFFF, #F8F8F8);
    border: solid 2px #BBB;
	color: #666;
}
		.button_area button[type="button"].type_s:active,
		.button_area input[type="button"].type_s:active,
		.button_area input[type="submit"].type_s:active {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#FFFFFF, #F8F8F8);
    border: solid 2px #666;
	color: #666;
}
		.button_area button[type="button"].type_s:disabled,
		.button_area input[type="button"].type_s:disabled,
		.button_area input[type="submit"].type_s:disabled {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#EEEEEE, #DDDDDD);
    border: solid 2px #CCC;
	color: #888;
}


/* 小さいけど長い BUTTON */

		.button_area button[type="button"].type_sl,
		.button_area input[type="button"].type_sl,
		.button_area input[type="submit"].type_sl {
    font-size: 0.9em;
    font-weight: normal;
    padding: 3px 5px;
	height:36px;
	width:200px;
	color: #333;
	vertical-align:middle;
	margin-bottom:5px;
    border: solid 2px #AAA;

    box-shadow: 2px 2px 3px 1px #EEE;
    -moz-box-shadow: 2px 2px 3px 1px #EEE;
    -webkit-box-shadow: 2px 2px 3px 1px #EEE;
    text-shadow: 1px 1px 2px #EEE;

    background: linear-gradient(#FEFEFE, #EEEEEE);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}
		.button_area button.type_sl span.text-small{
		font-size:0.7em;line-height:70%;margin-bottom:10px;
		}
		.button_area button[type="button"].type_sl:hover,
		.button_area input[type="button"].type_sl:hover ,
		.button_area input[type="submit"].type_sl:hover  {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#FFFFFF, #F8F8F8);
    border: solid 2px #BBB;
	color: #666;
}
		.button_area button[type="button"].type_sl:active,
		.button_area input[type="button"].type_sl:active,
		.button_area input[type="submit"].type_sl:active {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#FFFFFF, #F8F8F8);
    border: solid 2px #666;
	color: #666;
}
		.button_area button[type="button"].type_sl:disabled,
		.button_area input[type="button"].type_sl:disabled,
		.button_area input[type="submit"].type_sl:disabled {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#EEEEEE, #DDDDDD);
    border: solid 2px #CCC;
	color: #888;
}

/* 普通の BUTTON */

		.button_area button[type="button"].type_m,
		.button_area input[type="button"].type_m,
		.button_area input[type="submit"].type_m {
    font-size: 1.0em;
    font-weight: bold;
    padding: 3px 10px;
	text-align:left;
	height:60px;
	width:215px;
	color: #333;
	vertical-align:middle;
	margin-bottom:5px;
    border: solid 2px #AAA;

    box-shadow: 2px 2px 3px 1px #EEE;
    -moz-box-shadow: 2px 2px 3px 1px #EEE;
    -webkit-box-shadow: 2px 2px 3px 1px #EEE;
    text-shadow: 1px 1px 2px #EEE;

    background: linear-gradient(#FEFEFE, #EEEEEE);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}
		.button_area button.type_m span.text-small{
		font-size:0.7em;line-height:70%;margin-bottom:10px;
		}
		.button_area button[type="button"].type_m:hover,
		.button_area input[type="button"].type_m:hover ,
		.button_area input[type="submit"].type_m:hover  {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#FFFFFF, #F8F8F8);
    border: solid 2px #BBB;
	color: #666;
}
		.button_area button[type="button"].type_m:active,
		.button_area input[type="button"].type_m:active,
		.button_area input[type="submit"].type_m:active {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#FFFFFF, #F8F8F8);
    border: solid 2px #666;
	color: #666;
}
		.button_area button[type="button"].type_m:disabled,
		.button_area input[type="button"].type_m:disabled,
		.button_area input[type="submit"].type_m:disabled {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#EEEEEE, #DDDDDD);
    border: solid 2px #CCC;
	color: #888;
}

/* 大きい BUTTON */
		.button_area button[type="button"].type_l,
		.button_area input[type="button"].type_l,
		.button_area input[type="submit"].type_l {
    font-size: 1.0em;
    font-weight: bold;
    padding: 3px 10px;
	text-align:left;
	height:60px;
	width:270px;
	color: #333;
	vertical-align:middle;
	margin-bottom:5px;
    border: solid 2px #AAA;

    box-shadow: 2px 2px 3px 1px #EEE;
    -moz-box-shadow: 2px 2px 3px 1px #EEE;
    -webkit-box-shadow: 2px 2px 3px 1px #EEE;
    text-shadow: 1px 1px 2px #EEE;

    background: linear-gradient(#FEFEFE, #EEEEEE);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}
		.button_area button.type_m span.text-small{
		font-size:0.7em;line-height:70%;margin-bottom:10px;
		}
		.button_area button[type="button"].type_l:hover,
		.button_area input[type="button"].type_l:hover ,
		.button_area input[type="submit"].type_l:hover  {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#FFFFFF, #F8F8F8);
    border: solid 2px #BBB;
	color: #666;
}
		.button_area button[type="button"].type_l:active,
		.button_area input[type="button"].type_l:active,
		.button_area input[type="submit"].type_l:active {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#FFFFFF, #F8F8F8);
    border: solid 2px #666;
	color: #666;
}
		.button_area button[type="button"].type_l:disabled,
		.button_area input[type="button"].type_l:disabled,
		.button_area input[type="submit"].type_l:disabled {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#EEEEEE, #DDDDDD);
    border: solid 2px #CCC;
	color: #888;
}

/* オレンジにする */
		.button_area button[type="button"].orange,
		.button_area input[type="button"].orange,
		.button_area input[type="submit"].orange {
    background: linear-gradient(#FFCC88, #FF8844);
    border: solid 2px #F80;
	color: #FFF;
    text-shadow: 1px 1px 2px #C60;
		}
		.button_area button[type="button"].orange:hover,
		.button_area input[type="button"].orange:hover ,
		.button_area input[type="submit"].orange:hover  {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#FFDD99, #FF9955);
    border: solid 2px #F80;
	color: #FFF;
}
		.button_area button[type="button"].orange:active,
		.button_area input[type="button"].orange:active,
		.button_area input[type="submit"].orange:active {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#FFDD88, #FF9944);
    border: solid 2px #FC0;
	color: #FFF;
}
/* グリーンにする */
		.button_area button[type="button"].green,
		.button_area input[type="button"].green,
		.button_area input[type="submit"].green {
    background: linear-gradient(#bbee77, #99dd55);
    border: solid 2px #628e0c;
	color: #FFF;
    text-shadow: 1px 1px 2px #0C6;
		}
		.button_area button[type="button"].green:hover,
		.button_area input[type="button"].green:hover ,
		.button_area input[type="submit"].green:hover  {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#bbff88, #99ee66);
    border: solid 2px #628e0c;
	color: #FFF;
}
		.button_area button[type="button"].green:active,
		.button_area input[type="button"].green:active,
		.button_area input[type="submit"].green:active {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#CCff88, #AAee66);
    border: solid 2px #628e0c;
	color: #FFF;
}
/* ブルーにする */
		.button_area button[type="button"].blue,
		.button_area input[type="button"].blue,
		.button_area input[type="submit"].blue {
    background: linear-gradient(#77bbee, #5599dd);
    border: solid 2px #0c628e;
	color: #FFF;
    text-shadow: 1px 1px 2px #06C;
		}
		.button_area button[type="button"].blue:hover,
		.button_area input[type="button"].blue:hover ,
		.button_area input[type="submit"].blue:hover  {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#88bbff, #6699ee);
    border: solid 2px #0c628e;
	color: #FFF;
}
		.button_area button[type="button"].blue:active,
		.button_area input[type="button"].blue:active,
		.button_area input[type="submit"].blue:active {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#88CCff, #66AAee);
    border: solid 2px #0c628e;
	color: #FFF;
}

/*
================================================== */
/* アイコン BUTTON */


.call:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/call_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.print:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/print_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.calendar:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/calendar_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.calendar_w:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/calendar_icon_w.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.sendmail:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/sendmail_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.sendmail_w:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/sendmail_icon_w.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.school:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/school_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.gakusei:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/gakusei_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.zoom:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/zoom_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.rent:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/rent_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.sell:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/sell_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.tenant:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/tenant_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.shop:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/shop_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.like:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/like_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}

.back:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/back_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.back2:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/back_icon2.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.map:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/map_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}
.trush:before {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 24px;/*画像の幅*/
  height: 24px;/*画像の高さ*/
  background-image: url(../images/trush_icon.svg);
  background-size: contain;
  vertical-align: middle;
	margin-right:3px;
}


/*
================================================== */
/* 横並びのテーブル(リスト) */

.row-head {
  border-collapse: collapse;
  vertical-align: middle;
  width: 100%;
}
 
.row-head th,
.row-head td {
  border: 1px solid #CCCCCC;  
  padding: 8px;
}
 
.row-head th {
  background: #F0F0F0;
}
 
.row-head label {
  line-height: 34px;
  margin: 0;
}


.row-head td img.madori{
  max-width:5vw;max-height: 5vh;
}

 
@media only screen and (max-width: 640px) {
  .row-head thead {
    display: none;
  }
  
  .row-head tr,
  .row-head td {
    display: block;
    width: auto;
  }
  
  .row-head tr {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 3px 3px rgba(0, 0, 0, .1);
    margin-bottom: 20px;
    padding: 8px 8px 0;
  }

  .row-head tr .shop_header{
	display:none; 
  }
  .row-head .shop_header{
	display:none; 
  }
  
  .row-head td {
    border: none;
    border-bottom: 1px solid #CCCCCC;
    display:flex;
    justify-content: stretch;
    text-align: left;
	word-break: break-all;
	word-wrap: break-word;
  }
  .row-head td.longtext {
    border: none;
    border-bottom: 1px solid #CCCCCC;
    display:inline-block;
    justify-content: stretch;
    text-align: left;
	word-break: break-all;
	word-wrap: break-word;
  }

  .row-head td:last-child {
    border-bottom: none;
  }
  .row-head td::before {
    content: attr(aria-label);
    display: inline-block;
    font-weight: bold;
    float: left;
    text-align: left;
    padding-right: 20px;
    white-space: nowrap;
    font-size: 0.7em;
  }
  
  .row-head td.bt-area::before {
    display: none;
  }
  .row-head td.bt-area a {
    background: #333333;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    flex: 1;
    height: 30px;
    margin: 0 2px;
    overflow: hidden;
    width: auto;
	text-decoration:none;
  }
  .row-head td.bt-area a::before {
    align-items: center;
    content: attr(aria-label);
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: center;
    line-height: 40px;
    width: 100%;
  }
  
  .row-head.header-check tr {
    padding-left: 40px;
    position: relative;
  }
  .row-head.header-check td:first-child {
    align-items: center;
    background: #fff;
    border-right: 1px solid #dbe1e8;
    border-bottom: none;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 40px;
  }
  .row-head.header-check td:first-child::before {
    display: none;
  }

.row-head td img.madori{
  max-width:50vw;max-height: 50vh;
}

}


/*
================================================== */
/* 不動産管理用 BUTTON */

		.kanri_button_area button[type="button"],
		.kanri_button_area input[type="button"],
		.kanri_button_area input[type="submit"] {

	width:100%;
	font-size: 1.2em;
	font-weight: bold;
	padding: 5px 5px;
    	color: #ff0;

    /* ボーダーをなくす */
    border: solid 2px #FFFF;

    /* ボタンの影の指定
     * 影の横幅を2px
     * 縦長を2px
     * ぼかしを3px
     * 広がりを1px
     * 色を#666（グレー）に指定 */
    box-shadow: 2px 2px 3px 1px #CCC;
    -moz-box-shadow: 2px 2px 3px 1px #CCC;
    -webkit-box-shadow: 2px 2px 3px 1px #CCC;

    /* テキストの影の指定
     * 影の横幅を1px
     * 縦長を1px
     * ぼかしを2px
     * 色を#000（黒）に指定 */
    text-shadow: 1px 1px 2px #444;


    /* グラデーションの指定 */
    background: linear-gradient(#256aa4, #00437c);
    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}
		.kanri_button_area button span.text-small{
		font-size:0.7em;line-height:70%;margin-bottom:10px;
		}

		.kanri_button_area button[type="button"]:hover,
		.kanri_button_area input[type="button"]:hover ,
		.kanri_button_area input[type="submit"]:hover  {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#3d82bd, #256aa4);
}
		.kanri_button_area button[type="button"]:active,
		.kanri_button_area input[type="button"]:active,
		.kanri_button_area input[type="submit"]:active {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#3d82bd, #256aa4);
}
		.kanri_button_area button[type="button"]:disabled,
		.kanri_button_area input[type="button"]:disabled,
		.kanri_button_area input[type="submit"]:disabled {
   /* ～ボタン用の装飾～ */
    background: linear-gradient(#a8bbcb, #7e98ae);
	    	color: #eee;
}


/*
================================================== */

@media (max-width: 1100px) {
	.document_area{width:auto;margin:0 auto;}
	.document_box{width:auto;margin:0 auto;}
	.form_area{width:auto;margin:0 auto;}
	.center_area{width:auto;margin:0 auto;}
	.button_area{width:auto;margin:0 auto;}
	.kanri_button_area{width:auto;margin:0 auto;}
	.option_area{width:auto;margin:0 auto;}
	.text_sentence_area{width:auto;margin:0 auto;margin-bottom:5px;margin-top:5px;}
		ul.grid_box {
				display:inline;
				}
		ul.no-inline_box {
				display: flex;
				}
		ul.grid_box li{
				display:block;
				width:100%;
				min-height: 10px;
				margin-right:0;
				margin-top:2px;
				padding: 0 auto;
				}
		ul.grid_box li:last-child{
				margin-top:2px;
				}
		ul.grid_box li.box10,
		ul.grid_box li.box25,
		ul.grid_box li.box50,
		ul.grid_box li.box100,
		ul.grid_box li.box150,
		ul.grid_box li.box200,
		ul.grid_box li.box250, 
		ul.grid_box li.box300,
		ul.grid_box li.box350, 
		ul.grid_box li.box400,
		ul.grid_box li.box450, 
		ul.grid_box li.box500,
		ul.grid_box li.box550, 
		ul.grid_box li.box600,
		ul.grid_box li.box650, 
		ul.grid_box li.box700,
		ul.grid_box li.box750,
		ul.grid_box li.box850    {
				width;auto;
				}
		ul.no-inline_box li{
				display: block;
				width:100%;
				min-height: 50px;
				margin-right:5px;
				padding: 0 auto;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				word-break: break-all;
				word-wrap: break-all;
				}
		ul.no-inline_box li:last-child{
				margin-right:0px;
				}
		.kanri_button_area button[type="button"],
		.kanri_button_area input[type="button"],
		.kanri_button_area input[type="submit"] {
			width:100%;
		}
		.kanri_top_image{}



table.plusone_table {
  border-collapse: collapse;
  vertical-align: middle;
  width: 100%;
	color:#FF0000;
}
 
.plusone_table th,
.plusone_table td {
  border: 1px solid #CCCCCC;  
  padding: 8px;
}
 
.plusone_table th {
  background: #F0F0F0;
}
 
.plusone_table label {
  line-height: 34px;
  margin: 0;
}

	}

@media (max-width: 720px) {
  	.label_list_item {
   		/* width: 50%;*/
    		min-width: 0;
    		max-width: none;
	ul.grid_box li img{width:auto;}

  	}

.content_section_title {
  margin: 0 auto 10px;
  padding: 0;
    min-width: 0;
    max-width: none;
  font-size: 24px;
  font-weight: normal;
}
.label_list {
  padding-bottom: 5px; 
}

}
@media (max-width: 461px) {
.kanri_top_image_mini{width: 100%;}

		.button_area button[type="button"].type_m,
		.button_area input[type="button"].type_m,
		.button_area input[type="submit"].type_m {
		width:100%;
		text-align:center;
		}
		.button_area button[type="button"].type_l,
		.button_area input[type="button"].type_l,
		.button_area input[type="submit"].type_l {
		width:100%;
		text-align:center;
		}
}


#map_style{
	width:100%;height:380px;	border:1px solid #aaaaaa;margin:20px 0;	display: block;	margin-left: auto;margin-right: auto;
}

#footer_stop{height:50px;}

.floating {
  position: fixed;
  padding:auto 0;
  bottom: 0px;
	width:100%;
}

.floating .float-footer {
  display: block;
  color: #000;
  background: #EEE;
  padding: 8px;
  text-decoration: none;
	text-align:center;
}


/*スマホ*/
@media screen and (max-width: 1023px){
	.shop_header{
		display:none;
	}

}
@media (max-width: 780px){
	.shop_header{
		display:none;
	}

}
