@charset "utf-8";

/*-----------------------------

　リセットCSS + サイト共通設定

------------------------------*/

/*====================================================================================*/
/*	お問い合わせ / CONTACT
/*====================================================================================*/
/*------------------------------------------*/
/*	TOP付加情報
/*------------------------------------------*/
.contact_inquily_background{
	background			: rgba(228,221,219,1.0);
	}

.contact_br::before {
	content: "\A" ;
	white-space: pre ;
}

/*------------------------------------------*/
/*	CONTACT
/*------------------------------------------*/
.contact_frame{
	margin				: 0 auto;
	background			: rgba(251,249,248,1.0);
	box-sizing			: border-box;
	}

/*------------------------------------------*/
/*	CONTACT 問い合わせ / CONTACT(INQUIRY)
/*------------------------------------------*/
.contact_inquiry_mail_frame{
	margin				: 0 auto;
	padding				: 30px 0px 30px;
	box-sizing			: border-box;
	text-align			: center;
	background			: rgba(231,228,226,1.0);
	}

.contact_inquiry_mail_frame h2{
	text-align			: center;
	font-size			: larger;
	font-weight			: normal;
	padding				: 5px 0px;
	color				: rgba(139,77,61,1.0);
	}

.contact_inquiry_mail_wrap{
	width				: 1240px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 30px 170px;
	text-align			: left;
	}

.contact_inquiry_mail_textbox{
	text-align			: center;
	padding				: 20px 0;
	}

.contact_inquiry_mail_box{
	margin				: 0 auto;
	padding				: 40px 0;
	background			: rgba(255,255,255,1.0);
	}

.contact_inquiry_mail_box p{
	padding				: 20px 0;
	}

/*------------------------------------------*/
/*	CONTACT 予約 / CONTACT(RESERVE)
/*------------------------------------------*/
.contact_reserve_mail_frame{
	margin				: 0 auto;
	padding				: 30px 0px 30px;
	box-sizing			: border-box;
	text-align			: center;
	background			: rgba(248,253,249,1.0);
	}

.contact_reserve_mail_frame h2{
	text-align			: center;
	font-size			: larger;
	font-weight			: normal;
	padding				: 5px 0px;
	color				: rgba(213,132, 27,1.0);
	}

.contact_reserve_mail_wrap{
	width				: 1240px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 30px 170px;
	text-align			: left;
	}

.contact_reserve_mail_textbox{
	text-align			: center;
	padding				: 20px 0;
	}

.contact_reserve_mail_box{
	margin				: 0 auto;
	padding				: 40px 0;
	background			: rgba(250,250,250,1.0);
	}

.contact_reserve_mail_box p{
	padding				: 20px 0;
	}

/*------------------------------------------*/
/*	電話でのお問い合わせ / TEL
/*------------------------------------------*/
.contact_tel_frame{
	margin				: 0 auto;
	background			: rgba(250,250,250,1.0);
	box-sizing			: border-box;
	}

.contact_tel_wrap{
	width				: 1240px;
	margin				: 0 auto;
	padding				: 30px 170px 60px;
	box-sizing			: border-box;
	}

.contact_tel_wrap h2{
	padding				: 40px 70px;
	font-size			: larger;
	font-weight			: normal;
	text-align			: center;
	color				: rgba(139,77,61,1.0);
	}

.contact_tel_inbox{
    width				: 850px;
    margin				: 0 auto;
    background			: rgba(255,248,246,1.0);
    padding				: 60px 0 30px;
    text-align			: center;
    line-height			: 1.4;
	}

.contact_tel_telbox {
    width				: 350px;
    text-align			: center;
    margin				: 0 auto;
	}

.contact_tel_inbox telno{
    font-size			: 30px;
	font-weight			: bold;
    box-sizing			: border-box;
    text-align			: center;
    color				: rgba(214,83,43,1.0);
	}

.contact_tel_mark {
    margin-top			: -15px;
    height				: 70px;
    float				: left;
	}

.contact_tel_text {
    width				: 550px;
    padding-top			: 20px;
    text-align			: left;
    margin				: 0 auto;
	}

/*------------------------------------------*/
/*	INFORMATION / INFORMATION
/*------------------------------------------*/
.contact_information_frame{
	margin				: 0 auto;
	padding				: 30px 0px 30px;
	box-sizing			: border-box;
	text-align			: center;
	background			: rgba(255,255,255,1.0);
	}

.contact_information_frame h2{
	padding				: 40px 70px;
	font-weight			: normal;
	text-align			: center;
	color				: rgba( 86,181,110,1.0);
	}

.contact_information_frame h3{
	text-align			: center;
	font-weight			: normal;
	padding				: 5px 0px;
	}

.contact_information_wrap{
	width				: 1240px;
	margin				: 0 auto;
	}

.contact_informationbox{
	width				: 900px;
	margin				: 0 auto;
	padding				: 15px 50px;
	box-sizing			: border-box;
 	background			: url(../images/contact_inquiry_bk1.png),url(../images/contact_inquiry_bk2.png);
    background-position	: left top,right bottom;
    background-repeat	: no-repeat,no-repeat;
	}

.contact_information_inbox{
	margin				: 0 auto;
	text-align			: left;
	padding				: 5px 20px;
	padding-left		: 30px;
	text-indent			: -30px;
	line-height			: 1.4;
	}

.contact_information_buttonbox{
	margin				: 0 auto;
	text-align			: center;
	padding				: 80px 0;
	}

.contact_information_button {
	display				: inline-block;
	padding				: 10px 70px;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	background			: rgba( 79,166,101,1.0);
	color				: rgba(255,255,255,1.0);
	}

.contact_information_button,
.contact_information_button::before,
.contact_information_button::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.contact_information_button:hover {
	background			: rgba( 79,166,101,0.7);
	}

/*------------------------------------------*/
/*	お問い合わせの流れ / FLOW(INQUIRY)
/*------------------------------------------*/
.contact_inquiry_flow_frame{
	margin				: 0 auto;
	padding				: 30px 0px 0px;
	box-sizing			: border-box;
	text-align			: center;
	background			: rgba(231,228,226,1.0);
	}

.contact_inquiry_flow_frame h2{
	padding				: 40px 70px;
	font-size			: larger;
	font-weight			: normal;
	text-align			: center;
	color				: rgba(139,77,61,1.0);
	}

.contact_inquiry_flow_frame h3{
	text-align			: left;
	font-size			: larger;
	font-weight			: normal;
	padding				: 5px 0px;
	}

.contact_inquiry_flow_wrap{
	width				: 1240px;
	margin				: 0 auto;
	}

.contact_inquiry_flowbox{
	width				: 900px;
	margin				: 0 auto;
	padding				: 15px 50px;
	box-sizing			: border-box;
	background			: rgba(250,250,250,1.0);
	}

.contact_inquiry_flow_inbox{
	margin				: 0 auto;
	text-align			: left;
	padding				: 5px 20px;
	padding-left		: 30px;
	text-indent			: -30px;
	line-height			: 1.4;
	}

.contact_inquiry_flow_buff{
	padding-top			: 10px;
	}

.contact_inquiry_flow_comment{
	/*width				: 900px;*/
	margin				: 0 auto;
	padding-left		: 50px;
	/*text-align			: right;*/
	/*font-size			: small;*/
	}

.contact_inquiry_flow_no{
	border-radius		: 50%;
	padding-top			: 1.6px;
	padding-left		: 8px;
	padding-right		: 8px;
	color				: rgba(255,255,255,1.0);
	background			: rgba(121,50,37,1.0);
	}

.contact_inquiry_flow_attention{
	padding				: 10px 10px;
	text-align			: left;
	}

.contact_inquiry_flow_exbox{
	width				: 500px;
	margin				: 0px 20px;
	padding				: 10px 20px;
	text-align			: left;
	box-sizing			: border-box;
	border				: 1px solid rgba(139,77,61,1.0);
	-webkit-border-radius	: 10px;
    -moz-border-radius		: 10px;
	}

/*------------------------------------------*/
/*	お問い合わせの流れ / FLOW(RESERVE)
/*------------------------------------------*/
.contact_reserve_flow_frame{
	margin				: 0 auto;
	padding				: 30px 0px 0px;
	box-sizing			: border-box;
	text-align			: center;
	background			: rgba(248,253,249,1.0);
	}

.contact_reserve_flow_frame h2{
	padding				: 40px 70px;
	font-size			: larger;
	font-weight			: normal;
	text-align			: center;
	color				: rgba( 79,166,101,1.0);
	}

.contact_reserve_flow_frame h3{
	text-align			: left;
	font-size			: larger;
	font-weight			: normal;
	padding				: 5px 0px;
	}

.contact_reserve_flow_wrap{
	width				: 1240px;
	margin				: 0 auto;
	}

.contact_reserve_flowbox{
	width				: 900px;
	margin				: 0 auto;
	padding				: 15px 50px;
	box-sizing			: border-box;
	background			: rgba(250,250,250,1.0);
	}

.contact_reserve_flow_inbox{
	margin				: 0 auto;
	text-align			: left;
	padding				: 5px 20px;
	padding-left		: 30px;
	text-indent			: -30px;
	line-height			: 1.4;
	}

.contact_reserve_flow_buff{
	padding-top			: 10px;
	}

.contact_reserve_flow_comment{
	/*width				: 900px;*/
	margin				: 0 auto;
	padding-left		: 50px;
	/*text-align			: right;*/
	/*font-size			: small;*/
	}

.contact_reserve_flow_no{
	border-radius		: 50%;
	padding-top			: 1.6px;
	padding-left		: 8px;
	padding-right		: 8px;
	color				: rgba(255,255,255,1.0);
	background			: rgba( 18,149, 61,1.0);
	}

.contact_reserve_flow_attention{
	padding				: 10px 10px;
	text-align			: left;
	}

.contact_reserve_flow_exbox{
	width				: 500px;
	margin				: 0px 20px;
	padding				: 10px 20px;
	text-align			: left;
	box-sizing			: border-box;
	border				: 1px solid rgba(139,77,61,1.0);
	-webkit-border-radius	: 10px;
    -moz-border-radius		: 10px;
	}

/*------------------------------------------*/
/*	入力フォーム
/*------------------------------------------*/
.formTable{
	margin				: 0px auto 40px;
	}

.formTable12{
	margin				: 0px auto 40px;
	}

.formtable_row{
	height				: 65px;
	box-sizing			: border-box;
	}

.formTable_tbody th{
	width				: 200px;
	vertical-align		: middle;
	box-sizing			: border-box;
	font-weight			: normal;
	line-height			: 1.0;
	}

.formTable_tbody td{
	padding-left		: 10px;
	text-align			: left;
	box-sizing			: border-box;
	}

.th_pos_top{
	padding-top			: 20px!important;
	vertical-align		: top!important;
	}

.contact_input_name{
	width				: 350px;
	}

.contact_input_hurigana{
	width				: 350px;
	}

.contact_input_age{
	width				: 50px;
	}

.contact_input_telno{
	width				: 350px;
	}

.contact_input_date{
	width				: 200px;
	padding				: 10px 8px;
	border-radius		: 5px;
	font-size			: medium;
	background			: rgba(243,227,216,1.0);
	font-family			: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	}

.contact_input_date2{
	width				: 200px;
	padding				: 10px 8px;
	border-radius		: 5px;
	font-size			: medium;
	background			: rgba(243,227,216,1.0);
	font-family			: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	}

.flex_box{
	display				: flex;
	justify-content		: flex-end;
	align-items			: baseline;
	margin				: 0px 0px 20px 0px;
}

.flex_main_title{
	margin-right		: 17px;
}

.flex_title{
	margin				: 0px 10px;
}

select#keyword{
	padding				: 14px 8px;
	border-radius		: 5px;
	font-size			: medium;
	background			: rgba(243,227,216,1.0);
	font-family			: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	border-width		: 2px;
	border-style		: inset;
	border-color: #000000 rgb(118, 118, 118) rgb(118, 118, 118) #000000;
}

.select_time{
	width				: 220px;
}

.contact_input_mailaddress{
	width				: 350px;
	}

.contact_input_note{
	margin				: 10px 0;
	width				: 350px;
	height				: 200px;
	}

.contact_input_week{
	width				: 350px;
	}

.contact_input_lesson{
	width				: 350px;
	}

.contact_input_inquirynote{
	width				: 350px;
	}

.contact_input_time{
	width				: 200px;
	}

.contact_input_instructor{
	width				: 350px;
	}

.contact_input_class{
	width				: 350px;
	}
/*-------------------------*/
.formTable2{
	margin				: 0 auto;
	margin-bottom		: 20px;
	width				: 850px;
	}

.formtable2_row{
	height				: 65px;
	box-sizing			: border-box;
	}

.formTable2_tbody th{
	text-align			: left;
	padding-left		: 20px;
	vertical-align		: middle;
	box-sizing			: border-box;
	}

.formTable2_tbody td{
	padding-left		: 10px;
	text-align			: left;
	border				: 1px rgba(194,197,185,1.0) solid;
	box-sizing			: border-box;
	}

.formtable2_col{
	background			: rgba(234,237,225,1.0);
	width				: 150px;
	border				: 1px rgba(194,197,185,1.0) solid;
	line-height			: 1.0;
	box-sizing			: border-box;
	}

.formtable2_col_required{
	background			: rgba(234,237,225,1.0);
	width				: 120px;
	border				: 1px rgba(194,197,185,1.0) solid;
	border-left-style	: hidden;
	box-sizing			: border-box;
	}

.th_title{
	float: left;
	margin-left			: 5px;
	padding				: 3px 0px;
	}

.required{
	float				: right;
	margin-left			: 5px;
	color				: rgba(255,255,255,1.0);
	background			: rgba(206,124,105,1.0);
	padding				: 3px 10px;
	-webkit-border-radius	: 8px;
    -moz-border-radius		: 8px;
	}

select{
	/*
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	*/
	background-color	: rgb(255, 152, 0, 0.1);
	border				: 1px solid #ff0000;
	border-radius		: 5px;
	padding				: 5px 20px;
	}

.memo{
	font-size			: small;
	}

input#keyword {
	padding				: 10px 8px;
	border-radius		: 5px;
	font-size			: medium;
	background			: rgba(243,227,216,1.0);
	font-family			:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	}

.keyword {
	padding				: 10px 8px;
	border-radius		: 5px;
	font-size			: medium;
	background			: rgba(252,249,245,1.0);
	font-family			:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	}

input[type="text"][disabled]{
	background			: rgba(243,227,216,1.0);
    cursor				: not-allowed; /* 禁止カーソル */
}

input#keyword:focus {
	outline				: none;
	}

textarea#keyword {
	border-radius		: 5px;
	box-shadow			: 1px 1px rgba(0, 0, 0, 0.4) inset;
	background			: rgba(243,227,216,1.0);
	font-size			: medium;
	padding				: 10px 8px;
	font-family			:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	}

textarea#keyword:focus {
	outline				: none;
	}

.input_keyword{
	padding				: 10px 8px;
	border-radius		: 5px;
	font-size			: medium;
	background			: rgba(243,227,216,1.0);
	font-family			:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	}

.input_select{
	padding				: 10px 8px;
	border-radius		: 5px;
	box-shadow			: 2px 2px rgba(0, 0, 0, 0.4) inset;
	font-size			: medium;
	background			: rgba(243,227,216,1.0);
	font-family			:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraKakuPro-W3", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	}

.submit_btnbox{
	text-align			: center;
	padding				: 40px 0;
	}

/*----問い合わせSUBMITボタン----*/
.submit_inquiry_btn{
	display				: inline-block;
	width				: 400px;
	padding				: 10px;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	border				: none;
	color				: rgba(255,255,255,1.0);
	line-height			: 30px;
	font-size			: large;
	background			: rgba(163, 93, 69,1.0);
	cursor				: pointer;
	-webkit-appearance	: none;
	}

.submit_inquiry_btn,
.submit_inquiry_btn::before,
.submit_inquiry_btn::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.submit_inquiry_btn:hover {
	background			: rgba(163, 93, 69,0.7);
	}

/*----予約SUBMITボタン----*/
.submit_reserve_btn{
	display				: inline-block;
	width				: 400px;
	padding				: 10px;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	border				: none;
	color				: rgba(255,255,255,1.0);
	line-height			: 30px;
	font-size			: large;
	background			: rgba(220,158, 92,1.0);
	cursor				: pointer;
	-webkit-appearance	: none;
	}

.submit_reserve_btn,
.submit_reserve_btn::before,
.submit_reserve_btn::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.submit_reserve_btn:hover {
	background			: rgba(220,158, 92,0.7);
	}