@charset "utf-8";

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

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

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

/*====================================================================================*/
/*	お問い合わせ / CONTACT
/*====================================================================================*/
/*------------------------------------------*/
/*	INFO / 情報
/*------------------------------------------*/
.contact_info_frame{
	width				: 1240px;
	margin				: 0 auto;
	padding				: 0;
	text-align			: center;
	box-sizing			: border-box;
	background-size		: cover;
	}

.contact_info_frame h2{
	padding				: 20px 0;
	text-align			: left;
	}

.contact_info_frame h3{
	padding				: 30px 0;
	font-size			: large;
	text-align			: center;
	}

.contact_info_box{
/*	margin				: 0 auto;*/
	text-align			: center;
/*	background			: rgba(230,224,236,0.7);*/
	padding				: 10px 80px;
	box-sizing			: border-box;
	}

.contact_info_box p{
	padding				: 5px;
	text-align			: left;
	}

.contact_info_text{
	padding				: 30px 10px 0px !important;
	font-size			: large;
	font-weight			: bold;
	}

.contact_info_buttonbox{
	margin				: 0 auto;
	text-align			: left;
	padding				: 20px 0;
	}

.contact_info_button{
	display				: inline-block;
	padding				: 10px 100px;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	background			: rgba(141,140, 29,1.0);
	color				: rgba(255,255,255,1.0);
/*	border				: 1px solid rgba(141,140, 29,1.0);*/
	-webkit-border-radius	: 10px;
    -moz-border-radius		: 10px;
	}

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

.contact_info_button:hover {
	background			: rgba(141,140,29,0.7);
	}

/*------------------------------------------*/
/*	お問い合わせの流れ / FLOW
/*------------------------------------------*/
.flow_frame{
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);
	}

.flow_wrap{
	width				: 1080px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 30px 0;
	text-align			: left;
	}

.flow_frame h2{
	padding				: 10px 10px;
	text-align			: left;
	box-sizing			: border-box;
	line-height			: 100%;
	}

.flow_outbox{
	padding				: 20px 30px 40px;
	}

.flow_bk_schedule{
 	background			: rgba(243,243,243,1.0);
/*
 	background			: url(../images/contact_flow_bk.png),rgba(243,243,243,1.0);
    background-position	: 95% center;
    background-repeat	: no-repeat;
*/
	}

.flow_bk_inquiry{
 	background			: rgba(243,243,243,1.0);
	}

table.flow_table{
	margin				: 0 auto;
	text-align			: left;
	box-sizing			: border-box;
	padding				: 10px;
	}

table.flow_table th{
	width				: 50px;
	padding				: 5px;
	font-weight			: normal;
	vertical-align		: top;
	text-align			: right;
	box-sizing			: border-box;
	}

table.flow_table td{
	width				: 970px;
	padding				: 5px;
	vertical-align		: top;
	box-sizing			: border-box;
	}

/*------------------------------------------*/
/*	CONTACT 問い合わせ / CONTACT
/*------------------------------------------*/
.contact_frame{
	margin				: 0 auto;
	padding				: 20px 100px 110px;
	box-sizing			: border-box;
	}

.contact_subject_text{
	padding				: 20px 30px;
	}

.contact_mail_h2{
	text-align			: left;
	padding				: 5px 20px;
	/*background			: rgba(196,217,203,1.0);*/
	}

.contact_tel_h2{
	text-align			: left;
	padding				: 5px 20px;
	/*background			: rgba(166,148,134,1.0);*/
	}

.contact_form_h3{
	font-size			: large;
	text-align			: center;
	padding				: 5px 0px;
	}

.contact_flow_h3{
	text-align			: left;
	font-size			: larger;
	padding				: 5px 0px;
	}

.contact_flowbox{
	margin				: 20px auto;
	padding				: 30px 50px;
	box-sizing			: border-box;
	}

.contact_flowbox_bk1{
	background			: rgba(245,243,236,1.0);
	}

.contact_flowbox_bk2{
	background			: rgba(230,238,226,1.0);
	}

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

.contact_flow_buff{
	padding-top			: 10px;
	}

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

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

.contct_flow_color1{background : rgba(117,105,63,1.0);}
.contct_flow_color2{background : rgba(81,137,63,1.0);}

.contact_flow_attention{
	text-align			: left;
	}

.contact_tel_box{
	width				: 700px;
	margin				: 0 auto;
	padding				: 10px 0;
	text-align			: center;
	line-height			: 1.4;
	background			: rgba(255,255,255,0.7);
	border				: 2px rgba(121,50,37,1.0) solid;
	-webkit-border-radius	: 10px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 10px;	/* Firefox用 */
	}

.contact_tel_box h2{
	padding				: 10px 0;
	color				: rgba(51,51,51,1.0);
	font-size			: large;
	text-align			: center;
	}

.contact_tel_box p{
	padding				: 5px;
	}

.contact_tel_no {
	padding				: 10px 0;
	font-size			: x-large;
	font-weight			: bold;
	box-sizing			: border-box;
	text-align			: center;
	color				: rgba(121,50,37,1.0);
	}

.contact_tel_area{
	margin-right		: 10px;
	padding				: 5px 10px;
	font-weight			: normal;
	color				: rgba(255,255,255,1.0);
	background			: rgba(121, 50, 37,1.0);
	}

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

.contact_mail_frame{
	width				: 1040px;
	margin				: 0 auto;
	padding				: 30px 0px 30px;
	box-sizing			: border-box;
	text-align			: center;
	}

.contact_mail_frame h2{
	padding				: 20px 40px;
	text-align			: center;
	}

.contact_reserve_bk{
 	background			: url(../images/contact_reserve_bk.png);
	background-position	: right top;
    background-repeat	: no-repeat;
	}

.contact_inquiry_bk{
 	background			: url(../images/contact_inquiry_bk.png);
	background-position	: right top;
    background-repeat	: no-repeat;
	}

.contact_mail_wrap{
	width				: 1040px;
	box-sizing			: border-box;
	margin				: 0 auto;
	padding				: 30px 0;
	text-align			: left;
	background			: rgba(255,255,255,1.0);
	}

.contact_mail_box{
	margin				: 0 auto;
	padding				: 20px 0;
	text-align			: center;
	}

.contact_mail_textbox{
	padding				: 30px 0;
	}

.contact_mail_box p{
	padding				: 20px 0;
	}

.contact_mail_inquiry_bk{
 	background			: url(../images/contact_inquiry_bk.png);
    background-position	: right bottom 30%;
    background-repeat	: no-repeat;
	}

.contact_mail_schedule_bk{
 	background			: url(../images/contact_schedule_bk.png);
    background-position	: right bottom 20%;
    background-repeat	: no-repeat;
	}

.contact_mail_inquiry_img{
	margin-left			: -100px;
	text-align			: center;
	}

.contact_mail_schedule_img{
	margin-left			: -100px;
	text-align			: center;
	}

.contact_mail_text{
	padding				: 20px 40px;
	}

.contact_textbox{
	width				: 500px;
	text-align			: center;
	margin				: 0 auto;
	padding				: 20px;
	}

.contact_attentionbox{
	width				: 500px;
	text-align			: left;
	margin				: 0 auto;
	padding				: 20px;
	box-sizing			: border-box;
	background			: rgba(227,235,235,1.0);
	}

/*------------------------------------------*/
/*	入力フォーム
/*------------------------------------------*/
.formTable{
	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				: 350px;
	}

.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_time{
	width				: 350px;
	}

.contact_input_instructor{
	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;
	}

.required{
	float				: left;
	margin-left			: 5px;
	color				: rgba(234,113,114,1.0);
	}

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,243,243,1.0);
	font-family			: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif
	}

.keyword {
	padding				: 10px 8px;
	border-radius		: 5px;
	font-size			: medium;
	background			: rgba(252,249,245,1.0);
	font-family			: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif
	}

input[type="text"][disabled]{
    color				: rgba(0,0,0,1.0);
	-webkit-text-fill-color: rgba(0,0,0,1.0);
	opacity				: 1;
    background			: rgba(220,220,220,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,243,243,1.0);
	font-size			: medium;
	padding				: 10px 8px;
	font-family			: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif
	}

textarea#keyword:focus {
	outline				: none;
	}

.input_keyword{
	padding				: 10px 8px;
	border-radius		: 5px;
	font-size			: medium;
	background			: rgba(243,243,243,1.0);
	font-family			: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "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,243,243,1.0);
	font-family			: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif
	}

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

.submit_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(230,165,82,1.0);
	cursor				: pointer;
	-webkit-appearance	: none;
	}

.submit_btn::before,
.submit_btn::after {
	position			: absolute;
	z-index				: -1;
	display				: block;
	content				: '';
	}

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

.submit_btn:hover {
	background			: rgba(230,165,82,0.7);
	}


/*------------------------------------------*/
/*	CONTACT サービスの流れ / ServiceFlow
/*------------------------------------------*/
.contact_flow_frame{
	width				: var(--ScreenWidth);
	margin				: 0 auto;
	text-align			: center;
	background			: rgba(255,255,255,1.0);
	padding				: 20px 20px 80px;
	box-sizing			: border-box;
	}

.contact_flow_frame h2{
	width				: 1100px;
	margin				: 0 auto;
	box-sizing			: border-box;
	text-align			: left;
	}

.contact_flow_frame img{
	padding-top			: 20px;
	padding-bottom		: 20px;
	}

/*------------------------------------------*/
/*	CONTACT 電話 / TelNo
/*------------------------------------------*/
.contact_telno_frame{
	width				: var(--ScreenWidth);
	margin				: 0 auto;
	text-align			: center;
	background			: rgba(246,244,244,1.0);
	padding				: 20px 20px 40px;
	box-sizing			: border-box;
	}

.contact_telno_frame h2{
	width				: 1100px;
	margin				: 0 auto;
	box-sizing			: border-box;
	text-align			: center;
	}

.contact_telno_frame img{
	padding-top			: 20px;
	padding-bottom		: 20px;
	}

.contact_telno_subject{
	font-size			: 25px;
	font-weight			: bold;
	padding				: 30px 0;
	}

.contact_telno_box{
	width				: 1100px;
	margin				: 0 auto;
	margin-top			: 10px;
	padding				: 20px 100px 40px;
	background			: rgba(255,255,255,1.0);
	text-align			: center;
	-webkit-border-radius	: 10px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 10px;	/* Firefox用 */
	box-sizing			: border-box;
	}

.contact_telno_text{
	padding				: 20px 40px;
	}

.contact_telno_text p{
	text-align			: left;
	}

.contact_lesson_buttonbox{
	margin				: 0 auto;
	text-align			: center;
	padding				: 30px;
	}

.contact_lesson_button {
	display				: inline-block;
	padding				: 20px 100px;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	border				: 2px solid var(--clr_darkpink);
	background			: var(--clr_white);
	color				: var(--clr_darkpink);
	-webkit-border-radius	: 10px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 10px;	/* Firefox用 */
	}

.contact_lesson_button::before,
.contact_lesson_button::after {
	position			: absolute;
	z-index				: -1;
	display				: block;
	content				: '';
	}

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

.contact_lesson_button:hover {
	background			: var(--clr_lightpink);
	}

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