@charset "UTF-8";


/* ＝＝＝＝＝＝＝＝＝＝資料請求・見学予約 ＝＝＝＝＝＝＝＝＝＝＝＝*/


/*横のリンク「初めてのお客様へ」 #side
--------------
div#side {
	padding-top: 5px;
}
div#side ul.side_menu {
	width: 199px;
	height: auto;
	background: url(../images/top/side_menu_bg.gif) left bottom no-repeat;
	padding-bottom: 8px;
	margin-top: 10px;
}
div#side ul.side_menu li {
	padding: 0 0 1px 9px;
	float: left;
}
div#side ul.side_menu li:after {
	display: block;
	height: 0;
	content: "";
	clear: both;
}
div#side ul.side_menu li {
	padding: 0 0 1px 9px;
}

div#side ul.side_menu li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 181px;
}
div#side ul.side_menu li.menu1 a {
	height: 36px;
	background: url(../images/top/side_menu1.gif) top left no-repeat;
}

div#side ul.side_menu li.menu2 a {
	height: 33px;
	background: url(../images/top/side_menu2.gif) top left no-repeat;
}
div#side ul.side_menu li.menu3 a {
	height: 36px;
	background: url(../images/top/side_menu3.gif) top left no-repeat;
}
div#side ul.side_menu li.menu4 a {
	height: 54px;
	background: url(../images/top/side_menu4.gif) top left no-repeat;
}
div#side ul.side_menu li.menu5 a {
	height: 35px;
	background: url(../images/top/side_menu5.gif) top left no-repeat;
}
div#side ul.side_menu li.title {
	padding: 0;
	display: block;
	width: 199px;
	height: 59px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/top/side_menu.gif) top left no-repeat;
}
div#side ul.side_menu li a {
	float: left;
}
div#side ul.side_menu li a:hover {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

**/

/* フォーム用main
--------------*/
div#main{
	color:#40474D;
    margin: 0 auto;
    float:none;
}


/*各ページタイトルエリア
----------------------------------*/
/*h2タイトル
--------------*/
div#header div.h2 h2{
	background-image: url(../images/request_index_h2.jpg);
	background-repeat: no-repeat;
	height: 114px;
	width: 941px;
}
/*h3タイトル
--------------*/
h3.h3_01,
h3.h3_02,
h3.h3_03,
h3.h3_04{
	width: auto;
	margin:0;
	padding:0 0 20px 0;
}
h3.h3_in_01,
h3.h3_in_02,
h3.h3_in_03,
h3.h3_in_04{
	width: auto;
	height: 30px;
	margin:0;
	padding:0 0 20px 0;
}

/*ページトップ文章
--------------*/
p.top_text{
	width: auto;
    margin: 20px;
	font-size:93%;
	line-height:2.0em;
}

/*--------------------------------------------------------------------
フロー画像
--------------------------------------------------------------------*/
#seikyu-flow{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    margin-top:20px;
}
#seikyu-flow li{
    position:relative;
    width:auto;
    display:block;
    padding:10px 30px;
    border-top:1px solid #a1a1a1;
    border-bottom:1px solid #a1a1a1;
    border-right:none;
    z-index: 2;
}
@media screen and (max-width:768px) {
    #seikyu-flow li{
        padding:15px 12px;
        font-size:11px;
    }
}
#seikyu-flow li:first-child{
    border-left:1px solid #a1a1a1;
}
#seikyu-flow li:last-child{
    border-right:1px solid #a1a1a1;
}
#seikyu-flow li:nth-child(-n+3):after{
    content:"";
    position:absolute;
    border:24px solid transparent;
    border-left:1px solid #e1e1e1;
    top:-2px;
    right:-32px;
    z-index: 2;
}

#seikyu-flow li:nth-child(2):after,
#seikyu-flow li:nth-child(3):after{
    content:"";
    border-left:1px solid #e1e1e1;
}

#seikyu-flow li.here{
    background:#ff6200;
    color:#fff;
}
#seikyu-flow li.here:after{
    border-left: 8px solid #ff6200;
}
#seikyu-flow li.here:after{
    border-left: 8px solid #ff6200;
}
#seikyu-flow li.here:nth-child(n+2):before{
    content:"";
    position:absolute;
    border:24px solid transparent;
    border-left: 8px solid #FFF;
    top:0;
    left:0;
    z-index: 3;
}




/*--------------------------------------------------------------------
(index.html)
(内容確認 index)
--------------------------------------------------------------------*/
p.banner_index{
    width: auto;
	height: 50px;
	margin: 0 0 0 25px;
	background-image: url(../images/request_index_banner01.jpg);
	background-repeat: no-repeat;
	text-indent:-9999px;
}
ul.p_p{
	margin: 20px 0 0 0;
    display: flex;
    justify-content: center;
}
ul.p_p li form#p_p{
	margin:0 0 10px 20px;
}
ul.p_p li form#p_p input{
	margin:0 5px 0 0;
}
ul.p_p li.btn,
ul.p_p li.btn a{
	background-image: url(../images/request_index_btn01.jpg);
	background-repeat: no-repeat;
	width:252px;
	height:50px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
}
ul.p_p li.btn a:hover{
	background-image: url(../images/request_index_btn01_on.jpg);
	background-repeat: no-repeat;
}
div#area02{
	width:auto;
	margin:20px 20px 0 25px;
	padding:0;
	font-size:93%;
}
@media screen and (max-width:768px) {
    div#area02{
        margin-left:15px;
        margin-right:15px;
    }
    
}

div#area02 ul.box_top{
	list-style-type: none;
	width:auto;
	padding: 0;
	border-bottom: 1px solid #eee;
	overflow: hidden;
	margin-bottom: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-evenly;
}
div#area02 ul.box_top li{
	list-style-type:none;
	width:141px;
	margin-right:13px;
	border: 1px solid #e1e1e1;
    padding: 5px;
}
div#area02 ul.box_top li img{
	margin-bottom:10px;
	border:2px solid #EEEEEE;
    width: 100%;
}
div#area02 ul.box_top li label input{
	margin-right:10px;
}
div#area02 ul.box01{
	list-style-type: none;
	width:auto;
	height:auto;
	padding:15px 20px;
	margin-bottom:15px;
	border-bottom:#D2DEE6 solid 1px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width:768px) {
    div#area02 ul.box01{
        padding:0;
    }
    
}

div#area02 ul.box01 li{
	list-style-type:none;
	width:130px;
	margin-right:5px;
    margin-bottom:5px;
	line-height:1.0em;
    border: 1px solid #e1e1e1;
    padding:8px;
}
@media screen and (max-width:768px) {
    div#area02 ul.box01 li{
        width:90px;
    }
}

div#area02 ul.box01 li img{
	margin-bottom:5px;
    width:100%;

}
div#area02 ul.box01 li span{
	background: #1f868f;
	color: #fff;
	font-size: 93%;
	padding: 3px 4px 1px;
	vertical-align: middle;
    display:inline-block;
}
div#area02 ul.box01 li div.clear{
	border-top:#D2DEE6 dashed 1px;
	margin-top:10px;
	padding-top:10px;
}
div#area02 ul.box01 li div.clear label input{
	margin-right:10px;
}
div#area02 p.btn_right01,
div#area02 p.btn_right01 a{
	clear:both;
	background-image: url(../images/request_index_btn02.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 196px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	float:right;
	margin:0 0 25px 0;
}
div#area02 p.btn_right01 a:hover{
	background-image: url(../images/request_index_btn02_on.jpg);
	background-repeat: no-repeat;
}
div#area02 p.btn_right02,
div#area02 p.btn_right02 a{
	clear:both;
	background-image: url(../images/request_index_btn03.jpg);
	background-repeat: no-repeat;
	height: 44px;
	width: 196px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	float:right;
	margin:0 0 5px 0;
}
div#area02 p.btn_right02 a:hover{
	background-image: url(../images/request_index_btn03_on.jpg);
	background-repeat: no-repeat;
}

div#area02 p.comment_right01 {
	clear: both;
	text-align: right;
	color: #c00;
	font-size: 93%;
	margin: 5px 0px 20px 35px;
}

div#p_p_text{
	clear:both;
	width:100%;
	
	border:solid 1px #D2DEE6; 
}
div#p_p_text ul{
	list-style-type:none;
	height:150px;
	overflow:auto;
	line-height:1.9em;
	padding:15px;
	background: #f8f9fa;
}
div#p_p_text ul li{
	margin-bottom: 20px;
	line-height: 1.4;
}
div#p_p_text ul li h4{
	margin-bottom: 10px;
	font-size: 115%;
	margin: 0;
}
/*--------------------------------------------------------------------
(privacy.html)
(個人情報入力  privacy)
--------------------------------------------------------------------*/
span.hissu {
	display:inline-block;
    float: right;
	font-size:12px;	
    line-height: 1;
	color:#F3060A;
	border:#D10D10 1px solid;
	padding:3px 5px;
	margin:0 10px;
	vertical-align: middle;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

p.banner_privacy{
	width: auto;
	height: 50px;
	margin: 0;
	text-indent:-9999px;
	background-image: url(../images/request_privacy_banner01.jpg);
	background-repeat: no-repeat;
}
div#area01{
	width:auto;
	border: 1px solid #e2eaf0;
	margin:20px 0 20px 25px;
	padding:18px 0 18px 18px;
	font-size:93%;
}
div#area01 ul.box01{
	list-style-type: none;
	width:620px;
}
div#area01 ul.box01 li{
	float:left;
	list-style-type:none;
	width:141px;
	margin-right:13px;
	padding-bottom:30px;
	line-height:1.9em;
}
div#area01 ul.box01 li img{
	margin-bottom:5px;
	border: 2px solid #eee;
}
div#area01 ul.box01 li span{
	background: #1f868f;
	color: #fff;
	font-size: 93%;
	padding: 3px 4px 1px;
	vertical-align: middle;
}
p.req{
	clear:both;
	margin:20px 50px 0 0;
	padding:0;
	text-align:right;
	color:#EF5233;
}
/* 入力フォーム 
table.form{
	width:640px;
	border: 1px solid #e2eaf0;
	margin:0 0 20px 25px;
	padding:18px 0 18px 18px;
	font-size:93%;
	clear:both;
}
table.form label input ,
table.form label span {
	vertical-align: middle;
}
table.form tr th.left{
	width:150px;
	font-weight:normal;
	padding:10px;
	background-color:#5A7389;
	color:#FFF;
	text-align:left;
}
table.form th.right{
	font-weight:normal;
	padding:10px;
	background-color:#5A7389;
	color:#FFF;
	text-align:left;
}
table.form tr.blue{
	background-color:#FDFEFE;
}
table.form tr.beige{
	background-color:#F4F1EA;
}
table.form tr td{
	font-size:16px;
	padding:10px 0 10px 10px;
}
table.form tr td span.kome{
	color:#EF5233;
	margin-left:5px;
}
table.form tr th.colspan{
	background-color:#54A1AF;
	color:#FFF;
	padding:10px;
	font-weight:normal;
	text-align:left;
}

*/
/* お名前 */
table.form td.name label input{
	height:auto;
	margin:5px 5px 5px 0;
}
/* 年齢 */
table.form td.age input{
	margin:5px 5px 5px 10px;
}
/* メールアドレス */
table.form td.mail label input{
	height:18px;
	margin:5px 5px 5px 0;
}

/* 住所 */
table.form td.zip label{
	float:left;	
}
table.form td.zip label input{
	width:40px;
	height:18px;
	margin:3px;
}

table.form td.zip div#auto{
	background-image: url(../images/request_privacy_btn04.jpg);
	background-repeat: no-repeat;
	width:83px;
	height:20px;
	float:left;
	padding:0;
	margin:5px 0 0 5px;
}
table.form td.zip div#auto a{
	width:83px;
	height:20px;
	text-indent:-9999px;
	display:block;
}
table.form td.zip div#auto a:hover{
	background-image: url(../images/request_privacy_btn04_on.jpg);
	background-repeat: no-repeat;
}
table.form td.zip{
	clear:both;
}
table.form td.zip select{
	clear: both;
	display: block;
	width:100px;
	height:auto;
	margin:10px 0;
}

.form_comments{
    display: inline-block;
    width: 40%;
    font-size: 12px;
    padding: 0 5px;
    vertical-align: middle;
}
@media screen and (min-width:767px) {
.form_comments{
    width: 46%;
    
}


/* マガジン */
table.form td.magazin input{
	margin:5px 5px 0 10px;
}

/* お申し込み内容 */
table.form tr td.td01{
	border-right: 1px dashed #B6C3CB;
}

table.form tr td.td02 div.time {
	margin: 5px 0;
}

table.form tr td.td02 div.time option {
	text-align: right;
	padding: 1px 3px;
}
table.form td.td02 label.ampm input {
	margin: 5px;
	vertical-align: middle;
}
table.form td.td02 label.ampm span {
	vertical-align: middle;
}

/* その他ご意見・ご要望 */
table.form tr th.other{
	background-color:#9DA3A5;
	color:#FFF;
	padding:10px;
	font-weight:normal;
	text-align:left;
}
/*
table.form td.other textarea{
	width:594px;
	margin:10px 8px;
	height:100px;
	overflow: hidden;
	padding: 3px;
}
*/
/* その他ご意見・ご要望2 */
table.form tr th.other2{
	background-color:#9DA3A5;
	color:#FFF;
	padding:10px;
	font-weight:normal;
	text-align:left;
}
table.form td.other2 textarea{
	width:400px;
	margin:10px 8px;
	height:100px;
	overflow: hidden;
	padding: 3px;
}


#main ul.button_under {
	height: auto;
    padding-top:20px;
}
#main ul.button_under li {
	float: left;
	margin-right: 15px;
}
#main ul.button_under li.back ,
#main ul.button_under li.back a {
	display: block;
	width: 108px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/request_privacy_btn02.jpg) top left no-repeat;
}
#main ul.button_under li.back a:hover {
	background: url(../images/request_privacy_btn02_on.jpg) top left no-repeat;
}
#main ul.button_under li.check ,
#main ul.button_under li.check a {
	display: block;
	width: 152px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/request_privacy_btn03.jpg) top left no-repeat;
}
#main ul.button_under li.check a:hover {
	background: url(../images/request_privacy_btn03_on.jpg) top left no-repeat;
}
#main ul.button_under li.submit ,
#main ul.button_under li.submit a {
	display: block;
	width: 212px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/request_privacy_btn05.jpg) top left no-repeat;
}
#main ul.button_under li.submit a:hover {
	background: url(../images/request_privacy_btn05_on.jpg) top left no-repeat;
}


/* フォーム */
.input_control{
	padding:5px 10px;
	font-size:14px;
}
.input_separator{
	display:inline-block;
	padding:0 10px;	
}
/** focusでカラー変更 **/
input:focus, select:focus, textarea:focus {
background-color: #FFFFBF!important;
}
/*--------------------------------------------------------------------
確認
confirmaiton.html)

--------------------------------------------------------------------*/
p.banner_confirmation{
	width: auto;
	height: 50px;
	margin: 0 0 0 25px;
	text-indent:-9999px;
	background-image: url(../images/request_confirmation_banner01.jpg);
	background-repeat: no-repeat;
}

/*--------------------------------------------------------------------
(お申し込み完了  finish)
--------------------------------------------------------------------*/

p#comp{
	margin:100px 40px;
}

p.banner_finish{
	width: auto;
	height: 50px;
	margin: 0 0 0 25px;
	text-indent:-9999px;
	background-image: url(../images/request_completion_banner01.jpg);
	background-repeat: no-repeat;
}
.thanks-area{
    font-size:16px;
    padding:20px 0 200px 0 ;
    line-height: 1.6em;
}
.thanks-area p{
    font-size:20px;
    font-weight:bold;
    padding:20px 0;
}
.finish-link{
    text-align:center;
}