@charset "UTF-8";
/*=====================================================================================================================
========================================================================================================================スマートフォン=====767px以下*/
@media only screen and (max-width: 767px) {
	.tab, .pc {
	display:none;
	} 
.sp {
	display:block;
	}
/*footer固定うまくできなかったため、jQueryにした*/	
#wrapper {
	width: 100%;
	min-height:100%;
	min-width: 320px;
	background-image: url(../images/common/header_bg_red.jpg), url(../images/common/back_pattern_gradations.jpg);
	background-position: center top, left top;
	background-size: 100% 40px, auto auto;
	background-repeat: no-repeat, repeat;
}

#container {
	width: 100%;
	min-width: 320px;
	height: auto;
	margin: 10% auto 10% auto;
	display: block;
}
header p {
	line-height: 2em;
	text-align: center;
}


#bread-crumb {
	width: 320px;
	padding-top: 0.5em;
	padding-right: 0;
	padding-left: 2%;
	height: 1.2em;
	padding-bottom: 0.5em;
}
.column {
	width: 100%;
	min-width: 320px;
	text-align: center;
	padding-left: auto;
	padding-right: auto;
	display: block;
}
#logo img {
	width: 100%;
}
.btn {
	width: 46%;
	min-width: 130px;
	float: left;
	border: thin dotted #903;
	height: 250px;
	text-align: center;
	margin-top: 5%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: rgba(255,255,255,0.50);
	display: block;
}
nav.btn ul .btn_style2 li {
	font-size: 14px;
	color: #903;
	padding: 0 1rem;
}
/*footerスクロールした最下に固定がうまくできない為jQueryにした*/
 #footer {
	background-image: url(../images/common/footer_bg_pattern.gif);
	background-position: center bottom;
	background-repeat: repeat;
    padding-top:1%;
	width: 100%;
	height: 100%;
	max-height:150px;
}
.footer_address {
	width: 90%;
	min-width: 320px;
	font-size: 88%;
	line-height: 1.5;
	padding: 0.5%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border: thin solid #09CF00;
	border-radius: 0.8;
	background-color: rgba(255,255,255,0.50);
	}
	
	/*=============Casestudyページ========================*/
.case,.case_graphic,.case_graphic_small{
	margin-top: 2%;
	padding: 2%;
	background-color: rgba(255,255,255,0.75);
	border-radius: 8px;
	width: 95%;
    min-width: 320px;
    height: auto;
	-webkit-box-shadow: 2px 2px 3px #BBBBBB;
	box-shadow: 2px 2px 3px #BBBBBB;
}
.sample {
	width: 90%;
	padding: 2%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	}
.box_line_gray {
	border: 1px solid #656565;
	overflow-x: hidden;
	overflow-y: hidden;
	height: auto;
	}
.box_line_gray_graphic {
	border: 1px solid #656565;
	width: 97%;
	height: auto;
    padding-left: 2%;
	overflow-x: hidden;
	overflow-y: hidden;
	}
.sample_setumei {
	width: 90%;
	padding: 2%;
	font-size: 88%;
	border: 2px solid #E8E8E8;
	}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
スマホinquiryページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#inquiry .content, #conf .content, #send .content, #error .content {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	min-width: 300px;
}
#inquiry #info {
	width: 60%;
	min-width: 280px;
	margin: 0 auto 3% auto;
	overflow: hidden;
}
.sub_title{
	width: 100%;
	height: auto;
	padding: 5% 0;
	min-width: 307px;
	text-align: center;
}
#form_step {
    overflow: hidden;
	width: 87%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 60px;
}
#form_step li {
	float: left;
	width: 35%;
	min-width: 100px;
	height: auto;
}
#form_step li:nth-child(1) {
	background-image: url(../images/inquiry/inquiry_form_step2.svg);
	background-position: left top;
	background-size: 98% 98%;
	background-repeat: no-repeat;
	position: absolute;
	height: 100%;
	display: block;
	width: 37%;
	left: 0%;
	z-index: 30;
	right: auto;
}
#form_step li:nth-child(2) {
	background-image: url(../images/inquiry/inquiry_form_step2.svg);
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 32.5%;
	width: 35%;
	height: 100%;
	display: block;
	z-index: 20;
	right: auto;
}
#form_step li:nth-last-child(1) {
	background-image: url(../images/inquiry/inquiry_form_step3.svg);
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	width: 34%;
	height: 100%;
	display: block;
	z-index: 10;
	left: 65%;
}
#form_step span {
	height: 100%;
	display: flex;
}
#form_step li .step_txt {
	text-decoration: none;
	color: #fff;
	text-indent: 20%;
	line-height: 4em;
	display: inline-block;
	width: 100%;
}
#form_step li .on {
	background-image: url(../images/inquiry/inquiry_form_step1.svg);
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%;
}
#form_step li:nth-last-child(1) .on {
	background-image: url(../images/inquiry/inquiry_form_step4.svg);
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	position: absolute;
	display: block;
	z-index: 11;
}
/*form入力部全体*/
.form-list {
	width: 75%;
	clear: both;
	padding-top: 20px;
	padding-right: 5%;
	padding-bottom: 0;
	padding-left: 5%;
	border: thin solid #336699;
	margin-left: auto;
	margin-right: auto;
}
	
#inquiry #container, #conf #container, #send #container, #error #container {
	width: 100%;
	min-width: 300px;
	height: 100%;
	margin: 0 auto;
	display: block;
}
#conf .form-list, #send .form-list #error .form-list{
	width: 84%;
	clear: both;
	padding: 5%;
	line-height: 2em;
	border: thin solid #336699;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3em;
	height: auto;
}
/*必須*/
.txt-red {
	color: #F00;
	font-size: 0.9em;
}
/*必須*/
.form-list .txt-red {
	font-weight: normal;
}
/*項目テキスト*/
.form-list dt {
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 100%;
	font-weight: bold;
}
#conf .form-list dt, #send .form-list dt, #error .form-list dt {
	margin: 0 0 1% 0;
	padding-top: 2%;
	padding-bottom: 2%;
	line-height: 2em;
	font-weight: bold;
	border-bottom: 1px dotted #666666;
}
.form-list dt img {
	width: 14px;
	height: auto;
	margin-right: 10px;
	display: inline-block;
	/*line-height: 2em;*/
	padding-bottom:7px;
}
.form-list dt span {
	padding-left: 2em;
	font-weight: normal;
}
/*名前*/
.input-txtbox2 {
	width: 140px;
	height: 1.3em;
	font-size: 17px;
}
.form-list dd {
	margin: 0 0 20px 0;
	padding: 0;
}
/*主に知りたい内容*/
.form-list ul {
	overflow: hidden;
}
.form-list li {
	float: left;
	padding: 0 30px 0 0;
}
/*E-mail 電話番号*/
.frm-1txt {
	width: 250px;
	height: 20px;
	font-size: 17px;
}
/*お問い合わせ内容*/
.form_contents {
	width: 100%;
	height: 80px;
	font-size: 17px;
}
/*個人情報同意を促すテキスト*/
.size-s {
	font-size: 0.8em;
	line-height: 125%;	
}
.size-s a {
	text-decoration: underline;
	}
 .privacy-text {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #bddbe5;
	font-size: 0.9em;
	height: 120px;
	overflow: auto;
	padding: 20px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.privacy-text .column1{
	overflow:visible;
	margin-top: 1em;
	margin-bottom: 3em;
}
.privacy-text .column1 ol{
	margin-left: 5%;
	margin-right: 0%;
	list-style: decimal outside;
	width: 100%;
}
.privacy-text .column1 ol li {
	margin-top: 10%;
}
.privacy-text .column1 ol li>ul {
	margin-left: 1em;
	margin-right: 0%;
	width: 100%;
	}
.privacy-text .column1 ol li>ul li ,.privacy-text .column1 ol li>ol li {
	list-style: none;
	padding-right: 0%;
	margin-top: 0%;
	}
.privacy-text .column1 ol li>ul li ol li.list_styleC {
	list-style-type: square;
	padding-bottom:0.5em;
	}
/*同意して進むボタン*/
.btn-orange {
	background-color: #FF9800;
	background: transparent linear-gradient(#FFAF00, #FFAF00) repeat scroll 0% 0%;
	color: #fff;
	border: none;
	border-radius: 5px;
	padding: 10px;
	font-size: 14px;
	width: 100px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 50px;
	cursor: pointer;
}
#error button.btn-gray {
	background-color: #777777;
	background: transparent linear-gradient(#999999, #999999) repeat scroll 0% 0%;
	color: #fff!important;
	border: none;
	border-radius: 5px;
	padding: 10px;
	font-size: 14px;
	width: 200px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 50px;
	cursor: pointer;
}
 #error button.btn-gray a {
  display: block;
  text-decoration: none;
 }
.btn-blue {
	background-color: #0099ff;
	background: transparent linear-gradient(#00b7ff, #00b7ff) repeat scroll 0% 0%;
	color: #fff;
	border: none;
	border-radius: 5px;
	padding: 10px;
	font-size: 14px;
	width:100px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 50px;
	cursor: pointer;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
スマホ　アクセスページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	/*googleMap表示サイズ*/
div#map {
	width: 100%;
	height: 400px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #000000;
	margin-bottom: 0;
	}
	
	
	
}

/*=====================================================================================================================
======================================================================================================================タブレット＆パソコン==768px以上*/
@media only screen and (min-width: 768px) {
.sp, .pc {
	display:none;
}
.tab{
	display:block;
	}
/*footer固定うまくできなかったため、jQueryにした*/
#wrapper {
    width:100%;
    height:auto;
	min-width: 768px;
	background-image: url(../images/common/header_bg_red.jpg), url(../images/common/back_pattern_gradations.jpg);
	background-size: 100% 40px, auto auto;
	background-repeat: repeat-x, repeat;
}

#container {
	width: 768px;
	height: auto;
	margin: 10% auto;
	display: block;
	padding-bottom: 5rem;
}

#wrapper header {
	width: 768px;
	min-width: 768px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#wrapper header p {
	line-height: 2em;
	text-align: right;
    margin-left: 3%;
	margin-right: 3%;
}
#bread-crumb {
	width: 768px;
	padding-top: 0.5em;
	padding-right: 0;
	padding-left: 2%;
	height: 1.2em;
	padding-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
}
.content {
	width: 768px;
	min-height: 100%;
	margin-right: auto;
	margin-left: auto;
	display: block;
    text-align: center;
}
.column {
	width: auto;
	min-width: 500px;
	text-align: center;
	display: block;
}
.btn {
	width: 47%;
	float: left;
	border: thin dotted #903;
	height: 250px;
	text-align: center;
	margin-top: 5%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: rgba(255,255,255,0.50);
	display: block;
}
nav.btn ul .btn_style2 li {
	font-size: 14px;
	color: #903;
	padding: 0 1rem;
}

/*footerスクロールした最下に固定がうまくできない為jQueryにした*/
 #footer {
	background-image: url(../images/common/footer_bg_pattern.gif);
	background-position: center bottom;
	background-repeat: repeat;
	padding-top:1%;
	width: 100%;
}
.footer_address {
	width: 97%;
	min-width: 175px;
	font-size: 94%;
	line-height: 1.5;
	padding-top: 0.5%;
	padding-right: 0.5%;
	padding-left: 0.5%;
	padding-bottom: 0.5%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border: thin solid #09CF00;
	border-radius: 0.8;
	background-color: rgba(255,255,255,0.50);
	}
/*====================================================
	タブレット Casestudyページ
	==================================================*/
.case {
	margin-top: 5%;
	padding: 2%;
	background-color: rgba(255,255,255,0.75);
	border-radius: 8px;
	width: 43%;
	height: 500px;
	-webkit-box-shadow: 0px 0px 12px #BBBBBB;
	box-shadow: 0px 0px 12px #BBBBBB;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 5%;
}
.case_graphic {
	margin-top: 5%;
	padding: 2%;
	background-color: rgba(255,255,255,0.75);
	border-radius: 8px;
	width: 42%;
	height: 568px;
	-webkit-box-shadow: 0px 0px 12px #BBBBBB;
	box-shadow: 0px 0px 12px #BBBBBB;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 5%;
}
.sample {
	display: block;
	width: 96%;
	padding: 2%;
	}
.box_line_gray {
	border: 1px solid #656565;
	min-height: 260px;
	height: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	}
.box_line_gray_graphic {
	border: 1px solid #656565;
	width: 96%;
    min-height: 260px;
	height: auto;
    padding-left: 2%;
	overflow-x: hidden;
	overflow-y: hidden;
	}
.sample_setumei {
	width: 90%;
	padding: 2%;
	float: left;
	margin-top: 5%;
	border: 2px solid #E8E8E8;
	}

	
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
タブレットinquiryページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
 #inquiry header {
	width: 768px;
	min-width: 768px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
 #inquiry header p {
	line-height: 2em;
	text-align: right;
    margin-left: 3%;
	margin-right: 3%;
}

#inquiry #container, #conf #container, #send #container, #error #container {
	width: 100%;
	min-width: 768px;
	height: auto;
	margin: 0 auto;
	display: block;
	text-align: left;
}
#inquiry .content, #conf .content, #send .content, #error .content {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 768px;
	height: auto;
	text-align: left;
}
#inquiry #info {
	width: 63%;
	margin-right: auto;
	margin-left: 5%;
	overflow: hidden;
	height: auto;
	margin-top: 5%;
	margin-bottom: 5%;
}
#inquiry #info .tel_buttom >p {
	color: #502601;
	text-decoration: none;
	padding-left: 30%;
	display: block;
	font-size: 150%;
	padding-top: 0.5em;
	letter-spacing: 0.2em;
}
.sub_title{
	width: 100%;
	height: auto;
	padding: 5% 0;
	min-width: 307px;
	text-align: center;
}
#form_step {
	overflow: hidden;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 60px;
}
#form_step li {
	float: left;
	width: 33%;
	height: auto;
	display: block;
}
#form_step li:nth-child(1) {
	background-image: url(../images/inquiry/inquiry_form_step2.svg);
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0%;
	z-index: 30;
	right: auto;
}
#form_step li:nth-child(2) {
	background-image: url(../images/inquiry/inquiry_form_step2.svg);
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 33.5%;
	z-index: 20;
	right: auto;
}
#form_step li:nth-last-child(1) {
	background-image: url(../images/inquiry/inquiry_form_step3.svg);
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
	right: 0%;
}
#form_step span {
	display: flex;
	height: 100%;
}
#form_step li .step_txt {
	text-decoration: none;
	color: #fff;
	font-weight: 200;
	line-height: 4em;
	text-indent: 33%;
	width: 100%;
	height: auto;
	display: inline-block;
}
#form_step li .on {
	background-image: url(../images/inquiry/inquiry_form_step1.svg);
	background-position: left top;
	background-size: 100% 105%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0%;
}
#form_step li:nth-last-child(1) .on {
	background-image: url(../images/inquiry/inquiry_form_step4.svg);
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
	right: 0%;
}
/*form入力部全体*/
.form-list {
	width: 87%;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	clear: both;
	padding-top: 5%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 0%;
	border: thin solid #336699;
}
#conf .form-list, #send .form-list #error .form-list{
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 5%;
	padding-right: 5%;
	padding-left: 5%;
	line-height: 3em;
	border: thin solid #336699;
	margin-bottom: 10%;
	height: auto;
	padding-bottom: 0%;
}
/*必須*/
.form-list .txt-red{
	font-weight:nomal;
}
/*必須*/
.txt-red{
	color: #F00;
	font-size: 0.9em;
}
/*項目テキスト*/
.form-list dt {
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 100%;
	font-weight: bold;
}
#conf .form-list dt, #send .form-list dt, #error .form-list dt {
	margin: 0 0 1% 0;
	padding-top: 2%;
	padding-bottom: 2%;
	line-height: 2em;
	font-weight: bold;
	border-bottom: 1px dotted #666666;
}
.form-list dt span {
	padding-left: 2em;
	font-weight: normal;
}
.form-list dt img {
	width: 14px;
	height: auto;
	margin-right: 10px;
	padding-bottom: 7px;
	display: inline-block;
}
.form-list dd {
	margin: 0 0 20px 0;
	padding: 0;
}
/*名前*/
.input-txtbox2 {
	width: 140px;
	height: 1.3em;
	font-size: 17px;
}
/*主に知りたい内容*/
.form-list ul {
	overflow: hidden;
}
.form-list li {
	float: left;
	padding: 0 30px 0 0;
}
/*E-mail 電話番号*/
.frm-1txt {
	width: 250px;
	height: 20px;
	font-size: 17px;
}
/*お問い合わせ内容*/
.form_contents {
	width: 100%;
	height: 80px;
	font-size: 17px;
}
/*個人情報同意を促すテキスト*/
.size-s {
	font-size: 0.8em;
	line-height: 125%;	
}
.size-s a {
	text-decoration: underline;
}
 .privacy-text {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #bddbe5;
	font-size: 0.9em;
	height: 120px;
	overflow: auto;
	padding: 20px;
	width: 95%;
}
.privacy-text .column1{
	margin-top: 1em;
	margin-bottom: 3em;
	}
.privacy-text .column1 ol{
	width: 100%;
	margin-left: 5%;
	margin-right: 0%;
	list-style: decimal outside;
}
.privacy-text .column1 ol li {
	margin-top: 10%;
	display: block;
	width: 93%;
}
.privacy-text .column1 ol li>ul {
	margin-left: 1em;
	margin-right: 0%;
	width: 100%;
	}
.privacy-text .column1 ol li>ul li ,.privacy-text .column1 ol li>ol li {
	list-style: none;
	padding-right: 0%;
	margin-top: 0%;
	clear: both;
	width: 100%;
	}
.privacy-text .column1 ol li>ul li ol li.list_styleC {
	list-style-type: square;
	padding-bottom: 0.5em;
	}
/*同意して進む・送信するボタン*/
.btn-orange {
	background-color: #FF9800;
	background: transparent linear-gradient(#FFAF00, #FFAF00) repeat scroll 0% 0%;
	color: #fff;
	border: none;
	border-radius: 5px;
	padding: 10px;
	font-size: 18px;
	width: 200px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 50px;
	cursor: pointer;
}
/*前に戻るボタン*/
.btn-gray {
	background-color: #777777;
	background: transparent linear-gradient(#999999, #999999) repeat scroll 0% 0%;
	color: #fff!important;
	border: none;
	border-radius: 5px;
	padding: 10px;
	font-size: 18px;
	width: 200px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 50px;
	cursor: pointer;
}
  #error button.btn-gray a {
  display: block;
  text-decoration: none;
 }
/*TOPへ戻るボタン*/
.btn-blue {
	background-color: #0099ff;
	background: transparent linear-gradient(#00b7ff, #00b7ff) repeat scroll 0% 0%;
	color: #fff;
	border: none;
	border-radius: 5px;
	padding: 10px;
	font-size: 18px;
	width: 200px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 50px;
	cursor: pointer;
}
	
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
タブレット　アクセスページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	div#map  {
	width: 90%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	border: thin solid #000000;
}

	
}
/*====================================================================================================================================
====================================================================================================================================PC====960px以上*/
@media only screen and (min-width: 960px) {
.sp, .tab {
	display:none;
}
.pc{
	display: block;
}
/*footer固定うまくできなかったため、jQueryにした*/
#wrapper {
    width:100%;
    height:auto;
	
}

#container {
	width: 960px;
	height: auto;
	margin: 0 auto 5rem auto;
	display: block;
	}
#wrapper header {
	width: 960px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.content {
	width: 960px;
	height: auto;
	margin: 0 auto 5rem;
	display: block;
    text-align: center;
}
.column {
	width: 100%;
	max-width: 960px;
	text-align: center;
	display: block;
}
.btn {
	width: 22%;
	float: left;
	border: thin dotted #903;
	height: 250px;
	text-align: center;
	margin-top: 5%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: rgba(255,255,255,0.50);
	display: block;
}	
/*====================================================
	PC Casestudyページ
	==================================================*/
.case {
	margin-top: 5%;
	padding: 2%;
	background-color: rgba(255,255,255,0.75);
	border-radius: 8px;
	width: 42%;
	height: 642px;
	-webkit-box-shadow: 0px 0px 12px #BBBBBB;
	box-shadow: 0px 0px 12px #BBBBBB;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 5%;
}
.case_graphic {
	margin-top: 5%;
	padding: 2%;
	background-color: rgba(255,255,255,0.75);
	border-radius: 8px;
	width: 42%;
	height: 759px;
	-webkit-box-shadow: 0px 0px 12px #BBBBBB;
	box-shadow: 0px 0px 12px #BBBBBB;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 5%;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PC inquiryページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#inquiry .content, #conf .content, #send .content, #error .content {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 960px;
	height: auto;
	text-align: left;
}
#form_step {
	overflow: hidden;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: 60px;
}
#form_step li {
	float: left;
	width: 33%;
	height: auto;
	display: block;
}
#form_step li:nth-child(1) {
	background-image: url(../images/inquiry/inquiry_form_step2.svg);
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0%;
	z-index: 30;
	right: auto;
}
#form_step li:nth-child(2) {
	background-image: url(../images/inquiry/inquiry_form_step2.svg);
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 33.5%;
	z-index: 20;
	right: auto;
}
#form_step li:nth-last-child(1) {
	background-image: url(../images/inquiry/inquiry_form_step3.svg);
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
	right: 0%;
}
#form_step span {
	display: flex;
	height: 100%;
}
#form_step li .step_txt {
	text-decoration: none;
	color: #fff;
	font-weight: 200;
	line-height: 4em;
	text-indent: 33%;
	width: 100%;
	height: auto;
	display: inline-block;
}
#form_step li .on {
	background-image: url(../images/inquiry/inquiry_form_step1.svg);
	background-position: left top;
	background-size: 100% 105%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0%;
}
#form_step li:nth-last-child(1) .on {
	background-image: url(../images/inquiry/inquiry_form_step4.svg);
	background-position: left top;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
	right: 0%;
}
/*form入力部全体*/
.form-list {
	width: 60%;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	clear: both;
	padding-top: 5%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 0%;
	border: thin solid #336699;
}
#conf .form-list, #send .form-list #error .form-list{
	width: 75%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 5%;
	padding-right: 5%;
	padding-left: 5%;
	line-height: 3em;
	border: thin solid #336699;
	margin-bottom: 10%;
	height: auto;
	padding-bottom: 0%;
}
/*必須*/
.form-list .txt-red{
	font-weight:nomal;
}
/*必須*/
.txt-red{
	color: #F00;
	font-size: 0.9em;
}
/*項目テキスト*/
.form-list dt {
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 100%;
	font-weight: bold;
}
#conf .form-list dt, #send .form-list dt, #error .form-list dt {
	margin: 0 0 1% 0;
	padding-top: 2%;
	padding-bottom: 2%;
	line-height: 2em;
	font-weight: bold;
	border-bottom: 1px dotted #666666;
}
.form-list dt span {
	padding-left: 2em;
	font-weight: normal;
}
.form-list dt img {
	width: 14px;
	height: auto;
	margin-right: 10px;
	padding-bottom: 7px;
	display: inline-block;
}
.form-list dd {
	margin: 0 0 20px 0;
	padding: 0;
}
/*名前*/
.input-txtbox2 {
	width: 140px;
	height: 1.3em;
	font-size: 17px;
}
/*主に知りたい内容*/
.form-list ul {
	overflow: hidden;
}
.form-list li {
	float: left;
	padding: 0 30px 0 0;
}
/*E-mail 電話番号*/
.frm-1txt {
	width: 250px;
	height: 20px;
	font-size: 17px;
}

/*個人情報同意を促すテキスト*/
.size-s {
	font-size: 0.8em;
	line-height: 125%;	
}
.size-s a {
	text-decoration: underline;
}
 .privacy-text {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #bddbe5;
	font-size: 0.9em;
	height: 120px;
	overflow: auto;
	padding: 20px;
	width: 95%;
}
.privacy-text .column1{
	margin-top: 1em;
	margin-bottom: 3em;
	}
.privacy-text .column1 ol{
	width: 100%;
	margin-left: 5%;
	margin-right: 0%;
	list-style: decimal outside;
}
.privacy-text .column1 ol li {
	margin-top: 10%;
	width: 93%;
}
.privacy-text .column1 ol li>ul {
	margin-left: 1em;
	margin-right: 0%;
	width: 100%;
	}
.privacy-text .column1 ol li>ul li ,.privacy-text .column1 ol li>ol li {
	list-style: none;
	padding-right: 0%;
	margin-top: 0%;
	}
.privacy-text .column1 ol li>ul li ol li.list_styleC {
	list-style-type: square;
	padding-bottom: 0.5em;
	}
/*同意して進むボタン*/
.btn-orange {
	background-color: #FF9800;
	background: transparent linear-gradient(#FFAF00, #FFAF00) repeat scroll 0% 0%;
	color: #fff;
	border: none;
	border-radius: 5px;
	padding: 10px;
	font-size: 18px;
	width: 200px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 50px;
	cursor: pointer;
}
.btn-gray {
	background-color: #777777;
	background: transparent linear-gradient(#999999, #999999) repeat scroll 0% 0%;
	color: #fff;
	border: none;
	border-radius: 5px;
	padding: 10px;
	font-size: 18px;
	width: 200px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 50px;
	cursor: pointer;
}
.btn-blue {
	background-color: #0099ff;
	background: transparent linear-gradient(#00b7ff, #00b7ff) repeat scroll 0% 0%;
	color: #fff;
	border: none;
	border-radius: 5px;
	padding: 10px;
	font-size: 14px;
	width: 100px;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 50px;
	cursor: pointer;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
PC　アクセスページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	div#map  {
	width: 90%;
	height: 400px;
	border: thin solid #000000;
	max-width: 960px;
}

}